﻿<!--

var headerAutoShuffle     = 1;
var headerTimer           = null;
var headerTransitionSpeed = 5;
var currentHeaderImageNum = 0;
var currentHeaderAlpha    = 0;
var pauseButton           = 0; // Pause Inactive
var oldHeaderImageNum     = 0;
   
function loadHeader()
{
    if (arrHeaderImages.length == 0)
    {
        document.getElementById('rotatingHeaderDiv').style['display'] = 'none';
        document.getElementById('rotatingHeaderSpacer').style['display'] = 'none';
        return;
    }
    
    createHeaderImages();
    createHeaderButtons();
    
    currentHeaderImageNum= 0;
    
    if (arrHeaderImages.length > 1)
    {
        startHeaderTimer();
        showHeaderButtons();
    }
}

function autoRotateToNextImage()
{   
    currentHeaderImageNum = (currentHeaderImageNum+ 1) % arrHeaderImages.length;   
    beginHeaderTransition();
}

function beginHeaderTransition()
{   
    currentHeaderAlpha= 0;

    setMainHeaderImage();
    setMainHeaderImageOpacity(currentHeaderAlpha);
    
    headerTimer= setTimeout('inHeaderTransition();', 100);
}

function clickHeader(link, newWindow)
{
    if (link == "")
        return;

    pageTracker._trackPageview(link+'?rotatingBanner=1');

    var r = new RegExp('&amp;', 'g');
    if (newWindow == "1")
        window.open(link.replace(r, '&'), "", "", "");
    else
        window.location.href = link.replace(r, '&');
}

function clickHeaderTransitionLink(i)
{
    headerAutoShuffle = 0;      //Turn off auto rotate
    headerTransitionSpeed = 20; //Speed up the transition
    clearTimeout(headerTimer);  //Kill the rotate timer

    if (currentHeaderAlpha < 100)
    {
        setMainHeaderImageOpacity(100);
        oldHeaderImageNum = currentHeaderImageNum;
    }
    
    if (currentHeaderImageNum == i)
        return;

    currentHeaderImageNum = i % arrHeaderImages.length;

    beginHeaderTransition();
}

function createHeaderImages()
{
    var r = new RegExp('&amp;', 'g');
    var tot = arrHeaderImages.length;
    var str = "";
    var outer = document.getElementById('imgHeaderContainer');
    
    for (var i = 0; i < tot; i++)
    {
        str += "<img id=\"headerImg"+i+"\" src=\""+arrHeaderImages[i][0].replace(r, '&');
        str += "\" height=\"260\" width=\"500\" alt=\""+arrHeaderImages[i][1];
        str += "\" class=\"rotateBase\"style=\"z-index:"+(tot-i-1)+";\" onclick=\"clickHeader('";
        str += arrHeaderImages[i][2]+"', '"+arrHeaderImages[i][3]+"');\" />";
    }

    outer.innerHTML = str;
}

function createHeaderButtons()
{
    var tot = arrHeaderImages.length;
    if (tot < 2)
        return;

    var outer = document.getElementById('headerButtonContainer');
    var str = "";

    var left = 456 - 26 * tot;
    str += "<div id=\"headerPlay\" class=\"rotatingBannerPlayButton\"  style=\"left:" + left;
    str += "px;\" onclick=\"ClickPlayPauseButton(20)\" > </div> ";
    str += "<div id=\"headerPause\" class=\"rotatingBannerPauseButton\"  style=\"left:" + left;
    str += "px;\" onclick=\"ClickPlayPauseButton(30)\"> </div> ";

    for (var i = 0; i < tot; i++)
    {        
        left = 465 - 26*(tot - i - 1);
        str += "<div class=\"rotatingBannerButton\" style=\"left:" + left;
        str += "px;\" onclick=\"clickHeaderTransitionLink(" + i +")\">";
        str += (i + 1).toString();
        str += "</div> ";
    }

    outer.innerHTML = str;
}

function inHeaderTransition()
{
    currentHeaderAlpha+= headerTransitionSpeed;
    if (currentHeaderAlpha> 100)
        currentHeaderAlpha= 100;
    setMainHeaderImageOpacity(currentHeaderAlpha);

    if (currentHeaderAlpha< 100)
    {
        headerTimer= setTimeout('inHeaderTransition();', 30);
    }
    else
    {
        oldHeaderImageNum = currentHeaderImageNum;
        if (headerAutoShuffle)
            startHeaderTimer();
    }
}

function setMainHeaderImage()
{
    var tot = arrHeaderImages.length;

    for (var i = 0; i < tot; i++)
    {
        var o = document.getElementById('headerImg' + i);

        if (i == currentHeaderImageNum)
            o.style['zIndex'] = 2;
        else if (i == oldHeaderImageNum)
            o.style['zIndex'] = 1;
        else
            o.style['zIndex'] = 0;
    }
}

function setMainHeaderImageOpacity(n)
{
    var img = document.getElementById('headerImg' + currentHeaderImageNum);
    img.style['filter'] = 'alpha(opacity=' + n + ')';
    img.style['-moz-opacity'] = n / 100;
    img.style['opacity'] = n / 100;
}

function showHeaderButtons()
{
    //document.getElementById('headerBox').style  ['display'] = 'inline';    
    DisplayPauseButton();
    document.getElementById('headerButton1').style['display'] = 'inline';
    document.getElementById('headerButton2').style['display'] = 'inline';
    document.getElementById('headerButton3').style['display'] = 'inline';
    document.getElementById('headerButton4').style['display'] = 'inline';
    document.getElementById('headerButton5').style['display'] = 'inline';
}

function startHeaderTimer()
{
    headerTimer= setTimeout('autoRotateToNextImage();', 8000);
}

function ClickPlayPauseButton(action)
{ 
  if (action == 30)
        { Pause(); }

  if (action ==  20)     
        { Play();}     
}

function Pause()
{        
        DisplayPlayButton(); 
                   
        headerAutoShuffle = 0;
        clearTimeout(headerTimer);
}
   
function Play()
{      
        DisplayPauseButton();
             
        headerAutoShuffle = 1;
        headerTransitionSpeed = 5;
        autoRotateToNextImage();
}

function DisplayPlayButton()
{       
        document.getElementById('headerPlay').style    ['display'] = 'inline'; 
        document.getElementById('headerPause').style   ['display'] = 'none'; 
}
function DisplayPauseButton()
{
        document.getElementById('headerPlay').style    ['display'] = 'none'; 
        document.getElementById('headerPause').style   ['display'] = 'inline'; 
}

-->
