var slideDelay = 10000;
var transitionSpeed=800;
var slideShowStart = true;
var activeNum=1;
var slideDirection="right";
var numThumbnails=0;
var activePromoLink="";
var imageFile=new Array();
var promoLink=new Array();

if (window.navigator.userAgent.indexOf("MSIE") != -1) var isIE = true;
else var isIE = false;

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$(function() {
	$("#rightCol").show();
	
	numThumbnails=parseInt($("#numThumbnails").text());
	
	if (numThumbnails > 0) activePromoLink=$("#promoLink1").text();
	
	for (var i = 1; i <= numThumbnails; i++) {
	  imageFile[i-1] = $("#imageFile" + i).text();
	  promoLink[i-1] = $("#promoLink" + i).text();
	  $.preloadImages(imageFile[i-1]);
	}
	
	//define thumbnail click event
	$(".promoThumb,.promoThumbOn").each( function(i) {
		$(this).click(function(e) {
			slideShowStart = false;
			
			var preActiveNum = activeNum;		
		
			if (activeNum == (i+1)) return;
			else activeNum = i+1;
			
			if (activeNum > preActiveNum) slideDirection="right";
			else slideDirection="left";

			highliteThumbnail(activeNum);
			showPod(activeNum, slideDirection);
		});
	});
	
	//define arrow click event
	$(".goPrevious").each(function(i) {
		$(this).click(function(e) {
			slideShowStart = false;
			
			slideDirection="left";							
			moveNextSlide(slideDirection);
		});
	});
	
	$(".goNext").each(function(i) {
		$(this).click(function(e) {
			slideShowStart = false;
			slideDirection="right";	
			moveNextSlide(slideDirection);
		});
	});
	
	window.setTimeout("startSlideShow()", slideDelay);
});

function showPod(num, slideDirection) {
	$("#imageTargetURL").attr("href", promoLink[num-1]);
	blendimage('imagePod', 'imageTag', imageFile[num-1], transitionSpeed);
	
	activePromoLink=promoLink[num-1];
}

function highliteThumbnail(num) {
	$(".promoThumb,.promoThumbOn").each( function(j) {
		if (num == (j+1)) {
			$(this).removeClass("promoThumb");
			$(this).addClass("promoThumbOn");
		} else {
			$(this).removeClass("promoThumbOn");
			$(this).addClass("promoThumb");
		}
	});
}

function moveNextSlide (direction) {
	if (direction == "left") {
		activeNum--;
		if(activeNum < 1) activeNum = numThumbnails;
	} else {
		activeNum++;
		if(activeNum > numThumbnails) activeNum = 1;
	}
	
	highliteThumbnail(activeNum);
	showPod(activeNum, direction);
}


function startSlideShow() {
	if (slideShowStart) moveNextSlide (slideDirection);
	window.setTimeout("startSlideShow()", slideDelay);
}

function goToActivePromo() {
	window.location=activePromoLink;
}



function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	//alert (document.getElementById(imageid).src );
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	var oldImgSrc=$("#" + imageid).attr("src");
	$("#" + divid).css("background-image", "url(" + oldImgSrc + ")");
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	$("#" + imageid).attr("src", imagefile);
	//alert (imagefile);
	
	//fade in image
	
	if (isIE) {
	  for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	  }
	} else {
	  changeOpac(99, "arrowLeft"); //ugly fix for the non-IE browsers
	  changeOpac(99, "arrowRight");//ugly fix for the non-IE browsers
	  for(i = 0; i <= 99; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	  }
	}
	
}