﻿<!--

var headerAutoShuffle = 1;
var headerTimer = null;
var headerTransitionSpeed = 5;
var currentHeaderImageNum = 0;
var currentSlideDirection = 1;
var currentHeaderAlpha = 0;

function loadHeader()
{
    if (arrHeaderImages.length == 0)
    {
        document.getElementById('rotatingHeaderDiv').style['display'] = 'none';
        document.getElementById('rotatingHeaderSpacer').style['display'] = 'none';
        return;
    }
    
    createHeaderImages();
    
    currentHeaderImageNum = 0;
    
    if (arrHeaderImages.length > 1)
    {
        startHeaderTimer();
        //createHeaderTransitionLinks();
        showHeaderPrevNext();
    }
}

function beginHeaderTransition()
{
    currentHeaderImageNum = (currentHeaderImageNum + 1) % arrHeaderImages.length;

    var oldImg = (arrHeaderImages.length + currentHeaderImageNum - 1) % arrHeaderImages.length;
    var currentHeaderImg = document.getElementById('headerImg' + currentHeaderImageNum);
    var oldHeaderImg = document.getElementById('headerImg' + oldImg);

    currentHeaderAlpha = 0;
    setMainHeaderImageOpacity(currentHeaderAlpha);
    
    setMainHeaderImage(currentHeaderImageNum);

    headerTimer = setTimeout('inHeaderTransition();', 100);
}

function clickHeader(link, newWindow, imgLink)
{
    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
    
    i--; //the links are from 1-10... but the arrays are from 0-9...
    
    var newImg = (i - 1 + arrHeaderImages.length) % arrHeaderImages.length; //go back 1 so that the transition will increment and hit it correctly


    if (newImg < currentHeaderImageNum || ((newImg + 2)%arrHeaderImages.length == currentHeaderImageNum))
        currentSlideDirection = -1;
    else
        currentSlideDirection = 1;

    currentHeaderImageNum = newImg;
    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, '&')+"\" height=\"184\" width=\"700\" alt=\""+arrHeaderImages[i][1]+"\" class=\"rotateBase\"style=\"z-index:"+(tot-i-1)+";\" onclick=\"clickHeader('"+arrHeaderImages[i][2]+"', '"+arrHeaderImages[i][3]+"');\" />";
    }

    outer.innerHTML = str;
}

function createHeaderTransitionLinks()
{
    var rotatingHeaderDiv = document.getElementById('rotatingHeaderDiv');
    var tot = arrHeaderImages.length;
    
    for (var i = 0; i < tot; i++)
    {
        var d = document.createElement('div');
        d.id = 'rotateTransitionDiv' + i;
        d.innerHTML = i + 1;
        d.className = 'rotateBase rotateTransitionDiv';
        d.style['top'] = '160px';
        d.style['left'] = (650 - (tot-i)*15) + 'px';
        d.onclick = function(e){clickHeaderTransitionLink(this.innerHTML);};
        rotatingHeaderDiv.appendChild(d);
    }
}

function inHeaderTransition()
{
    currentHeaderAlpha += headerTransitionSpeed;
    if (currentHeaderAlpha > 100)
        currentHeaderAlpha = 100;
    setMainHeaderImageOpacity(currentHeaderAlpha);

    if (currentHeaderAlpha < 100)
    {
        headerTimer = setTimeout('inHeaderTransition();', 30);
    }
    else
    {
        if (headerAutoShuffle)
            startHeaderTimer();
    }
}

function setMainHeaderImage(n)
{
    var tot = arrHeaderImages.length;
    var val = tot;    

    while (val > 0)
    {
        var o = document.getElementById('headerImg' + n);
        o.style['zIndex'] = val;

        n = (tot + n - currentSlideDirection) % tot;
        val--;
    }
}

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 showHeaderPrevNext()
{
    document.getElementById('headerBox').style['display'] = 'inline';
    document.getElementById('headerPrev').style['display'] = 'inline';
    document.getElementById('headerNext').style['display'] = 'inline';
}

function startHeaderTimer()
{
    headerTimer = setTimeout('beginHeaderTransition();', 8000);
}

-->