var Divs = new Array();
var Toggles = new Array();

function slide(num, flag){
  obj = Divs[num];
  window.clearTimeout(obj.motion);
  var step=32;
  uobj = obj.getElementsByTagName('TABLE')[0];
  oht = obj.style.height;
  oht = oht.substring(0, oht.indexOf('px'));
  oht = parseInt(oht);
  uht = uobj.offsetHeight;
  if(flag>0){
    step*=(1-oht/uht);
    step = Math.ceil(step);
    while ((step-1) > (uht-oht))
      step--;
    oht+=step;
    obj.style.height= oht + 'px';
    uobj.style.top = oht-uht;
    if(oht!=uht)
      obj.motion = window.setTimeout("slide("+ num +","+ flag +")", 83);
    else
      window.clearTimeout(obj.motion);
  } else {
    step*=(oht/uht);
    step = Math.ceil(step);
    while (step-1 > oht)
      step--;
    oht-=step;
    obj.style.height= oht + 'px';
    uobj.style.top = oht-uht;
    if(oht!=0){
      obj.motion = window.setTimeout("slide("+ num +","+ flag +")", 83);
    } else {
      window.clearTimeout(obj.motion);
    }
  }
}

function init () {
  var j = 0;
  for (i=0; i<document.getElementsByTagName('DIV').length; i++ ) {
    if(document.getElementsByTagName('DIV')[i].className=="dyn"){
      Divs[j] = document.getElementsByTagName('DIV')[i];
      Divs[j].motion=false;
      Divs[j].style.height="0px";
      Table = Divs[j].getElementsByTagName('TABLE')[0];
      Table.style.top = -1*(Table.offsetHeight+Table.offsetTop) + 'px';
      j++;
    }
  }
  j = 0;
  for (i=0; i<document.getElementsByTagName('A').length; i++ ) {
    if(document.getElementsByTagName('A')[i].className=="dyn"){
      Toggles[j] = document.getElementsByTagName('A')[i];
      Toggles[j].flag = 1;
      Toggles[j].j=j;
      Toggles[j].onclick = function () {
                             slide(this.j, this.flag);
                             this.flag*=-1;
                           }
      j++;
    }
  }
}


if(window.addEventListener){
   window.addEventListener('load',multiImageSwap,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',multiImageSwap);
  }
 }
    
function multiImageSwap(){
   test=true;
document.getElementById('pic').onmouseover=function() {
if(test==true) {
   this.src='../bilder/klappmenue/b2.jpg';
 }
else {
   this.src='../bilder/klappmenue/b3.jpg';
  }
 }
document.getElementById('pic').onmouseout=function() {
if(test==true) {
   this.src='../bilder/klappmenue/b1.jpg';
 }
else {
   this.src='../bilder/klappmenue/b4.jpg';
  }
 }
document.getElementById('pic').onclick=function() {
if(test==true) {
   this.src='../bilder/klappmenue/b3.jpg';
   test=false;
 }
else {
   this.src='../bilder/klappmenue/b1.jpg';
   test=true;
   }
  }
 }
 
 
if(window.addEventListener){
   window.addEventListener('load',multiImageSwap,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',multiImageSwap);
  }
 }
    
function multiImageSwap(){
   test=true;
document.getElementById('pic').onmouseover=function() {
if(test==true) {
   this.src='bilder/klappmenue/b2.jpg';
 }
else {
   this.src='bilder/klappmenue/b3.jpg';
  }
 }
document.getElementById('pic').onmouseout=function() {
if(test==true) {
   this.src='bilder/klappmenue/b1.jpg';
 }
else {
   this.src='bilder/klappmenue/b4.jpg';
  }
 }
document.getElementById('pic').onclick=function() {
if(test==true) {
   this.src='bilder/klappmenue/b3.jpg';
   test=false;
 }
else {
   this.src='bilder/klappmenue/b1.jpg';
   test=true;
   }
  }
 }
 
 if(window.addEventListener){
   window.addEventListener('load',multiImageSwap1,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',multiImageSwap1);
  }
 }
    
function multiImageSwap1(){
   test=true;
document.getElementById('pic1').onmouseover=function() {
if(test==true) {
   this.src='bilder/klappmenue/b6.jpg';
 }
else {
   this.src='bilder/klappmenue/b7.jpg';
  }
 }
document.getElementById('pic1').onmouseout=function() {
if(test==true) {
   this.src='bilder/klappmenue/b5.jpg';
 }
else {
   this.src='bilder/klappmenue/b8.jpg';
  }
 }
document.getElementById('pic1').onclick=function() {
if(test==true) {
   this.src='bilder/klappmenue/b7.jpg';
   test=false;
 }
else {
   this.src='bilder/klappmenue/b5.jpg';
   test=true;
   }
  }
 }
 
  
 if(window.addEventListener){
   window.addEventListener('load',multiImageSwap2,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',multiImageSwap2);
  }
 }
    
function multiImageSwap2(){
   test=true;
document.getElementById('pic2').onmouseover=function() {
if(test==true) {
   this.src='bilder/klappmenue/b10.jpg';
 }
else {
   this.src='bilder/klappmenue/b11.jpg';
  }
 }
document.getElementById('pic2').onmouseout=function() {
if(test==true) {
   this.src='bilder/klappmenue/b9.jpg';
 }
else {
   this.src='bilder/klappmenue/b12.jpg';
  }
 }
document.getElementById('pic2').onclick=function() {
if(test==true) {
   this.src='bilder/klappmenue/b11.jpg';
   test=false;
 }
else {
   this.src='bilder/klappmenue/b9.jpg';
   test=true;
   }
  }
 }