/// <reference path="jquery-1.4.1-vsdoc.js"/>
//rotating headers

var rotatingHeadersArray = [];
function SetHeadersArray() {
    $(".rotatingHeaderImage").each(function(index) {
        rotatingHeadersArray.push("#" + this.id);
    });
}

//generic function to rotate stuff in an array
var calloutDelay = 4000;
var calloutFadeSpeed = 2000;
var calloutTimeout;
function RotateCallout(i, calloutArray) {
    var arrayLength = calloutArray.length;
    var maxIndex = arrayLength - 1;
    var previousIndex = i - 1;
    if (previousIndex < 0)
        previousIndex = maxIndex;
    var currentIndex = i;
    var nextIndex = currentIndex + 1;
    if (nextIndex > maxIndex)
        nextIndex = 0;
    $(calloutArray[previousIndex]).css("z-index", "0");
    $(calloutArray[currentIndex]).css("z-index", "100");
    $(calloutArray[currentIndex]).fadeIn(calloutFadeSpeed, function() {
        $(calloutArray[previousIndex]).hide();
        var timeoutFunction = function() { RotateCallout(nextIndex, calloutArray); }
        calloutTimeout = setTimeout(timeoutFunction, calloutDelay);
    });
}