scrollDir = 1;

function scrollHorizontal(divID,scrollAmt) {
	scrollDiv = document.getElementById(divID);
	if(!Stop) {
		if (scrollDiv.scrollLeft == 0 && scrollDir==-1) {
			Stop = true;
			scrollDir = 1;
			setTimeout("Stop=false", 3000);
		} else if (scrollDiv.scrollLeft == scrollDiv.scrollWidth-scrollDiv.clientWidth && scrollDir==1) {
			Stop = true;
			scrollDir = -1;
			setTimeout("Stop=false", 3000);
		}
		scrollDiv.scrollLeft += scrollAmt*scrollDir;
	}
	scrollTimeout = setTimeout("scrollHorizontal('"+divID+"',5)", 33);
}

function controlsUnhide() {
	document.getElementById('controls').style.visibility = 'visible';
}

function controlsHide() {
	document.getElementById('controls').style.visibility = 'hidden';
}

function toggleScroll() {
	if (!Stop){
		Stop = true;
		document.getElementById('play').style.display = 'inline';
		document.getElementById('pause').style.display = 'none';
	} else {
		Stop = false;
		document.getElementById('play').style.display = 'none';
		document.getElementById('pause').style.display = 'inline';
	}
}


/* function scrollDrag(divID,event) {
	document.addEventListener("mousemove", moveHandler, true);
	document.addEventListener("mouseup", upHandler, true);
	event.preventDefault();
	startX = event.clientX;
	startScroll = divID.scrollLeft;
	function moveHandler(event) {
		divID.scrollLeft = startScroll + (startX - event.clientX);
		event.stopPropagation();
	}
	function upHandler(event) {
		//alert('up');
		document.removeEventListener("mousemove", moveHandler, true);
		document.removeEventListener("mouseup", upHandler, true);
		event.stopPropagation();
	}
} */

window.onload = function() {
	Stop=false;
	document.getElementById('imgContainer').scrollLeft = 0;
	scrollHorizontal('imgContainer',10);
}