// Display Images

var pix = new Array("images/display_1.gif","images/display_2.gif","images/display_3.gif");
//var pix = new Array("images/display_1.gif");
var urls = new Array("#","#","#");
var alts = new Array("1","2","3");
var numbers = new Array("images/display_button_1.gif", "images/display_button_2.gif", "images/display_button_3.gif");
var numbersOn = new Array("images/display_button_1_over.gif", "images/display_button_2_over.gif", "images/display_button_3_over.gif");
/* Image Preloading */
var a = new Image(); a.src = 'images/display_1.gif';	var b = new Image(); b.src = 'images/display_2.gif';		var c = new Image(); c.src = 'images/display_3.gif';	
//end image preloading
var intVal = 0;
var currSlide = 0;

function slideshow(toggle,slideNum){
	
	i = slideNum;
	currSlide = slideNum;
	
	if ( toggle == 1 ) {			
		//Start Slideshow
		change(i);
		/*for (var c = 0; c < pix.length; c++){
			document.getElementById("numLink"+c).href = urls[c];
		}*/
		intVal = setInterval("i++; if (i > (pix.length - 1)) {i = 0}; change(i);", 7000);
	} else {
		//Slideshow Stopped		
		clearInterval ( intVal );
		change(i);
	}
}
function change(count){
	
	currSlide = count;
	
	if (pix.length != 1){ // Determine if there is only one element and therefore no need to rotate 
		document.images.pic.src = pix[count]; // Set the main image source
		document.images.pic.alt = alts[count]; // Set the image alt tag to the title of the post for hover text
		document.getElementById("eventLink").href = urls[count]; // Set the link around the main image
		// Check the length of the array and set all of the unselected number source back to default or off
		for (var d = 0; d < pix.length; d++){ 
			document.getElementById("num"+d).src = numbers[d];
		}
		document.getElementById("num"+count).src = numbersOn[count]; // turn the active number on
	}
}
function startSlideshow() {
	slideshow(1,0);
}