window.onload = init;

function init() {
	slideContainer = document.getElementById("slidecontainer");
	slideViewer = document.getElementById("slideviewer");
	slideNav = document.getElementById("slidenav");
	prevButton = document.getElementById("prev");
	pagesLinks = document.getElementById("pages");
	nextButton = document.getElementById("next");	
	slideContainer.style.width = (slideContainer.childNodes.length * slideViewer.clientWidth) + "px";
	slideContainer.style.left = "0px";
	pageMark = new Array();
	
	for (i = 0; i < slideContainer.childNodes.length; i++) {
		pageMark[i] = document.createElement("img");
		pageMark[i].src = "/images/page.gif";
		pageMark[i].setAttribute("alt","Page " + (i + 1));
		pageMark[i].style.cursor = "pointer";
		pageMark[i].onmouseover = function() {this.setAttribute("src", "/images/pagehover.gif");};
		pageMark[i].onmouseout = function() {this.setAttribute("src", "/images/page.gif");};
		pageMark[i].onclick = new Function("slide(" + (- slideViewer.clientWidth * i) + ");");
		pagesLinks.appendChild(pageMark[i]);
	}
	
	prevButton.onmouseover = function() {this.setAttribute("src", "/images/prevhover.gif");};
	prevButton.onmouseout = function() {this.setAttribute("src", "/images/prev.gif");};
	prevButton.onclick = function() {slide(parseInt(slideContainer.style.left) + slideViewer.clientWidth);};
	
	nextButton.onmouseover = function() {this.setAttribute("src", "/images/nexthover.gif");};
	nextButton.onmouseout = function() {this.setAttribute("src", "/images/next.gif");};
	nextButton.onclick = function() {slide(parseInt(slideContainer.style.left) - slideViewer.clientWidth);};
}

function slide(x) {
	for (i = 0; i < pageMark.length; i++) {
		pageMark[i].onclick = null;
	}
	prevButton.onclick = null;
	nextButton.onclick = null;
	currentOffset = parseInt(slideContainer.style.left);
	if (currentOffset < x && currentOffset < 0) {
		slideContainer.style.left = parseInt(slideContainer.style.left) + 50 + "px";
		theTimeout = setTimeout("slide(" + x + ");", 20);
	}
	else if (currentOffset > x && currentOffset > (- parseInt(slideContainer.style.width) + slideViewer.clientWidth)) {
		slideContainer.style.left = parseInt(slideContainer.style.left) - 50 + "px";
		theTimeout = setTimeout("slide(" + x + ");", 20);
	}
	else {
		for (i = 0; i < pageMark.length; i++) {
			pageMark[i].onclick = new Function("slide(" + (- slideViewer.clientWidth * i) + ");");
		}
		prevButton.onclick = function() {slide(parseInt(slideContainer.style.left) + slideViewer.clientWidth);};
		nextButton.onclick = function() {slide(parseInt(slideContainer.style.left) - slideViewer.clientWidth);};
	}
}