function zeigeinfo(var_anz_id) {
 var ar = document.getElementsByTagName('div');
 for(var i=0; i<ar.length; i++)
 {
 if ( ar[i].className == 'hinweis') {if (ar[i].id==var_anz_id){ar[i].style.display="block";}else{ar[i].style.display="none";}}
 }
} 
function schliesseinfo() {
 var ar = document.getElementsByTagName('div');
 for(var i=0; i<ar.length; i++)
 {
 if ( ar[i].className == 'hinweis') {ar[i].style.display="none";}
 }
} 

function zeige_umenu(var_anz_id, el_tab) {
 var ar = document.getElementsByTagName('div');
  hg_hell(el_tab);
 for(var i=0; i<ar.length; i++)
 {
 if ( ar[i].className == 'ges_unternavi') {if (ar[i].id==var_anz_id){ar[i].style.display="block";}else{ar[i].style.display="none";}}
 }
} 
function schliesse_umenu() {
 var ar = document.getElementsByTagName('div');
 for(var i=0; i<ar.length; i++)
 {
 if ( ar[i].className == 'ges_unternavi') {ar[i].style.display="none";}
 }
} 

var TimeToFade = 500.0;

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  element.FadeState = -2;
    
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}

function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
  element.style.display="block";
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' 
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}

function ruecke_navi(id_gruppe,id_div) {
 var ar = document.getElementById(id_gruppe).getElementsByTagName('div');
 var int_id=parseInt(id_div);
 var int_el; var elpos;
 /* Ausgangspositionen merken */
 var ar_pos = new Array('0px','24px','48px','72px','96px','120px','144px','168px','192px','216px','240px','264px','288px','312px','336px','360px');

 for(var i=0; i<ar.length; i++)
 {

 if ( ar[i].className == 'unternavi') 
   { 
     int_el=parseInt(ar[i].id);elpos=int_el-1;
     if (int_el > int_id)
	 {/* nach unten verschieben*/
	  var var_start=parseInt(ar_pos[elpos]);
	  var var_ziel=parseInt(ar_pos[elpos])+65;
	  setTimeout("schritt_vor( "+ id_gruppe +","+ int_el +","+var_start+","+var_ziel+",0)", 20);
	 }
	 else
	 {/* zurück an Ausgangsposition*/
	   var var_start=parseInt(ar_pos[elpos])+65;
	   var var_ziel=parseInt(ar_pos[elpos]);
	   setTimeout("schritt_zurueck( "+ id_gruppe +","+ int_el +","+var_start+","+var_ziel+",0)", 20);
	 }
   }
 /* if ( ar[i].className == 'unavi_bild') 
  { var bildname=int_id;
    
	if (ar[i].id==bildname)
	{ar[i].style.display="block";}else{ar[i].style.display="none";}
  }*/
 }
} 

function schritt_vor(id_gruppe, el_id,start,ziel,zaehler){
var ar = document.getElementById(id_gruppe.id).getElementsByTagName('div');
var schrittweite=8;
for(var i=0; i<ar.length; i++)
 {
  if ( ar[i].className == 'unternavi' && ar[i].id==el_id)
  {
	var akt_pos=parseInt(ar[i].style.top);
    if (akt_pos < ziel)
    {
      zaehler++;
	  if (ziel-akt_pos >schrittweite){ar[i].style.top=akt_pos+schrittweite;}else{ar[i].style.top=akt_pos+(ziel-akt_pos);}
	  var var_start=parseInt(ar[i].style.top);
	  var var_gruppenname=id_gruppe.id;
      if(zaehler < 10)
	  {
	  setTimeout("schritt_vor("+ var_gruppenname +","+ el_id +"," + var_start + "," + ziel +"," + zaehler +  ")", 20);
	  }
    }
  }
}
}

function schritt_zurueck(id_gruppe, el_id,start,ziel,zaehler){
var ar = document.getElementById(id_gruppe.id).getElementsByTagName('div');
var schrittweite=8;
for(var i=0; i<ar.length; i++)
 {
  if ( ar[i].className == 'unternavi' && ar[i].id==el_id)
  {
    var akt_pos=parseInt(ar[i].style.top);
    if ( ziel< akt_pos)
    {
      zaehler++;
	  if (akt_pos-ziel >schrittweite){ar[i].style.top=akt_pos-schrittweite;}else{ar[i].style.top=akt_pos-(akt_pos-ziel)}
	  var var_start=parseInt(ar[i].style.top);
	  var var_gruppenname=id_gruppe.id;
      if(zaehler <10)
	  {
	  setTimeout("schritt_zurueck("+ var_gruppenname +","+ el_id +"," + var_start + "," + ziel +"," + zaehler + ")", 20);
	  }
    }
  }
}
}

function hg_hell (el) {
  el.style.backgroundColor = "#ffe5c1";
}
function hg_dunkel (el) {
  el.style.backgroundColor = "#e8ae77";
}
function hg_dunkel_s (el) {
  el.style.backgroundColor = "#e8ae77";
  schliesse_umenu();
}
