<!-- 

// image swap widget
// R.C.Lockwood - July 2007
// For: www.scillyselfcatering.co.uk

var nextPic = 1;
var pauseTime = 3000;
var imageDirectory = "";
var thumbDirectory = "";
var numPics=0;
	
function createPlayer() {
	noOfArguments = arguments.length;
	rotatorFlag = arguments[noOfArguments - 1];
	numPics= noOfArguments - 2;
	imageDirectory=arguments[noOfArguments - 2]+"img/";
	thumbDirectory=arguments[noOfArguments - 2]+"thm/";
	if ((!(document.getElementById)) | (numPics==1))
	{
          // Support older browsers with plain image
	  document.write('<img src="'+imageDirectory+arguments[0]+'">');
	  return;
	}
	document.write('<div id="player">');
	document.write('<span id="playpause"><a href=\"javascript:pausePic()\">Pause</a></span><br>');
	document.write('<span id="thumbs"></span>');
	document.write('<span id="mainwin"></span>');
	document.write('</div>');

	thumbsWin = document.getElementById("thumbs");
	mainWin = document.getElementById("mainwin");

			
	rotatorImages = new Array()
	rotatorThumbs = new Array()
	for (f=0; f<(noOfArguments - 2); f++) {
		rotatorImages[f] = new Image()
		rotatorImages[f].src = imageDirectory + arguments[f]
		rotatorThumbs[f] = new Image()
		rotatorThumbs[f].src = thumbDirectory + arguments[f]
	}

	
	thumbHTML = ""
	for (f=0; f<this.rotatorThumbs.length; f++) {
		thumbHTML += "<a href=\"javascript:swapPicAndPause(" + f + ")\"><img src=\"" + rotatorThumbs[f].src + "\"></a>"
	}
	// alert(thumbHTML)
	thumbsWin.innerHTML = thumbHTML
	
	mainWinHTML = "<img src=\"" + rotatorImages[0].src + "\" id=\"mainpic\">"
	mainWin.innerHTML = mainWinHTML
	
	objholder = document.getElementById("mainpic")
	if (objholder.filters) {
		objholder.filters[0].apply()
		objholder.style.visibility="visible"
		objholder.filters[0].play()
	} else {
		objholder.style.visibility="visible"
	}
	if (rotatorFlag) {
		xxx = setTimeout("swapPic(" + nextPic + ")",pauseTime)
	} else {
		xxx = setTimeout("pausePic()",5)
	}
}

function swapPic(x) {
	clearTimeout(xxx)
	document.getElementById("playpause").innerHTML = "<a href=\"javascript:pausePic()\">Pause</a>"
	objholder = document.getElementById("mainpic")
	if (objholder.filters) {
		objholder.filters[0].apply()
		objholder.src = rotatorImages[x].src
		objholder.filters[0].play()
	} else {
		objholder.setAttribute("src",rotatorImages[x].src)
	}
	y = (x + 1) % numPics;
	nextPic = (y + 1) % numPics;
	xxx = setTimeout("swapPic(" + y + ")",pauseTime)
}

function swapPicAndPause(x) {
	clearTimeout(xxx)
	document.getElementById("playpause").innerHTML = "<a href=\"javascript:pausePic()\">Pause</a>"
	objholder = document.getElementById("mainpic")
	if (objholder.filters) {
		objholder.filters[0].apply()
		objholder.src = rotatorImages[x].src
		objholder.filters[0].play()
	} else {
		objholder.setAttribute("src",rotatorImages[x].src)
	}
	y = (x + 1) % numPics;
	nextPic = (y + 1) % numPics;
	pausePic()
}

function pausePic() {
	clearTimeout(xxx)
	document.getElementById("playpause").innerHTML = "<a href=\"javascript:swapPic(nextPic)\">Play</a>"
}

	
// End hiding -->
