var bannerPaths = [];
var animationInterval = 10000;

bannerPaths.push({
        'order':'1',
        'name':'2010',
        'path':'/images/banners/2010.jpg',
        'target':'#register',
        'color':'#f1c600'
        /*'color':'#1FA09B' */
        });
bannerPaths.push({
        'order':'2',
        'name':'conference',
        'path':'/images/banners/conference.jpg',
        'target':"#conf_c",
        'color':'#267242'
        });
bannerPaths.push({
        'order':'3',
        'name':'retreats',
        'path':'/images/banners/retreats2.jpg',
        'target':'#conf_c',
        'color':'#5d0f32'
        /*'color':'#1FA09B' <-- this is the teal button */
        });
bannerPaths.push({
        'order':'4',
        'name':'regina',
        'path':'/images/banners/wesleyan.jpg',
        'target':undefined,
        'color':'#941f10'
        });
bannerPaths.push({
        'order':'5',
        'name':'alumni',
        'path':'/images/banners/alumni.jpg',
        'target':'#alumni',
        'color':'#1FA09B' 
        });

var activeBannerIndex = 1;
var animationIntervalObj = null;

function loadBanner(bannerObj){
    $("#bannerContainer").unbind('click');
    if(bannerObj.target !== undefined){
        $("#bannerContainer").click( 
            function(){ 
                $(bannerObj.target).trigger('click'); 
            }
        );
    }
    activeBannerIndex = bannerObj.order;
    $("#bannerContainer").fadeOut(
        function(){ $("#bannerContainer").css('background-image','url('+bannerObj.path+')').fadeIn(); }
    );
}

function loadBannerByOrderIndex(ind){
    for (i=0; i < bannerPaths.length; i++) {
        if(ind == bannerPaths[i].order){
            loadBanner(bannerPaths[i]);
        }
    }
}

function swapBanner(){
    next = (parseInt(activeBannerIndex) >= bannerPaths.length) ? 1 : parseInt(activeBannerIndex)+1;
    for(i=0;i<bannerPaths.length;i++){
        if(bannerPaths[i].order == next){
            activeBannerIndex = next;
            loadBanner(bannerPaths[i]);
        }
    }
}

function initThumbEvents(){
    $(".bannerLink").click(
        function(event){
            event.stopPropagation();
            clearInterval(animationIntervalObj);
            var n = $(this).attr('id').split('_')[1];
            for (ind=0; ind < bannerPaths.length; ind++) {
                if(bannerPaths[ind].name == n){
                    loadBanner(bannerPaths[ind]);
                    break;
                }
            }
        }
    );
    $(".bannerLink").each(
        function(){
            var n = $(this).attr('id').split('_')[1];
            for (ind=0; ind < bannerPaths.length; ind++) {
                if(bannerPaths[ind].name == n){
                    $(this).css('background-color',bannerPaths[ind].color);
                    break;
                }
            }
        }
    );
}

function bannerInit(){
    loadBannerByOrderIndex(activeBannerIndex);
    animationInterval = 5000;
}

function cycleBanners(){
    animationIntervalObj = setInterval("swapBanner()",animationInterval);
}

$(function(){
    bannerInit();
    initThumbEvents();
    cycleBanners();
});