var BannerImageURLs = new Array();		// URLs for banner images
var BannerTargetURLs = new Array();		// URLs for click-through targets for the images
var BannerImageIDs = new Array();
var ButtonImageUncheckIDs = new Array();
var ButtonImageCheckIDs = new Array();

var TRANSITION_TIME = 5000;			// Milliseconds of time before we change image

var BannerImageCount = 4;		// How many banner images
var MaxBannerImageCount = 6;    // Maximum images that can be loaded
var BannerImageIndex = 0;		// Which image is the current image
var MAX_PROMO_OPACITY = 100;		// The maximum opacity of the promotional image
var MIN_PROMO_OPACITY = 0;			// The minimum opacity of the promotional image
var BannerPaused = 0;


function SetOpacity(index, opacityLevel) {
    var eStyle = BannerImageIDs[index].style;
    eStyle.opacity = opacityLevel / 100;
    eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}

function SetBannerImage()
{
	for (ii=0; ii<BannerImageCount; ii++) {
		if (ii < BannerImageIndex) {
		    SetOpacity(ii, MIN_PROMO_OPACITY);
			//BannerImageIDs[ii].filters[0].opacity=MIN_PROMO_OPACITY;
			ButtonImageCheckIDs[ii].style.display = 'none';
			ButtonImageUncheckIDs[ii].style.display = 'block';
			
		}
	    if (ii == BannerImageIndex) {
	        SetOpacity(ii, MAX_PROMO_OPACITY);
		    //BannerImageIDs[ii].filters[0].opacity=MAX_PROMO_OPACITY;
		    ButtonImageCheckIDs[ii].style.display = 'block';
            ButtonImageUncheckIDs[ii].style.display = 'none';		  
	    }
	    if (ii > BannerImageIndex) {
		    ButtonImageCheckIDs[ii].style.display = 'none';
		    ButtonImageUncheckIDs[ii].style.display= 'block';
	    }
	}
	
	//document.getElementById('RotatingPromoIndex1').src = BannerImageURLs[BannerImageIndex];
	document.getElementById('ImageURL').href = BannerTargetURLs[BannerImageIndex];
	document.getElementById('BannerLearnMoreURL').href = BannerTargetURLs[BannerImageIndex];

	//for (ii=0; ii<BannerImageCount; ii++)
		//document.getElementById('BannerButton' + (ii + 1)).src = '/Style%20Library/images/BannerButton' + (ii + 1) + '.gif';

	//document.getElementById('BannerButton' + (BannerImageIndex + 1)).src = '/Style%20Library/images/BannerButton' + (BannerImageIndex + 1) + '_selected.gif';
}

function RotateImages()
{
	
	if (BannerPaused == 0)
	{
		BannerImageIndex += 1;
		if (BannerImageIndex == BannerImageCount)
			BannerImageIndex = 0;
			
		SetBannerImage();
		window.setTimeout(function() {RotateImages()},TRANSITION_TIME);
	}
}

function InitializeRotatingBanners()
{
	BannerImageURLs[0] = '/BannerImages/Bnr_Products.jpg';
	BannerImageURLs[1] = '/BannerImages/Banner_297_1.jpg';
	BannerImageURLs[2] = '/BannerImages/Bnr_Awards.jpg';
	BannerImageURLs[3] = '/BannerImages/Banner_297_intirenet.jpg';

	BannerTargetURLs[0] = '/Products/Pages/default.aspx'; 
	BannerTargetURLs[1] = '/CaseStudies/Pages/CadillacFairviewRetailWebSites.aspx';
	BannerTargetURLs[2] = '/News/Pages/Awards.aspx';
	BannerTargetURLs[3] = '/CaseStudies/Pages/CanadianTireinTIREnetPortal.aspx';
    
    for (ii=1; ii<=MaxBannerImageCount; ii++) {
    	BannerImageIDs[ii-1] = document.getElementById('RotatingPromoIndex' + ii);
    	ButtonImageCheckIDs[ii-1] = document.getElementById('ButtonImage' + ii);
    	ButtonImageUncheckIDs[ii-1] = document.getElementById('ButtonImage' + ii + "-2");
 
       if (ii > BannerImageCount) {
         document.getElementById('ButtonImage'+ii).style.display = 'none';
         document.getElementById('ButtonImage'+ii+"-2").style.display = 'none'
       }
       
       if (ii <= BannerImageCount) {
           // set the source of the images
	       BannerImageIDs[ii-1].src = BannerImageURLs[ii-1]       
       }
    }
    document.getElementById('BannerLearnMoreURL').href = BannerTargetURLs[BannerImageIndex];
    document.getElementById('ImageURL').href = BannerTargetURLs[BannerImageIndex];
	// Start the rotation sequence
	window.setTimeout(function() {RotateImages()},TRANSITION_TIME);
}

function GoToBannerImage(index)
{
	if ((index > 0) && (index <= BannerImageCount))
	{
		BannerImageIndex = index - 1;
	
		BannerPaused = 1;
		document.getElementById('BannerPausePlay').src = '/Style%20Library/images/BannerPlay.gif';
		SetBannerImage();
	}
}

function BannerImagePausePlay()
{
	if (BannerPaused == 0)
	{
		BannerPaused = 1;
		document.getElementById('BannerPausePlay').src = '/Style%20Library/images/BannerPlay.gif';
	}
	else
	{
		BannerPaused = 0;
		document.getElementById('BannerPausePlay').src = '/Style%20Library/images/BannerPause.gif';
		window.setTimeout('RotateImages();',TRANSITION_TIME);
	}
}