//    script that is specific to the homepage. (homepage features such as slideshow and slider)
var slideshowDelay = 4;        //    in seconds
var scrollerPerPage = 3;    //    leave at 3 unless homepage design changes drastically
var slidesToLoad = new Array();
    
$(document).ready(function(){
    //    add little graphic wrap to slide headings
    $('#slideshow').after($('<span id="feature-wrap-icon"></span>'));
    //    homepage jumpbox scroller
    var scroller = $('#scrollable').before(
        '<a id="prevPage"><span>previous</span></a>'
    ).after(
        '<a id="nextPage"><span>next</span></a><p id="scroll-meta"></p>'
    ).scrollable({
        nextPage:'#nextPage',
        prevPage:'#prevPage',
        size:scrollerPerPage,
        keyboard:false,
        api:true
    });
    scroller.onSeek(function() { updateScrollIndex(this); });
    updateScrollIndex(scroller);
    
    //    homepage supplementary nav splice
    $('#supp-nav-1 ul, #supp-nav-2 ul').divide();
    
    //    make list items clickable (notices, news, events columns)
    $('#home-notices li, #home-news li, #home-events li').blockify({
        hoverClass:'over',
        pointer:false
    });
    
    //    start loading extra slides for slideshow
    $('#slideshow').after($('<div>').attr('id','pagers')).qCycle({
        toLoad:slidesToLoad,
        createSlide:createSlide,
        cycleOpts:{
            fx: 'fade',
            timeout: slideshowDelay*1000,
            pager: '#pagers',
            cleartype: 1
        }
    });
});

/*
**    custom functions
************************/
function createSlide(img){
    var data = img.data('slideData');
    var slide = $('<div class="slide"></div>').append($('<h2></h2>').text(data.title));
    slide.append($(img).attr('alt',data.title));
    slide.append(
        $('<div class="details">').append($('<p></p>').text(data.blurb)).append(
                $('<a class="more-info"></a>').text('Find out more!').attr('href',data.href)
    ));
    return slide;
};
function updateScrollIndex(api){
    $('#scroll-meta').text((api.getIndex()+1) + '-' + (api.getIndex()+scrollerPerPage) + ' of ' + api.getItems().length);
};