/* Mainpage javscript */

/* Variables for fading banner */
var imageArray = new Array();
var linkArray = new Array();
var imagePath;

imageArray[0] = "welcome_banner.jpg";
imageArray[1] = "banner_vsphere.jpg";
imageArray[2] = "banner_assessment.jpg";

linkArray[0] = "#";
linkArray[1] = "Content/Forms/Healthcheck";
linkArray[2] = "Content/Forms/Assessment";

$("div.ContentMain").find("img").css("opacity", "0");
$("#currentImage").val("0");

/* Instructions to execute once the page has finished loading */
$(document).ready(function()
{
	imagePath = $("#bannerImagePath").val();
	
	// Start the image fading
	setTimeout( function() { changeImage(); }, 5000 );

});

/* Fade the banner images through a list provided by the imageArray */
function changeImage() {
		
		var currentImage = $("#currentImage").val();
		
		$("div.ContentMain").css("background-image", "url(" +  imagePath + imageArray[currentImage] + ")");
		
		if ( currentImage == ( imageArray.length - 1 )) {
			currentImage = 0;
			$("#currentImage").val("0");
		} else {
			currentImage++;
			$("#currentImage").val(currentImage);
		}
		
		$("div.ContentMain").find("img").fadeTo(1, 0, function() { 
			$("div.ContentMain").find("img").attr("src", imagePath + imageArray[currentImage] ); 
			$("div.ContentMain").find("a").attr("href", SiteBasePath + linkArray[currentImage] );
		});
		
		setTimeout( function() {
			$("div.ContentMain").find("img").fadeTo(800, 1);
		}, 1500 );
		
		setTimeout( function() { changeImage(); }, 7500 );
}