var buttonDown=false;

function clipDiv(divname,x,y,breite,hoehe)  {breite+=x; hoehe+=y; document.getElementById(divname).style.clip = "rect("+String(y)+"px "+String(breite)+"px "+String(hoehe)+"px "+String(x)+"px)";}

function scrollGallery(divn, richtung)
	{
	var sx = -(parseInt(document.getElementById(divn).style.left)-26);
	// folgende Abfrage ist notwendig, um bei Mehrfachklicks nicht ueber Breite hinaus zu scrollen
	if ( (divn=="imageScroller") && ( ((richtung==1) && (sx+5 <= (anzahlDerBilder-3)*80))  ||  ((richtung==-1)&&(sx-5 >= 0))) ||
	     (divn=="videoScroller") && ( ((richtung==1) && (sx+5 <= (anzahlDerVideos-3)*80))  ||  ((richtung==-1)&&(sx-5 >= 0))) )
		{
		// Bilderreihe der Richtung entsprechend 5 Pixel verschieben
		document.getElementById(divn).style.left=(parseInt(document.getElementById(divn).style.left)-richtung*5)+"px";
			
		// ggf. Buttons ein- und ausblenden
		if (divn=="imageScroller")
			{
			if ((richtung==-1)&&(sx-5==0)) {document.getElementById('browseBack1').style.display="none"; buttonDown=false;} else document.getElementById('browseBack1').style.display="block";
			if ((richtung==1)&& (sx+5==((anzahlDerBilder-3)*80)) ) {document.getElementById('browseForward1').style.display="none"; buttonDown=false;} else document.getElementById('browseForward1').style.display="block";
			}
		if (divn=="videoScroller")
			{
			if ((richtung==-1)&&(sx-5==0)) {document.getElementById('browseBack2').style.display="none"; buttonDown=false;} else document.getElementById('browseBack2').style.display="block";
			if ((divn=="videoScroller")&&(richtung==1)&& (sx+5==((anzahlDerVideos-3)*80)) ) {document.getElementById('browseForward2').style.display="none"; buttonDown=false;} else document.getElementById('browseForward2').style.display="block";
			}
		}
	// Ausschnitt anzeigen		
	sx = -(parseInt(document.getElementById(divn).style.left)-26);
	clipDiv(divn, sx, 0, 235,50);
	// Weiterscrollen, wenn Button gedrueckt oder Bild noch nicht vollstaendig an Position gescrollt
	if ((buttonDown) || (sx%80!=0)) {setTimeout("scrollGallery('"+divn+"',"+richtung+");",20);}
	}
	
function Init()
	{
	// Buttonsfunktionalitaet hinzufuegen
	document.getElementById("browseBack1").onmousedown=function (evt) {buttonDown=true; scrollGallery("imageScroller",-1);}	
	document.getElementById("browseBack1").onmouseup=function (evt) {buttonDown=false;}	
	document.getElementById("browseBack1").onfocus=function (evt) {document.getElementById("browseBack1").blur();}	
	document.getElementById("browseForward1").onmousedown=function (evt) {buttonDown=true; scrollGallery("imageScroller",1);}	
	document.getElementById("browseForward1").onmouseup=function (evt) {buttonDown=false;}
	document.getElementById("browseForward1").onfocus=function (evt) {document.getElementById("browseForward1").blur();}	
	if (anzahlDerBilder>3) document.getElementById('browseForward1').style.display="block";
	document.getElementById('browseBack1inaktiv').style.display="block";
	document.getElementById('browseForward1inaktiv').style.display="block";

	document.getElementById("browseBack2").onmousedown=function (evt) {buttonDown=true; scrollGallery("videoScroller",-1);}	
	document.getElementById("browseBack2").onmouseup=function (evt) {buttonDown=false;}	
	document.getElementById("browseBack2").onfocus=function (evt) {document.getElementById("browseBack2").blur();}	
	document.getElementById("browseForward2").onmousedown=function (evt) {buttonDown=true; scrollGallery("videoScroller",1);}	
	document.getElementById("browseForward2").onmouseup=function (evt) {buttonDown=false;}
	document.getElementById("browseForward2").onfocus=function (evt) {document.getElementById("browseForward2").blur();}	
	if (anzahlDerVideos>3) document.getElementById('browseForward2').style.display="block";
	document.getElementById('browseBack2inaktiv').style.display="block";
	document.getElementById('browseForward2inaktiv').style.display="block";

	// Galeriebreite anpassen
	document.getElementById("imageScroller").style.width=(anzahlDerBilder*80)+"px";
	document.getElementById("videoScroller").style.width=(anzahlDerVideos*80)+"px";
	}