/* ===== Start Spotlight Tabs ===== */
var slTabs;
var slContent;
var totTabs;
var currTab = 0;
var nextTab = 0;
var slPE;
var ctrlTab = "pause";
var slCycle = 0;
var slDelay = 8; // default delay in seconds




// Initialize the Spotlight Tabs
function initSpotlight() {
    slTabs = $('slTabs').childElements();
    slContent = $('slContent').childElements();
    totTabs = slTabs.length;

    // Turn off cycling if only one tab.
    if (totTabs < 2) {
        slCycle = 0;
    }
    if (slCycle == 1) {
        // Add play/pause button to tabs if cycle is on
        $('slPlayPause').insert('<a href="javascript:ctrlSpotlight();"><img src="/images/home/center-banner/btn_pause.gif" border="0" alt="Play/Pause" id="slToggle" /></a>');
    }

    ctrlSpotlight();
}

// Handles user click on a tab
function clickSpotlight(tab) {
    if (slPE) {
        slPE.stop();
        ctrlTab = "pause";
        $('slToggle').setAttribute('src', '/images/home/center-banner/btn_play.gif');
    }
    showSpotlight(tab);
}

// Displays current tab
function showSpotlight(tab) {
    slTabs.each(function(t) {
        t.removeClassName('on');
    });

    slTabs[tab].addClassName('on');

    slContent.each(function(c) {
        c.removeClassName('on');
    });
    slContent[tab].addClassName('on');
    currTab = tab;
    nextTab = currTab + 1;
    if (nextTab == totTabs) {
        nextTab = 0;
    }
}

// Toggles play/pause
function ctrlSpotlight() {
    // Self-running set of tabs cycle through
    if (slCycle == 1) {
        if (ctrlTab == "pause") {
            ctrlTab = "play";
            $('slToggle').setAttribute('src', '/images/home/center-banner/btn_pause.gif');
        }
        else {
            ctrlTab = "pause";
            $('slToggle').setAttribute('src', '/images/home/center-banner/btn_play.gif');
        }

        if (ctrlTab == "pause") {
            slPE.stop();
        }
        else {
            showSpotlight(nextTab);
            slPE = new PeriodicalExecuter(function() {
                showSpotlight(nextTab);
            }, slDelay);
        }
    }

    // Just initialize first tab
    else {
        showSpotlight(nextTab);
    }
}

/* ===== End Spotlight Tabs ===== */

/* ===== Start Image Slideshow ===== */

var ssNum;
var ssPrev;
var ssNext;
var ssTot;
var ssPhotos;
var ssPath = ""; // Optional media library path, otherwise each photo should include full path

// Pre-load images
if (typeof ssPhotos != "undefined") {
    for (p = 0; p < ssPhotos.length; p++) {
        newPhoto = "photo" + p;
        newPhoto = new Image();
        newPhoto.src = ssPath + ssPhotos[p];
    }
}

function ssPrevcb() {
    // Callback function for previous button
    ssShow(ssPrev);
}

function ssNextcb() {
    // Callback function for next button
    ssShow(ssNext);
}

function ssCurr(ssNum) {
    ssNum = parseInt(ssNum);
    ssPrev = ssNum - 1;
    ssNext = ssNum + 1;

    if (ssPrev < 0) {
        ssPrev = ssTot - 1;
    }
    if (ssNext > ssTot - 1) {
        ssNext = 0;
    }

    $('ssLgImg').setAttribute('src', ssPath + ssPhotos[ssNum]);
    $('ssCaption').replace('<span id="ssCaption">' + ssCaptions[ssNum] + '</span>');
    new Effect.Appear('ssLgImg', { to: 1.0, from: 0.1, duration: 1.2 });
    $('dispSSCurr').replace("<span id='dispSSCurr'> | Image " + (ssNum + 1) + " of " + ssTot + " | </span>");
}

function ssShow(ssNum) {
    if (!ssNum) {
        ssNum = 0;
    }
    $('ssWrap').style.display = "block";
    ssCurr(ssNum);
}

function ssHide() {
    new Effect.Fade('ssWrap', { to: 0.0, from: 1.0, duration: 1.2 });
}

function ssPrevImg() {
    new Effect.Fade('ssLgImg', { to: 0.1, from: 1.0, duration: 1.2, afterFinish: ssPrevcb });
}

function ssNextImg() {
    new Effect.Fade('ssLgImg', { to: 0.1, from: 1.0, duration: 1.2, afterFinish: ssNextcb });
}

/* ===== End Image Slideshow ===== */