window.onload = function() {

	if(parseInt(document.getElementById('scrollPrints').scrollWidth) <= parseInt(document.getElementById('scrollPrints').offsetWidth)) {
  		document.getElementById('startRight').style.display = "none";
  		return;
	}
}

var aktivLeft;
var aktivRight;
//var currentBarId = "printBarId0";

var speed = 2; 

function scrollToRight()
{
  	
  	//button ein- bzw. ausblenden
  	document.getElementById('startLeft').style.display = "block";
  	document.getElementById('stopLeft').style.display = "none";
  	document.getElementById('startRight').style.display = "none";
  	document.getElementById('stopRight').style.display = "block";
  	
  	//punkt, an dem gestoppt werden soll
  	var stopWidth = (parseInt(document.getElementById('scrollPrints').scrollWidth))-(parseInt(document.getElementById('scrollPrints').offsetWidth));
	if (parseInt(document.getElementById('scrollPrints').scrollLeft) >= stopWidth) {
		document.getElementById('startRight').style.display = "none";
		document.getElementById('stopRight').style.display = "none";
		document.getElementById('startLeft').style.display = "block";
  		document.getElementById('stopLeft').style.display = "none";
		window.clearTimeout(aktivRight); 
		return;
	}
	
	//stoppe eventuelle linksbewegung
	window.clearTimeout(aktivLeft);	
	
	var bar = document.getElementById("progressState").getElementsByTagName('img');
  	var imgs = document.getElementById("scrollPrints").getElementsByTagName('img');
  	var barSteps = Math.round(436*parseInt(document.getElementById('scrollPrints').scrollLeft)/parseInt(document.getElementById('scrollPrints').scrollWidth));
  	bar[0].style.left = barSteps+'px';

    document.getElementById('scrollPrints').scrollLeft += speed;
    
    aktivRight = window.setTimeout("scrollToRight()", 30);	
}

function scrollToLeft() 
{
	var width = document.getElementById('scrollPrints').scrollWidth; //wirkliche Länge aller Bilder inkl. Abstände
  	
  	window.clearTimeout(aktivRight);
  	
  	var bar = document.getElementById("progressState").getElementsByTagName('img');
  	var barSteps = Math.round((parseInt(document.getElementById('scrollPrints').offsetWidth)*parseInt(document.getElementById('scrollPrints').scrollLeft))/parseInt(document.getElementById('scrollPrints').scrollWidth))+'px';
  	//alert(barSteps);
   	bar[0].style.left = barSteps;
   		
  	document.getElementById('scrollPrints').scrollLeft -= speed;
  	//progressBar.scrollLeft += speed;
  	aktivLeft = window.setTimeout("scrollToLeft()", 30);
  	
  	document.getElementById('startRight').style.display = "block";
  	document.getElementById('stopRight').style.display = "none";
  	document.getElementById('startLeft').style.display = "none";
  	document.getElementById('stopLeft').style.display = "block";
  	
  	//wenn am Anfang wieder angekommen!
  	if(parseInt(document.getElementById('scrollPrints').scrollLeft) <= 0) {
  		document.getElementById('startLeft').style.display = "none";
  		document.getElementById('stopLeft').style.display = "none";
  		document.getElementById('startRight').style.display = "block";
  		document.getElementById('stopRight').style.display = "none";
  		window.clearTimeout(aktivLeft);
  		return;
  	}
  	
}

function stopScrollToRight()
{
	document.getElementById('startRight').style.display = "block";
  	document.getElementById('stopRight').style.display = "none";
	window.clearTimeout(aktivRight);
}

function stopScrollToLeft()
{
	document.getElementById('startLeft').style.display = "block";
  	document.getElementById('stopLeft').style.display = "none";
	window.clearTimeout(aktivLeft);
}

function stopScrolling()
{
	window.clearTimeout(aktivLeft);
	window.clearTimeout(aktivRight);
}