/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Mr J | http://www.huntingground.net/ */

scrollStep=2.5

timerLeft=100;
timerRight=100;

function toLeft(id){
  document.getElementById(id).scrollLeft=0;
  document.getElementById('gallery_navi_left').style.display='none';
  
}

function scrollDivLeft(id){
  clearTimeout(timerRight);
  document.getElementById(id).scrollLeft+=scrollStep;
  timerRight=setTimeout("scrollDivLeft('"+id+"')",10)
  document.getElementById("gallery_navi_left").style.display='block';
  	/*document.getElementById("width").value=document.getElementById(id).scrollLeft;
  	document.getElementById("divbox").value=document.getElementById("gallery").offsetWidth;
  	document.getElementById("total").value=document.getElementById(id).scrollWidth;
	document.getElementById("step").value=scrollStep;*/
  scrollStep+=0.04;
  if(document.getElementById(id).scrollLeft==document.getElementById(id).scrollWidth - document.getElementById("gallery").offsetWidth) {
	   document.getElementById("gallery_navi_right").style.display='none';
	   stopMe();
  }
}

function scrollDivRight(id){
  clearTimeout(timerLeft)
  document.getElementById(id).scrollLeft-=scrollStep;
  timerLeft=setTimeout("scrollDivRight('"+id+"')",10);
  document.getElementById('gallery_navi_right').style.display='block';
  	/*document.getElementById("width").value=document.getElementById(id).scrollLeft;
  	document.getElementById("total").value=document.getElementById(id).scrollWidth;
  	document.getElementById("step").value=scrollStep;*/
  scrollStep+=0.04;
  if(document.getElementById(id).scrollLeft==0) {
	   document.getElementById("gallery_navi_left").style.display='none';
	   stopMe();
  }
}

function toRight(id){
  document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth;
  document.getElementById("gallery_navi_right").style.display='none';
  
}

function stopMe(){
  clearTimeout(timerRight);
  clearTimeout(timerLeft);
  scrollStep=2.5;
}

function toTotalRight(){
	window.scrollBy(document.body.scrollWidth, 0);
}


/* einfaden, wenn bilder geladen */
function fadeOnLoad(i,id) {
	var i = i+0.01;                
	if(i < 1) {
		document.getElementById(id).style.opacity = i;
		/*alert('Bild start eingefaden: '+id+', counter='+i);*/
		setTimeout("fadeOnLoad("+i+",'"+id+"')", 10);
		
	}
}