function OnBodyLoad()
{

	SetScrollMarker(CurrentScreenshot());
}


function DoScreenshot(elem, event)
{
	var arrE = document.getElementById("ScreenshotList").getElementsByTagName("A");
	var lScrollTo = -1;
	for (var i = 0; i < arrE.length; i++) {
		if (arrE[i].href == elem.href) {
			lScrollTo = i;
			i = arrE.length;
		}
	}
	
	if (lScrollTo >= 0) ScrollTo(lScrollTo);

	if (!event.ctrlKey) {
		var w = window.open(elem.href, "Screenshot", "width=900,height=700");
		if (!w) {
			alert("Unable to open the screenshot in a popup window. Please check that your browser is not blocking popups from this site.");
		} else {
			w.focus();
		}
		return false;
	}
}

var glbTotalScreenshots = 18;
var glbImageSize = 240;
var glbScrollBy = 10;
var glbScrollTimeout = 2;

var glbScrollTo;
var glbScrollTimer;


function ScrollNextScreenshot()
{
	if (CurrentScreenshot() < glbTotalScreenshots - 1) {
		ScrollTo(CurrentScreenshot() + 1);
	}
}

function ScrollPreviousScreenshot()
{
	if (CurrentScreenshot() > 0) {
		ScrollTo(CurrentScreenshot() - 1);
	}
}

function ScrollRight()
{
	var elem = document.getElementById("Scroller");
	var x = elem.scrollLeft;
	if (x < glbScrollTo) {
		x += glbScrollBy;
		elem.scrollLeft = x;
	} else {
		clearInterval(glbScrollTimer);
	}
}

function ScrollLeft()
{
	var elem = document.getElementById("Scroller");
	var x = elem.scrollLeft;
	if (x > glbScrollTo) {
		x -= glbScrollBy;
		elem.scrollLeft = x;
	} else {
		clearInterval(glbScrollTimer);
	}
}

function ScrollTo(lRef)
{
	SetScrollMarker(lRef);
	if (CurrentScreenshot() != lRef) {
		var diff = Math.abs(CurrentScreenshot() - lRef);
		glbScrollBy = diff * glbImageSize / 24;

		if (CurrentScreenshot() < lRef) {
			glbScrollTo = (lRef * glbImageSize);
			clearInterval(glbScrollTimer);
			glbScrollTimer = setInterval("ScrollRight()", 5);
		} else {
			glbScrollTo = (lRef * glbImageSize);
			clearInterval(glbScrollTimer);
			glbScrollTimer = setInterval("ScrollLeft()", 5);
		}
	}
}

function CurrentScreenshot()
{
	return Math.floor(document.getElementById("Scroller").scrollLeft / glbImageSize);
}

function SetScrollMarker(NewMarker)
{
	for (var i=0; i < glbTotalScreenshots; i++)	{
		var elemImg = document.getElementById("sd" + i);
		if (i == NewMarker) {
			elemImg.src = "images/scrollDotLarge.gif";
		} else {
			elemImg.src = "images/scrollDot.gif";
		}
	
	}
}