/** Noted by J.P. Wilson <jpwilsondesigns.com> on 11/26/2007
 *  This code completely controls the slideshow on the home page, and
 *  any other pages that feature the slideshow as well.  To alter the
 *  number of images shown, change "totalImages" to the number of images
 *  in the "/assets/slideshow" directory and make sure those images are
 *  named sequentially - csm01.jpg, csm02.jpg, csm03.jpg, and so on.
 */

var totalImages = 14;			// Total images to show in the slideshow
var interval = 5000;			// Milliseconds to show each img (10000 = 10 seconds)
var numImage = 1;				// Starting position (1 = 1st img, 2 = 2nd, etc)
var nextImage = "csm02.jpg";	// Used to cache the next image
var timer = setInterval("moveImage()", interval);

if (document.images) {
	var img_metalart = new Image();
	img_metalart.src = "assets/cs_visithdr_on.png";
	var img_directions = new Image();
	img_directions.src = "assets/getdirections_on.png";
	var image = new Array();
	var imgName = "01";
	for (var i=0; i<totalImages; i++) {
		imgName = ""+(i+1)+"";
		if (i <= 8) imgName = "0"+imgName;
		image[i] = new Image();
		image[i].src = "assets/slideshow/csm"+imgName+".jpg";
	}
}

function moveImage() {
    clearInterval(timer);
	var mainpic = document.getElementById("mainpic_holder");
	var prepic = document.getElementById("prepic_holder");
	if ((prepic) && (mainpic)) {
		prepic.style.backgroundImage = mainpic.style.backgroundImage;
		mainpic.style.display = "none";
		if (numImage >= totalImages) numImage = 0;
		numImage = numImage + 1;		
		if (numImage > totalImages) {
			nextImage = "csm01.jpg";
		} else {
			if (numImage <= 9) {
				nextImage = "csm0"+numImage+".jpg";
			} else {
				nextImage = "csm"+numImage+".jpg";
			}
		}
		mainpic.style.backgroundImage = "url(assets/slideshow/"+nextImage+")";
		$("#mainpic_holder").fadeIn(1000);
		doImageInterval();
	}
}

function doImageInterval() {
    timer = setInterval("moveImage()", interval);
}

/* CSS is used for rollovers but IE5.5 and IE6 have a tendency to ignore the
 * hover style definition when 24-bit PNG's and the PNG-fix are used together.
 */
function swapImage(strElement, strPosition) {
	if (strElement.id == "hdr_visit") {
		strElement.style.backgroundImage = "url(assets/cs_visithdr_"+strPosition+".png)";
	} else {
		strElement.style.backgroundImage = "url(assets/getdirections_"+strPosition+".png)";
	}
}