// JavaScript Document 
 
    var imageArray = Array('/~/media/Public Website/Home/February 2012/0212_MainCarousel_Feb_IdeaBook.ashx','/~/media/Public Website/Home/February 2012/0212_MainCarousel_Feb_CC_StudioJ.ashx','/~/media/Public Website/Home/January 2012/0112_MainCarousel_Jan_OpSmile.ashx','/~/media/Public Website/Home/February 2012/0212_MainCarousel_Feb_VideoProject.ashx'); 
    var linkArray = Array('/Home/Products/Online_Idea_Book.aspx','/Home/Campaigns_and_Promotions/February_2012_Five_for_Free.aspx','/Home/What_We_Do/Operation_Smile.aspx','/Home/Ideas_and_Inspiration/CTMHTV.aspx'); 
    var popupArray = Array('0','0','0','0'); 

	var autoSwitch = true; 
    var autoSpeed = 5000; /* approx 1000 = 1 sec */
    var fadeSpeed = 2; /* lower number fades slower */
	
	function jumpToImage(imageNo) {
		clearInterval(autoSwitchInt);
		currentImage = imageNo;
		loadImage();
		drawImageNav(); 
	}
	function drawImageNav() {
		var divHTML = "";
		for (var i=0;i<imageArray.length;i++) {
			if (i == currentImage) {
				divHTML += '<img border="0" src="img/slide_n.gif" alt="current image" class="slidenav" />';
			}
			else  {
				divHTML += '<a href="javascript:jumpToImage('+i+')"><img border="0" src="img/slide.gif" alt="jump to this image" class="slidenav" /></a>';
			}
		}
		var imageNav = document.getElementById("fontstagenav");
		if (imageArray.length > 1) {
			if (autoSwitch) {
				divHTML += '';
			}
			else {
				divHTML += '';
			}
		}
		imageNav.innerHTML = divHTML;
	}
	var callBackFunction = "drawImageNav";

/*
*/
	var fadeInt;
	var autoSwitchInt;
	var currentOp;
	var currentImage = 0;
	var loadStatus = 1;
	var didCallBack;
	if (!autoSpeed) {	
		var autoSpeed = 6000;
	}
	if (!fadeSpeed) {
		var fadeSpeed = 1;
	}
	function getImageLink() {
		if (linkArray.length > 0) {
			loadStatus = 1;
			if (popupArray[currentImage] == 1) {
				var curTime = Date();
				window.open(linkArray[currentImage],curTime,'width=800,height=600,toolbar=yes, location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, resizable=yes')
			}
			else {
				document.location = linkArray[currentImage];

			}
		}
	}
	function setMainImage() {
		if (autoSwitch) {
			autoSwitchInt = setInterval("step(1)",autoSpeed);
		}
		var topImage = document.getElementById("topLayerImage");
		topImage.src = imageArray[0];
		// alert(imageArray[0]);
/*
*/
		
	}
	function step(direction) {
		clearInterval(autoSwitchInt);
		if (loadStatus == 1) {
			loadStatus = 0;
			currentImage = currentImage + direction;
			if (currentImage >= imageArray.length) {
				currentImage = 0;
			}
			else if (currentImage < 0) {
				currentImage = imageArray.length - 1;
			}
			loadImage();
/*
			var newImage = document.getElementById("bottomLayerImage");
			newImage.onload = function() {
				var top = document.getElementById("topLayer");
				setOpacity(top, 100);
				currentOp = 100;
				fadeInt = setInterval("fadeTop()",10);
			}
			newImage.src = imageArray[currentImage];
*/
		}
	}
	function loadImage() {
		var top = document.getElementById("topLayer");
		setOpacity(top, 100);
		clearInterval(fadeInt);
		didCallBack = false;
		var newImage = document.getElementById("bottomLayerImage");
		newImage.onload = function() {
			var top = document.getElementById("topLayer");
			setOpacity(top, 100);
			currentOp = 100;
			fadeInt = setInterval("fadeTop()",10);
		}
		newImage.src = imageArray[currentImage];
	}
	function fadeTop() {
		currentOp = currentOp - fadeSpeed;
		if ((currentOp <= 50)&&(! didCallBack)&&(callBackFunction)) {
			eval(callBackFunction+"()");
			didCallBack = true;
		}
		if (currentOp >= 0) {
			var top = document.getElementById("topLayer");
			setOpacity(top, currentOp);
		}
		else {
			var newImage = document.getElementById("topLayerImage");
			newImage.onload = function() {
				document.getElementById("topLayer").style.opacity = 1;
				loadStatus = 1;
/*
				if (callBackFunction) {
					eval(callBackFunction+"()");
				}		
*/
			}
			newImage.src = imageArray[currentImage];
			clearInterval(fadeInt);
			if (autoSwitch) {
				autoSwitchInt = setInterval("step(1)",autoSpeed);
			}
		}
	}
	function setOpacity(obj, opacity) {
  		opacity = (opacity == 100)?99.999:opacity;
	  	// IE/Win
  		obj.style.filter = "alpha(opacity:"+opacity+")";
  		// Safari<1.2, Konqueror
  		obj.style.KHTMLOpacity = opacity/100;
  
  		// Older Mozilla and Firefox
  		obj.style.MozOpacity = opacity/100;
  
  		// Safari 1.2, newer Firefox and Mozilla, CSS3
  		obj.style.opacity = opacity/100;
	}