itemsPerPage = '3';
itemsPerRow = '3';
currentCategory = "trailers-content";
//currentOrder = "date";
openTopSlide = '';
faderClipId = '';
loadSort = "0"

//default values
contentInfo = [];
contentInfo['trailers-content'] = {"current":"1","total":"1","id":"11","order":"date", "active":"1", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};
contentInfo["interviews-content"] = {"current":"1","total":"1","id":"6","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};

contentInfo["behind-the-scenes-content"] = {"current":"1","total":"1","id":"7","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};

/* contentInfo["premieres-content"] = {"current":"1","total":"1","id":"12","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};

contentInfo["vault-content"] = {"current":"1","total":"1","id":"p1086","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""}; 
*/
contentInfo["random-greatness-content"] = {"current":"1","total":"1","id":"p1217","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};
contentInfo["weekly-10-content"] = {"current":"1","total":"1","id":"p1219","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};
contentInfo["all-content"] = {"current":"1","total":"1","id":"all","order":"date", "active":"0", "data": "", "playerDiv": "", "playerRow": "", "clip" : ""};

$(document).ready( function (){

       // Find all the divs that live with the extras-content div
    // and make sure that first one is the only one shown for now
    var tabContainers = $('div.extras-content > div.tab_content');  
    
    // Find the first div under extras-content div and make it display:block
    //$('div.extras-content').children('div:first').css("display","block"); 

    // setup a Click Event for the Extras Tabs to hide 'em 
    $('div.extras-category ul.tabs a').click(function () {
            tabContainers.hide();
            //tabContainers.filter(this.hash).show();
            $(this.hash).show();
                var h = this.hash.split('#')[1];


            //update the nav boxes per category and set active
            $('#'+h+'-nav .total-pages').html('<a href="javascript:void(0);">'+contentInfo[h].total+'</a>');
            $('#'+h+'-nav .current-page-box').val(contentInfo[h].current);

            //hide previous nav
            $('#'+currentCategory+'-nav').hide();
                
            $('div.extras-category ul.tabs li').removeClass('active');
            $(this).parent().addClass('active');

                        //close any open movie players
                        for(var c in contentInfo){  
                            if(contentInfo[c].playerDiv)
                                extrasPlayerEffectClose(contentInfo[c].playerDiv, "bottom");
                        }
                        $('.slidePlayerClip').removeClass('active');
            
            //set the new category and display
            currentCategory = h;
            $('#'+h+'-nav').show();
        
            //and make sure thickbox will do its thing
            tb_destroy();
            tb_init();
            return false;
    });

    tb_destroy();
    tb_init();


    $('.content-order a').live('click', function () {
        var order = this.hash.split('#')[1];

        if(order == "date") {
            order = "date";
            $('.content-order li.atz a').removeClass('active');
            $('.content-order li.newest a').addClass('active')
        }
        else {
            order = "title_alpha";
            $('.content-order li.newest a').removeClass('active');
            $('.content-order li.atz a').addClass('active')
        }
        //currentOrder = order;
                $('.loader .indicator').show();
                //get data in correct order
      for(var b in contentInfo){    
         (function(b) {
                $('#'+b).empty();
                contentInfo[b].order = order;
        $.getJSON("/ajax/extras/"+contentInfo[b].id+"/"+contentInfo[b].order+"/"+"1"+"/"+"12"+"/", function(data) {
                populateExtrasDivs(data, b, 'posters');
                if(b == currentCategory) {
                        initNav();
                        $('.loader .indicator').hide();
                } 
            });
                contentInfo[b].current = 1;
                //reset the arrow nav
        $("a","#"+b+'-nav .first-page').addClass("disabled");
        $("a","#"+b+'-nav .prevBtn').addClass("disabled");
          })(b);
      }

    return false;
    });

    //for each content info, populate their div and set the variables in the contentInfo array
    for(var b in contentInfo){  
        (function(b) {
            $.getJSON("/ajax/extras/"+contentInfo[b].id+"/"+contentInfo[b].order+"/"+"1"+"/"+"12"+"/", function(data) {
                contentInfo[b].total = data.total_pages;
                populateExtrasDivs(data, b, 'posters');
                if(b == currentCategory) {
                    initNav();
                    $('.loader .indicator').hide();
                }
                $('#'+b).ajaxSlider({cat: b});
                bindSliderLinks(b);
            });
        })(b);
    }
   

    function initNav(){
        //set current pages nav
        $('#'+currentCategory+'-nav .total-pages').html('<a href="javascript:void(0);">'+contentInfo[currentCategory].total+'</a>');

        $('#'+currentCategory+'-nav .current-page-box').val(contentInfo[currentCategory].current);  
    
        $('#'+currentCategory+'-nav').show();

        if(contentInfo[currentCategory].order == "date")
            $('.content-order li.newest a').addClass('active');
        else
            $('.content-order li.atz a').addClass('active');

    }

$('#slideshow-nav a').live('click', showFaderPlayer);
$('a.clipImage').live('click', showFaderPlayer);
$('.extrasSliderClip a').live('click', showTopSlidePlayer);
function bindSliderLinks(div){
    $('#'+div+' .slidePlayerClip a').bind('click', showSlidePlayer);
}
function unbindSliderLinks(){
    $('.slidePlayerClip a').unbind('click', showSlidePlayer);
}

$('.close-player a').live('click', function(){
    thediv = $(this).parent().attr('id');

     if(thediv == 'closebottom'){
        var divId = $(this).parents('.tab_content').attr('id');
        $('#'+currentCategory+' .slidePlayerClip').removeClass('active');
        extrasPlayerEffectClose(contentInfo[divId].playerDiv, "bottom");
    }
    else {
        //var div = $(this).parents('#topSliderPlayerContainer');
        extrasPlayerEffectClose(topSlidePlayerContainer, "top");
        $('#topSliderContainer .extrasSliderClip').removeClass('active');
    }

    return false;
});

function showFaderPlayer() {

   var newFaderId = $(this).parent(div).find('img').attr('id').replace('clip','');  //1234

   if(faderClipId != "") {
      document.getElementById('slide'+faderClipId).stopVideo();
      $('#slide'+faderClipId).hide();
      $('#slideshow-bg .loader .indicator').show();
   }

   faderClipId = newFaderId;
   var div = $('#slide'+faderClipId);
   $('#slideshow').cycle('pause');
   globalSEP(faderClipId, div, "", "fader");
   return false;
}

function showTopSlidePlayer() {
   var div = $(this).parents('#topSliderContainer');
   var id = $(this).attr('item');
   var topSlidePlayer = $('<div id="topSlidePlayer"></div>');

   if(!(openTopSlide)) { //if clicked player isn't open

            topSlidePlayerContainer = $('<div id="topSlidePlayerContainer" class="slidePlayerContainer"></div>');

            $(div).after(topSlidePlayerContainer);

   topContentDiv = $('<div id="top-slide-clip-content" class="slide-clip-content"></div>');
                topSlidePlayerContainer.append(topSlidePlayer);
                topSlidePlayerContainer.prepend(topContentDiv);
        
        if (contentInfo[currentCategory].playerDiv != "") {
          extrasPlayerEffectClose(contentInfo[currentCategory].playerDiv, "bottom");
                  $('#'+currentCategory+' .slidePlayerClip').removeClass('active');
        }

                extrasPlayerEffectOpen(topSlidePlayerContainer);


                openTopSlide = id;

    showExtrasPlayer(id, topSlidePlayer, topContentDiv, "top");
        $('#topSliderContainer .extrasSliderClip').removeClass('active');
        $(this).parents('.extrasSliderClip').addClass('active');
   }
   else if(openTopSlide == id){ //click same clip, close player
    extrasPlayerEffectClose(topSlidePlayerContainer, "top");
        $('#topSliderContainer .extrasSliderClip').removeClass('active');
   }
   else {
        openTopSlide = id;
    showExtrasPlayer(id, topSlidePlayer, topContentDiv, "top");
        $('#topSliderContainer .extrasSliderClip').removeClass('active');
        $(this).parents('.extrasSliderClip').addClass('active');
}

   return false;
}

function showSlidePlayer() {
    var item = $(this).parents('.slidePlayerClip').attr('item');
    var row = item / itemsPerRow;
    row = parseInt(row) + 1;
    var divId = $(this).parents('.tab_content').attr('id');
    var div = $(this).parents('.tab_content');

    if (!(contentInfo[divId].playerDiv) || (contentInfo[divId].playerRow != row)) {
//alert("1");
                //different row
        if ((contentInfo[divId].playerRow != row) && (contentInfo[divId].playerRow)) { 
          extrasPlayerEffectClose(contentInfo[divId].playerDiv, "bottom");
//alert("2");
        }
//alert("3");

        //first click or new row
        slidePlayerContainer = $('<div id="slidePlayerContainer'+row+'" class="slidePlayerContainer"></div>');
        slidePlayer = $('<div id="slidePlayer'+row+'"></div>');

        var lastItemOnPage = $(div).children().children().children().size()-1; //last item on page
        var lastItemOnRow = (row*itemsPerRow)-1; //whether it exists or not         

        if(lastItemOnRow <= lastItemOnPage) //the item we are trying to append to exists
            $('.slidePlayerClip[item='+lastItemOnRow+']', div).after(slidePlayerContainer);
        else
            $('.slidePlayerClip[item='+lastItemOnPage+']', div).after(slidePlayerContainer);

        slidePlayerContainer.append(slidePlayer);
        contentDiv = $('<div class="slide-clip-content"></div>');
        slidePlayerContainer.prepend(contentDiv);

        contentInfo[divId].playerDiv = slidePlayerContainer;
        contentInfo[divId].playerRow = row;
        

        if(openTopSlide != "") {
            extrasPlayerEffectClose(topSlidePlayerContainer, "top");
            $('#topSliderContainer .extrasSliderClip').removeClass('active');
        }
        extrasPlayerEffectOpen(slidePlayerContainer);
        showExtrasPlayer($(this), slidePlayer, contentDiv,"bottom");
        
        $('#'+currentCategory+' .slidePlayerClip').removeClass('active');
        $(this).parents('.slidePlayerClip').addClass('active');
                
    }
        else if((contentInfo[divId].clip == item) && (contentInfo[divId].playerRow == row)){ //click on same clip
//alert("4");
          extrasPlayerEffectClose(contentInfo[divId].playerDiv, "bottom");
        $('#'+currentCategory+' .slidePlayerClip').removeClass('active');
        }
    else { //click on same row
//alert("5");
            showExtrasPlayer($(this), slidePlayer, contentDiv,"bottom");
        $('#'+currentCategory+' .slidePlayerClip').removeClass('active');
        $(this).parents('.slidePlayerClip').addClass('active');
    }
    
    contentInfo[divId].clip = item;
    return false;
}

function showExtrasPlayer(item, clipDiv, clipContentDiv, type) {

    if(type == "bottom"){
    var assetID = item.attr('id').replace('clip','');
}
    else {
    var assetID = item;
}

    var divID= clipDiv[0].id;
//alert(assetID+' '+divID+' '+clipContentDiv[0].id+' '+type);

   $.getJSON('/ajax/asset/',{'asset_id':assetID, 'type':2},function(data){
clipData = data;
       if(data.success) {
            if (type != 'fader'){
$(clipContentDiv).html('<div id="close'+type+'" class="close-player"><a href="#"><img src="http://content.epixhd.com/styleassets/closebutton.png" /></a></div><h1>'+data.movie.title+':<br/>'+data.title+'</h1>');

if(data.description) $(clipContentDiv).append('<p>'+data.description+'</p>');
if(data.tags) $(clipContentDiv).append('<p>Tags: '+data.tags+'</p>');

if ((user_status.loggedin) && (data.movie.is_viewable)) {
    movieTagName = data.movie.url.split('.com/')[1];
    $(clipContentDiv).append('<h2><a href="/submit_schedule/'+movieTagName+'">watch with friends</a></h2>');
} 
            }

       createClipPlayer(data, divID);
       }
   });
}

globalSEP = showExtrasPlayer;

function createClipPlayer(data,divID){
    //alert(divID);
    // Pass the movie information
    var flash_data = {
        flashvars: {
    
            content_type:         'videoextra',
            content_subtype:         data.category,
            asset_id:        data.id,
            asset_name:    data.category,
            parent_title_asset_id:     data.movie.id,
            parent_title_asset_name:     data.movie.title,
            user_mso:       '0',
            user_coupon:       '0',
            anon_user_id:     '0',
            mode:         'solo',
            host:         false,
            jsAPI:        true,
            contentID:    'epix1',
            playlist:     data.smil,
            roomID:       '0',
            username:     '',
            userID:       '',
            token:        '',
                        autoplay:      true
    
        },
        params: {
            id:            divID,
            width:         550,
            height:        375
        }
    };
    setupPlayer(flash_data);
      $('#slideshow-bg .loader .indicator').hide();
}

function autoScroll(div){
   $('html,body').animate({
      scrollTop: ($(div).offset().top-195)
   }, 500);
}

function extrasPlayerEffectOpen(div) {
  div.animate({height: '425px'}, 500, 'easeOutCubic', function() {
      autoScroll(div);
  });
}

function extrasPlayerEffectClose(div, type) {
    if(type == "bottom"){
    var divId = div.parents('.tab_content').attr('id');
    contentInfo[divId].playerDiv = "";
    contentInfo[divId].playerRow = "";
    }
    else
        openTopSlide = "";
    
    div.animate({height: '0px'}, 500, 'jswing', function() {
     $(this).empty().remove();
    });
return false;
}

    function createList(data,displayType){
        var newLi = '<li>';
        var url_link = '';
    
        if(data.content != ""){
            var i = 0;
            for(var c in data.content){
                clip = data.content[c];                                        
                if(!clip.image_thumbpath)
                    var clipImageUrl = "http://content.epixhd.com/styleassets/fun-facts-default.jpg";
                else
                    var clipImageUrl = 'http://content.epixhd.com/webassets' + clip.image_thumbpath;
                    
                    if(displayType == "posters")
                     newLi += '<div class="slidePlayerClip" item="'+i+'"><div class="slidePlayerClipBg"><a id="clip'+clip.video_id+'" href="javascript:void(0);"><div class="slidePlayerClipImage"><img src="'+clipImageUrl+'" /></div><h3>'+clip.movie_title+'</h3></a><p>'+clip.video_title+'</p></a></div></div>';
                        else
                     newLi += '<div class="slidePlayerClip" item="'+i+'"><a href="http://content.epixhd.com/webassets'+clip.video_filepath+'">' + clip.video_title +'</a></div>';
                if(i < 12) i++;
                else i=0;                       
            }
        }
        newLi += '</li>';
        return newLi;
    }<!--/createList --> 


    function populateExtrasDivs(data, div, displayType){
               contentInfo[div].data = data;

        var newLi = createList(data,displayType);
        var d = '#'+div;
        $(d).append('<ul>'+newLi+'</ul>');

           /* $('.slidePlayerClip a').wTooltip({content: true, style:{position:"absolute", left:"230px"}, callBefore: function(tooltip, node) {
            var item = $(node).parent().attr('item');
                var title = contentInfo[currentCategory].data.content[item].movie_title;
                var desc = contentInfo[currentCategory].data.content[item].video_description;
            $(tooltip).html('<h2>'+title+'</h2><p>'+desc+'</p>');
            }});*/

        //create individual content navigation

var n = $('<div id="'+div+'-nav" class="nav-wrap"><ul><li class="first-page"><a href="javascript:void(0);">First</a></li><li class="prevBtn"><a href="javascript:void(0);">Prev</a></li><li class="current-page"><input type="text" class="current-page-box" maxlength="3" /></li><li>of</li><li class="total-pages"></li></ul></div>');
        //$('.extras-content-nav').append(w);
//$(w).append(t);
$('.extras-content-nav').append(n);

        if(contentInfo[div].current == contentInfo[div].total)
                   $("a","#"+div+'-nav .next').addClass("disabled");
    
    }<!--/populateDivs --> 
    

(function($) {

    $.fn.ajaxSlider = function(options){
      
        // default configuration properties
        var defaults = {            
            controlsShow:   true,
            controlsBefore: '',
            controlsAfter:  '', 
            controlsFade:   true,
            firstId:        'firstBtn',
            firstText:      'First',
            firstShow:  false,
            lastId:         'lastBtn',  
            lastText:       'Last',
            lastShow:       false,              
            vertical:       false,
            speed:      800,
            auto:       false,
            pause:      2000,
            continuous: false, 
            numeric:        false,
            numericId:  'controls',
                cat:                  'test'
        }; 

        var options = $.extend(defaults, options);  
        this.each(function() {
            var obj = $(this);              
            var s = $("li", obj).length;
            var w = $("li", obj).css('width'); 
            var h = $("li", obj).css('height'); 
                        w = parseInt(w);
                        h = parseInt(h);
            var clickable = true;
            obj.width(w); 
                    //obj.height(h); 
            obj.css("overflow","hidden");
            var ts = s-1;
            var t = 0;
            $("ul", obj).css('width',s*w);
            var category = options.cat;

            if(!options.vertical) $("li", obj).css('float','left');
if(contentInfo[category].current == 1){
$("a","#"+category+"-nav .first-page").addClass("disabled");
$("a","#"+category+"-nav .prevBtn").addClass("disabled");
}

    //next arrow
        $("a", "#"+category+"-nav .next").click(function (){
            if(clickable) {
                                clickable = false;
                    if(contentInfo[category].current == contentInfo[category].total)
                        return false;
                    else {
                    contentInfo[category].current++;    
                    var newPage = contentInfo[category].current;    

                    //append new content to ul
                        updateContent(newPage, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "");
                                if(contentInfo[category].playerDiv) 
                                     extrasPlayerEffectClose(contentInfo[category].playerDiv, 'bottom');
                    }
            }
        });                                     


            //prev arrow
            $("a", '#'+category+'-nav .prevBtn').click(function(){
                if(clickable) {
                                clickable = false;
                    if(contentInfo[category].current == 1){
$("a","#"+category+"-nav .first-page").addClass("disabled");
$("a","#"+category+"-nav .prevBtn").addClass("disabled");
                        return false;
                                }
                    else {
                    contentInfo[category].current--;        
                    var newPage = contentInfo[category].current;    

                    updateContent(newPage, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "prev");
                                if(contentInfo[category].playerDiv) 
                                     extrasPlayerEffectClose(contentInfo[category].playerDiv, 'bottom');
                }
                             }
            });

            //first page arrow
            $("a", '#'+category+'-nav .first-page').click(function(){
                if(clickable) {
                                clickable = false;
                     if(contentInfo[category].current == 1)
                        return false;
                     else {
                    contentInfo[category].current = 1;
                    var newPage = contentInfo[category].current;
                        
                    updateContent(newPage, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "first");
                                if(contentInfo[category].playerDiv) 
                                     extrasPlayerEffectClose(contentInfo[category].playerDiv, 'bottom');
                    }
                               }
            });

            //last page link        
            $("a", '#'+category+'-nav .total-pages').live('click', function(){
                if(clickable) {
                                clickable = false;
                    if(contentInfo[category].current == contentInfo[category].total)
                        return false;
                    else {      
                        contentInfo[category].current = contentInfo[category].total;
                    var newPage = contentInfo[category].current;    
                        
                    updateContent(newPage, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "next");
                                if(contentInfo[category].playerDiv) 
                                     extrasPlayerEffectClose(contentInfo[category].playerDiv, 'bottom');
                    }   
                                }           
            });

            $('#'+category+'-nav input.current-page-box').keydown(function(event) {
            totalPages = contentInfo[category].total;
            currentPage = contentInfo[category].current; 
            if(event.keyCode == 13){
                         //capture the input value
                         var v = $(this).val();

                         //if v is a valid input
                         if(v > 0 && v <= totalPages){

                        //is the page before or after the current page, prepend/append, and reuse code
                        if(v < currentPage){
                        contentInfo[category].current = v;
                        updateContent(v, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "prev");
                        }
                        else if(v > currentPage){
                        contentInfo[category].current = v;
                        updateContent(v, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "next");
                        }
                        else
                           return false; //on the current page
                    }
                    else if(v > totalPages)  {
                        contentInfo[category].current = totalPages = contentInfo[category].total;
                        updateContent(contentInfo[category].current, contentInfo[category].order, contentInfo[category].id, itemsPerPage, "next");
                    }
                    else  {
                        contentInfo[category].current = 1;
                        updateContent("1", contentInfo[category].order, contentInfo[category].id, itemsPerPage, "prev");
                    }
                                if(contentInfo[category].playerDiv) 
                                     extrasPlayerEffectClose(contentInfo[category].playerDiv, 'bottom');
                }
    });
            
    function updateContent(goToPage, orderBy, id, itemsPerPage, direction){
        
//alert('gotopage: '+goToPage+' | order: '+orderBy+' | id: '+id+' | itemsperpage: '+itemsPerPage+' | direction: '+direction);

        $.getJSON("/ajax/extras/"+id+"/"+orderBy+"/"+goToPage+"/"+itemsPerPage+"/", function(data) {
            var newLi = createList(data,"posters");
            if(direction == 'next') 
                $("ul", obj).append(newLi);
            else {
                $("ul", obj).prepend(newLi);
                //adjust margin
                $("ul", obj).css("margin-left",(w*-1));
            }
            
            //update width of ul
            $("ul", obj).css('width',(s+1)*w);

            //animate the slide
            animate(direction,true);
            $('#'+category+'-nav .current-page-box').val(goToPage);     


       /*    $('.slidePlayerClip a').wTooltip({content: true, style:{position:"absolute", left:"230px"}, callBefore: function(tooltip, node) {
            var item = $(node).parent().attr('item');
                var title = contentInfo[currentCategory].data.content[item].movie_title;
                var desc = contentInfo[currentCategory].data.content[item].video_description;
            $(tooltip).html('<h2>'+title+'</h2><p>'+desc+'</p>');
            }});*/
                                                                                             
        });
    
}
                        
            function setCurrent(i){
                i = parseInt(i)+1;
                $("li", "#" + options.numericId).removeClass("current");
                $("li#" + options.numericId + i).addClass("current");
            };
            
            function adjust(){
                if(t>0) {
                    //delete first li
                    $("ul li:first-child", obj).remove();
                }
                else if(t<0) {
                    //delete last li
                    $("ul li:last-child", obj).remove();
                }
                t=0;    
                    
                //resize ul
                $("ul", obj).css('width',(s)*w);                    
                    
                //reset margin-left
                $("ul",obj).css("margin-left",(t*w*-1));
                
                clickable = true;
                bindSliderLinks(currentCategory);
                if(options.numeric) setCurrent(t);
            };
            
            function animate(dir,clicked){
                    var ot = t; 
                    switch(dir){
                        case "next":
                            t++;    
                                p = (t*w*-1);   
                            break; 
                        case "prev":
                            t--;
                                p = 0;  
                            break; 
                        case "first":
                            t--;
                                p = 0;
                            break; 
                        case "last":
                            t++;
                                p = (t*w*-1);   
                            break; 
                        default:
                            t = parseint(dir);
                            break; 
                    };  
                    var diff = Math.abs(ot-t);
                    var speed = diff*options.speed;
                        //p = (t*w*-1);
//alert(t+' '+p);
                        unbindSliderLinks();
                        $("ul",obj).animate(
                            { marginLeft: p }, 
                            { queue:false, duration:speed, complete:adjust }
                        );              
                                        
                    if(!options.continuous && options.controlsFade){
                totalPages = contentInfo[category].total;
                currentPage = contentInfo[category].current;                    
                        if(currentPage == totalPages){
                            $("a","#"+category+'-nav .nextBtn').addClass("disabled");
                            //$("a","#"+options.firstId).removeClass("disabled");
                            //$("a","#"+options.prevId).removeClass("disabled");
                            //$("a","#"+options.lastId).hide();
                        } else {
                            $("a","#"+category+'-nav .nextBtn').removeClass("disabled");
                            //$("a","#"+options.lastId).show();                 
                        };

                        if(currentPage == 1){
                            $("a","#"+category+'-nav .first-page').addClass("disabled");
                            $("a","#"+category+'-nav .prevBtn').addClass("disabled");
                            //$("a","#"+options.firstId).hide();
                        } else {
                            $("a","#"+category+'-nav .first-page').removeClass("disabled");
                            $("a","#"+category+'-nav .prevBtn').removeClass("disabled");
                            //$("a","#"+options.firstId).show();
                        };                  
                    };      
                    
                    if(clicked) clearTimeout(timeout);
                    if(options.auto && dir=="next" && !clicked){;
                        timeout = setTimeout(function(){
                            animate("next",false);
                        },diff*options.speed+options.pause);
                    };
                
                
            };
            // init
            var timeout;
            if(options.auto){;
                timeout = setTimeout(function(){
                    animate("next",false);
                },options.pause);
            };      
            
            if(options.numeric) setCurrent(0);
        
            if(!options.continuous && options.controlsFade){                    
                //$("a","#"+options.prevId).hide();
                //$("a","#"+options.firstId).hide();                
            };
        });   
    };

})(jQuery);
                         
$("#topSliderContainer .slider").easySlider({
            numeric: true,
            numericId: 'singlecontrols',
            continuous: false
        }); 

        $('#slideshow').before({ 
          fx:     'fade', 
          delay:  -1000,
          timeout: 5000,
          width: 810, 
          height: 350,
          pagerAnchorBuilder:imgNav,    
                  cleartype:  true,
                  cleartypeNoBg:  true,
                  before: loadTitles
        });
/*
      function loadFader(zeroBasedSlideIndex, slideElement){
          var id = $(slideElement).children(div).find('img').attr('id').replace('clip','');  //1234
          var div = $('#slide'+id);
$('#slideshow').cycle('pause');
          globalSEP(id, div, "", "fader");

      }
*/

      function loadTitles (idx, slide){
            var hdr = $(slide).children('.slideshow-caption').children('h1');
if(hdr.val() == ""){
            var assetID = $(hdr).attr('class').replace('clip','');
            $.getJSON('/ajax/asset/',{'asset_id':assetID, 'type':2},function(data){
                if(data.success) {
                   $(hdr).html(data.movie.title);
                }
            });
}
      }

      function imgNav(idx, slide) {
         var src = $(slide).find('img').attr('src');
         var title = $(slide).find('img').attr('title');
         var alt = $(slide).find('img').attr('alt');
         var id = $(slide).find('img').attr('id');
         return '<li><a href="#"><img src="' + src + '" id="'+id+'" alt="'+alt+'" title="'+title+'" /></a></li>';
      };   
           
$(".slideshow-image img").reflect({height:.2,opacity:.3});
});