var scrollLeftVar;
var scrollRightVar;

function preloadImages(ImageArray) {
	ImgList= new Array();
	for (x=0;x<ImageArray.length;x++) {
		ImgList[x]= new Image();
		ImgList[x].src= ImageArray[x];
	}
}

function goscrollLeft(IdVar) {
	scrollLeftVar= 1;
	doscrollLeft(IdVar);
}

function scrollLeftStop(IdVar) {
	scrollLeftVar= 0;
}

function doscrollLeft(IdVar) {
	if (scrollLeftVar == 1) {

		var e = document.getElementById(IdVar);
		LeftVar= parseInt(e.style.left);

		if (isNaN(LeftVar)) { LeftVar= 0; }

		if (LeftVar < 0) {
				e.style.left= LeftVar + 2 + "px";
				setTimeout( "doscrollLeft(\'" + IdVar + "\')", 10 );
		}

	}
}

function scrollLeftQuick(IdVar) {

	if (scrollLeftVar == 1) {

		var e = document.getElementById(IdVar);
		LeftVar= parseInt(e.style.left);

		if (isNaN(LeftVar)) { LeftVar= 0; }

		if (LeftVar < -50) {
				e.style.left= LeftVar + 50 + "px";
		} else {
				e.style.left= 0 + "px";
		}

	}
}

function goscrollRight(IdVar) {
	scrollRightVar= 1;
	doscrollRight(IdVar);
}

function scrollRightStop(IdVar) {
	scrollRightVar= 0;
}

function doscrollRight(IdVar) {

	if (scrollRightVar == 1) {

		var e = document.getElementById(IdVar);
		LeftVar= parseInt(e.style.left);
		WidthVar= parseInt(e.offsetWidth);

		var f = document.getElementById("container");
		ScrollWidth= parseInt(f.offsetWidth);

		if (WidthVar < 150) { 
			if (IDList) {
				WidthVar= IDList.length * 126; 
			} else {
				WidthVar= 500;
			}
		}
		

		if (isNaN(LeftVar)) { LeftVar= 0; }

		if ((((LeftVar + WidthVar) - ScrollWidth) > 0) || (isNaN(ScrollWidth)) || (isNaN(WidthVar)))  {
				e.style.left= LeftVar - 2 + "px";
				setTimeout( "doscrollRight(\'" + IdVar + "\')", 10 );
		}
	}
}

function scrollRightQuick(IdVar) {
	if (scrollRightVar == 1) {

		var e = document.getElementById(IdVar);
		LeftVar= parseInt(e.style.left);
		WidthVar= parseInt(e.offsetWidth);

		var f = document.getElementById("container");
		ScrollWidth= parseInt(f.offsetWidth);

		if (isNaN(LeftVar)) { LeftVar= 0; }

		if ((((LeftVar + WidthVar) - ScrollWidth) - 50) > 0) {
				e.style.left= LeftVar - 50 + "px";
		} else {
				e.style.left= 0 - (WidthVar - ScrollWidth) + "px";
		}
	}
}