scrollStep=1;
timerLeft="";
timerRight="";

function init(){
  autoScroll();
  document.getElementById("bildNavi").style.overflow="hidden";
  document.getElementById("bildNavi").style.height="1.5em";
  }//init

function toLeft(id){
  document.getElementById(id).scrollLeft=0;
}//toLeft

function scrollDivRight(id){
  clearTimeout(timerLeft);
  document.getElementById(id).scrollLeft+=scrollStep;
  timerRight=setTimeout("scrollDivRight('"+id+"')",10);
}//scrollDivRight

function scrollDivLeft(id){
  clearTimeout(timerRight);
  document.getElementById(id).scrollLeft-=scrollStep;
  timerLeft=setTimeout("scrollDivLeft('"+id+"')",10);
}//scrollDivLeft

function toRight(id){
  document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth;
}//toRight

function stopMe(){
  clearTimeout(timerRight); 
  clearTimeout(timerLeft);
}//stopMe//


//die funktion autoscroll sorgt dafür, dass nach anklicken eines links die 
//bildNavi so weit nach rechts gescrollt wird, bis der hilite-link sichtbar ist
    
     function autoScroll(){
     
     var myDiv=document.getElementById("bildNavi");
     var inhalt=myDiv.childNodes;
     
     var scrWidth=myDiv.scrollWidth; //gesamtbreite des divs, als ob keine scrollbalken vorhanden waeren
     var scrMax=myDiv.scrollWidth-myDiv.offsetWidth; //maximaler wert der gescrollt werden kann
     var elemAnz=inhalt.length//anzahl der im div vorhandenen elemente
     var selPos;//positon des mit der class "hilite" versehenen also ausgewählten elements
     var scrLeft;//scrollposition abhaengig vom ausgewählten element
     
    
      for(i=0;i<inhalt.length;i++){
        if(inhalt[i].getAttribute("class")=="hilite"){
          var selPos=i;
        }//if;
     }//for
     
     scrLeft=(selPos/elemAnz)*(scrMax*((elemAnz+1)/elemAnz));
     myDiv.scrollLeft=scrLeft;
     
    }//autoScroll