// Values passed to us are:
// slideWidth = width of one slide (including mask)
// slideHeight = height of one slide
// numSlide = number of slides in strip (not counting duplicate at end)
// slip = number of pixels to move slide each time round the loop.
// slideId = id of the slide image
//
// Initial values
x = 0;
slide = 0;

run = false;
var type = "unknown";	//Variable used to hold the browser name
BrowserSniffer();

var W,H;
if(window.innerWidth!=undefined) {
	W = window.innerWidth;
	H = window.innerHeight;
} else {
	var D = document.documentElement;
	if(D) {
		W = D.clientWidth;
		H = D.clientHeight;
	}
}

//detects the capabilities of the browser
function BrowserSniffer() {
	if (document.getElementById) type="ById";	//eg Firefox, Safari and later Internet Explorers
	else if (document.all) type="all";			//eg Internet Explorer e.g. IE4 upwards
	else if (document.layers) type="layers";	//eg Netscape Communicator 4
	else type = "unknown";		//I hope it will not get here
}
function slidesLoaded()	{
	document.getElementById('button').value = "Start slide show";
}
function slideShow()	{
	if (run)	{
		document.getElementById('button').value = "Resume slide show";
		run = false;
	} else {
		document.getElementById('button').value = "Pause slide show";
		run = true;
		setTimeout("changeSlide()",100);
	}
}

function changeSlide() {
	if (!run) {return false;}
	x += slip;
	var o = x + slideWidth * slide;
	var y = o + slideWidth;
	eval("document.getElementById(slideId).style.left='-" + o + "px'");
	var rect = "rect(0px, "+y+"px, " + slideHeight + "px, "+o+"px)";
	eval("document.getElementById(slideId).style.clip= rect");
	if (x >= slideWidth) {
		slide++;
		if (slide>=numSlides) {slide = 0};
		x = 0;
		if (run) {
			setTimeout("changeSlide()",5000);
		}
	} else {
		setTimeout("changeSlide()",80);
	}	
	return true;
}