//	Products.js
//	Original code by T.K.Egan - 7 Oct 2005
//	License: none
//		Use as you will but I'd appreciate an
//		email at tkegan@greenneondesign.com if 
//		you find a way to improve the code

var numSlides = 5;	// set this to the number of slides
// shouldn't have to change any thing after here unless you are changing functionality
var selectedSlideID = 0;

		
function init() {	// change the loading slide visible by default to a random slide
	document.getElementById('previousButton').onclick=displayPreviousSlide;
	document.getElementById('nextButton').onclick=displayNextSlide;
	var randomSlideID = Math.floor(Math.random() * numSlides) + 1;
	var e = document.getElementById("" + randomSlideID);
	e.style.display="block";
//	e = document.getElementById("" + selectedSlideID);
//	e.style.display="none";
	selectedSlideID = randomSlideID;
}

function displayNextSlide() { // implementation of functionality for next button
	var nextSlideID = selectedSlideID + 1;
	if(nextSlideID > numSlides) {	// wrap to first slide if outside bounds
		nextSlideID = 1;
	}
	var e = document.getElementById("" + nextSlideID);
	e.style.display="block";
	e = document.getElementById("" + selectedSlideID);
	e.style.display="none";
	selectedSlideID = nextSlideID;
}

function displayPreviousSlide() { // implementation of functionality for previous button
	var previousSlideID = selectedSlideID - 1;
	if(previousSlideID < 1) {	// wrap to last slide if outside bounds
		previousSlideID = numSlides;
	}
	var e = document.getElementById("" + previousSlideID);
	e.style.display="block";
	e = document.getElementById("" + selectedSlideID);
	e.style.display="none";
	selectedSlideID = previousSlideID;
}

// Check if the browser supports necessary DOM level
if(document.getElementById)
{	// if supported then configure event handlers
	addLoadEvent(init);
}