$(document).ready(function(){

//vars
var imageDuration = 8500;
var totalImages = 0;
var imageNum = 0;
var featureOverlay = this.getElementById("feature_overlay");
var featureOverlayImages;
var overlayText;
var overlayContent = this.getElementById("feature_overlay_430_text");


init();




function init() {

	try  {
		featureOverlayImages = featureOverlay.getElementsByTagName("li");
		totalImages = featureOverlayImages.length;
		overlayText = overlayContent.getElementsByTagName("div");
		//alert(overlayText.length);
		resetImages();
		var timer = setInterval(changeImage, imageDuration);
		//alert(featureOverlayImages);
	} catch (error) {
		//
	}
	
}	

function resetImages() {
	for (i=totalImages-1;i>0;i--) {		
		$(featureOverlayImages[i]).css({ opacity: 0 });
		$(featureOverlayImages[i]).hide();
		
		$(overlayText[i]).css({ opacity: 0});	
		$(overlayText[i]).hide();
	}	
}

function changeImage() {
	//alert(featureOverlayImages);
	if (imageNum < totalImages -1) {
		imageNum++;
		$(featureOverlayImages[imageNum-1]).animate({opacity: 0}, function(){$(featureOverlayImages[imageNum-1]).hide()});
		$(featureOverlayImages[imageNum]).show();
		$(featureOverlayImages[imageNum]).animate({opacity: 1}, 300);
		
		
		$(overlayText[imageNum-1]).animate({opacity: 0}, function(){$(overlayText[imageNum-1]).hide()});
		$(overlayText[imageNum]).show();
		$(overlayText[imageNum]).animate({opacity: 1}, 300);
		
		
		
	} else {
		//restart the slideshow 
		imageNum = 0;
		resetImages();
		$(featureOverlayImages[imageNum]).show();
		$(featureOverlayImages[imageNum]).animate({opacity: 1});
		
		$(overlayText[imageNum]).show();
		$(overlayText[imageNum]).animate({opacity: 1});
	}
	
}
	
	


});