/* ===== 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 ===== */