var intervalID;
var currImageId
var opacityDelay;
var rotateDelay;
var imageCount;

$(document).ready(function() {


	function rotateImages() {
		addmessage("rotateImages()");
		newImageId  = currImageId+1;
		if(newImageId>imageCount)
			newImageId = 1;
		
		showSpecificImage(newImageId);
	}
	
	function animateHover(id) {
		$(".main_image1 .block").hide(); //Show Banner
		$(".main_image2 .block").hide(); //Show Banner
		$(".main_image3 .block").hide(); //Show Banner
		$(".main_image4 .block").hide(); //Show Banner
		$(".main_image5 .block").hide(); //Show Banner
		$(".main_image6 .block").hide(); //Show Banner
		$(".main_image"+id+" .block").show(); //Show Banner
	}
	
	function showSpecificImage(imgId) {
		priorImageId = currImageId;
		currImageId  = imgId;
		
		if (priorImageId!=currImageId) {
		
			if((priorImageId!=1)&&(currImageId!=1)){
				$("#imageDiv .ref1").css("opacity","0");
			}
			if((priorImageId!=2)&&(currImageId!=2)){
				$("#imageDiv .ref2").css("opacity","0");
			}
			if((priorImageId!=3)&&(currImageId!=3)){
				$("#imageDiv .ref3").css("opacity","0");
			}
			if((priorImageId!=4)&&(currImageId!=4)){
				$("#imageDiv .ref4").css("opacity","0");
			}
			if((priorImageId!=5)&&(currImageId!=5)){
				$("#imageDiv .ref5").css("opacity","0");
			}
			if((priorImageId!=6)&&(currImageId!=6)){
				$("#imageDiv .ref6").css("opacity","0");
			}

			//$("#imageDiv .ref2").css("border","3px solid red")

			var oldImage = $("#imageDiv .ref" + priorImageId);
			var newImage = $("#imageDiv .ref" + currImageId);

			//oldImage.css("border","3px solid red")

			if (currImageId>priorImageId) {
				oldImage.stop();
				newImage.stop();
				newImage.css({ opacity: 0.0 }).animate({ opacity: 1.0 }, opacityDelay, function() {
					oldImage.animate({ opacity: 0 }, opacityDelay);
				});
			}

			else {
				oldImage.stop();
				newImage.stop();
				newImage.css({ opacity: 1.0 });
				oldImage.animate({ opacity: 0.0 }, opacityDelay, function() {
					oldImage.animate({ opacity: 0 }, opacityDelay);
					newImage.animate({ opacity: 1 }, opacityDelay);
				});
			}
			// Call animateHover
			animateHover(currImageId);

			
			addmessage("Image Changed. Prior Image " + priorImageId + ", Current Image: " + currImageId); 
		}
		else {
			addmessage("showSpecificImage() called for same image Id: " + currImageId); 
			$("#imageDiv .ref" + currImageId).css({ opacity: 1.0 });
		}
	}
	
	function addmessage(msg) {
		// $(".msg1").after(msg); 
		 //$(".msg1").after("<br>"); 	
	}
	
	function localMouseOver(id) {
		if(intervalID) {
			clearInterval(intervalID);
			addmessage("Clearing IntervalId: "+intervalID);
		}
		
		addmessage("Mouse over " + id);
		showSpecificImage(id);
	}
	
	function localMouseLeave(id) {
		//$(s).css("border","0px solid blue");
		intervalID = setInterval(rotateImages, rotateDelay);
		addmessage("Setting IntervalId: "+intervalID);
	}
		
	$(function() {	
		currImageId = 10000;
		priorImageId = 2;
		opacityDelay = 500;
		rotateDelay = 5000;
		imageCount = 6;
		
		showSpecificImage(1);
		intervalID = setInterval(rotateImages, rotateDelay);
		addmessage("Setting IntervalId: "+intervalID);
		

		$("#thumb1").bind("mouseenter", function() { localMouseOver(1); });
		$("#thumb2").bind("mouseenter", function() { localMouseOver(2); });
		if(imageCount>2)
			$("#links .ref3").bind("mouseenter", function() { localMouseOver(3); });
		if(imageCount>3)
			$("#links .ref4").bind("mouseenter", function() { localMouseOver(4); });
		if(imageCount>4)
			$("#links .ref5").bind("mouseenter", function() { localMouseOver(5); });
		if(imageCount>5)
			$("#links .ref6").bind("mouseenter", function() { localMouseOver(6); });

		$("#thumb1").bind("mouseleave", function() { localMouseLeave(1); });
		$("#thumb2").bind("mouseleave", function() { localMouseLeave(2); });
		if(imageCount>2)
			$("#links .ref2").bind("mouseleave", function() { localMouseLeave(3); });
		if(imageCount>3)
			$("#links .ref4").bind("mouseleave", function() { localMouseLeave(4); });
		if(imageCount>4)
			$("#links .ref5").bind("mouseleave", function() { localMouseLeave(5); });
		if(imageCount>5)
			$("#links .ref6").bind("mouseleave", function() { localMouseLeave(6); });
		
	});

	// Show Overlay
	//$(".main_image1 .desc").show(); //Show Banner
	///$(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity
 

});