// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready

$(document).ready(function() {
    // main vertical scroll
    $("#featured_content_main").scrollable({

        // basic settings
        vertical: true,
        circular: true,

        // up/down keys will always control this scrollable
        keyboard: 'static'

        // assign left/right keys to the actively viewed scrollable
        //onSeek: function(event, i) {
            //horizontal.eq(i).data("scrollable").focus();
        //}

    // main navigator (thumbnail images)
    }).navigator("#featured_content_nav").autoscroll({interval: 4000});;

    // horizontal scrollables. each one is circular and has its own navigator instance
    //var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi");


    // when page loads setup keyboard focus on the first horzontal scrollable
    //horizontal.eq(0).data("scrollable").focus();
    

});