// annec.js   functions for slide show  
// 18 apr 06  conor add extra slides, was 6 now 13, also remove centralize, do it by css
// slides are the pictures, spans are the descriptions

var slideImages = new Array("images/paris2.jpg","images/venice2.jpg","images/barcelona2.jpg",
						"images/prague2.jpg","images/alps2.jpg","images/hedge2.jpg","images/rain2.jpg",
						"images/stmartin2.jpg", "images/seasparkle2.jpg","images/squall2.jpg",
						"images/fantasia1.jpg", "images/fantasia2.jpg", "images/echanta2.jpg")
var spans = new Array;
var automode;
var delay = 10;  // seconds per slide
var slideNo = 0;
var slideMax = slideImages.length - 1;
var oldSlideNo = -1;
var intervalId;

if (document.images){  				//precache button images
	var offImgArray = new Array();
	offImgArray["button1"] = new Image (60,25);
	offImgArray["button2"] = new Image (60,25);
	offImgArray["button3"] = new Image (60,25);
	offImgArray["button4"] = new Image (60,25);
	offImgArray["button1"].src = "images/button1.gif";
	offImgArray["button2"].src = "images/button2.gif";
	offImgArray["button3"].src = "images/button3.gif";
	offImgArray["button4"].src = "images/button4.gif";

	var onImgArray = new Array();
	onImgArray["button1"] = new Image (60,25);
	onImgArray["button2"] = new Image (60,25);
	onImgArray["button3"] = new Image (60,25);
	onImgArray["button4"] = new Image (60,25);
	onImgArray["button1"].src = "images/button1_on.gif";
	onImgArray["button2"].src = "images/button2_on.gif";
	onImgArray["button3"].src = "images/button3_on.gif";
	onImgArray["button4"].src = "images/button4_on.gif";
}

function init()
{
	spans[0] = document.getElementById('tab0');
	spans[1] = document.getElementById('tab1');
	spans[2] = document.getElementById('tab2');
	spans[3] = document.getElementById('tab3');
	spans[4] = document.getElementById('tab4');
	spans[5] = document.getElementById('tab5');
	spans[6] = document.getElementById('tab6');
	spans[7] = document.getElementById('tab7');
	spans[8] = document.getElementById('tab8');
	spans[9] = document.getElementById('tab9');
	spans[10] = document.getElementById('tab10');
	spans[11] = document.getElementById('tab11');
	spans[12] = document.getElementById('tab12');
	automode = true;
	intervalId = setInterval("rotate()", delay * 1000);

}

function incSlideNo ()
{
	oldSlideNo = slideNo;
	if (slideNo < slideMax)
	{
		slideNo++;
	}
	else {
		slideNo = 0;
	}
}

function decSlideNo ()
{
	oldSlideNo = slideNo;
	if (slideNo > 0)
	{
		slideNo--;
	}
	else {
		slideNo = slideMax;
	}
}

function showSlide ()
{   if (document.images)
	{
			if (oldSlideNo > -1)
			{
				spans[oldSlideNo].style.display = "none";  // remove old descrip
			}
			document.slide.src = slideImages[slideNo];  // why not getElementbyId ???
			window.status = " ";
			spans[slideNo].style.display = "block";
	}
}

function rotate()
{   if (document.images) 
 	{  
		if (document.slide.complete)
		{
			incSlideNo();
			showSlide();
		}
	}
}

function stop () 
{
	automode = false;
	if (intervalId) {
		clearInterval(intervalId);
	}
}

function play ()
{
	automode = true;
	if (intervalId) {   // clear old timer if 'play' pressed twice
		clearInterval(intervalId);
	}
	rotate();
	intervalId = setInterval("rotate()", delay * 1000);
}

function next ()
{ 
	automode = false;
	if (intervalId) {   
		clearInterval(intervalId);
	}
	incSlideNo();
	showSlide();
}

function prev ()
{ 
	automode = false;
	if (intervalId) {   
		clearInterval(intervalId);
	}
	decSlideNo();
	showSlide();
}

function mOver (imgName) {   // highlight button when mouse over
		document.images[imgName].src = onImgArray[imgName].src;
		return true;
}
	
function mOut (imgName) {    // normal when mouse out
		document.images[imgName].src = offImgArray[imgName].src;
		return true;
}