﻿var controller = new MTVNPlayerController('embeddedPlayer','onPlayerLoaded');
var player;

var pageHeight = 336;
var itemsPerPage = 8;
var pagingPagesPerPage = 10;
var page = 1;
var pageCount = 1;
var pagingPage = 1;
var list = '#list-clips';
var deepClipShow = '';
var vidID = "";
$(document).ready(function(){
    initShowClips();
});

function onPlayerLoaded(controller){
	player = controller.player;
	//player.addEventListener('PLAYLIST_COMPLETE','onPlaylistComplete');

}

function initShowClips()
{
    var clipCount = $(list).children().size();
    $('#pages').html('');
    
    pagingPage=1;
    page=1;
    if(clipCount>itemsPerPage)
    {
        $('#pages').css({'display':'block'});
        $('#list-clips-wrap').height(322);
        $('#list-clips').css({'position':'absolute'});
        
        pageCount = Math.floor(clipCount/itemsPerPage);
        if(clipCount/itemsPerPage>pageCount) pageCount++;
        
        var paging = [];
        for(var i=1; i<=pageCount; i++) {                
            paging[i] = '<a id="page'+i+'">'+i+'</a>';
            if(i%10==0) paging[i] += '<br />';
        }
        $('#pages').append(paging.join(''));
        $('#pages a:first').addClass('on');
                
        $('#button-next').unbind().show().click(function(){
            if(!$(this).hasClass('disabled')) { page++; goPage(page); }
        });
        $('#button-back').unbind().show().click(function(){
            if(!$(this).hasClass('disabled')) { page--; goPage(page); }
        });
        $('#pages a').unbind().click(function(){ 
            goPage(this.id.substr(4,5));
        });
        
        goPage(1);
        goPagingPage(1);
    } 
    else 
    {
        $('#button-next').hide();
        $('#button-back').hide();
    } 
    $('#list-clips a').unbind().click(function(){ 
        $('#list-clips a.on').removeClass('on');
        $(this).addClass('on');
        playClip($(this).attr('rel'),$(this).children('.list-show').html(),$(this).children('.list-title').html(),false,true);
    });
    if(vidID=="") {
        $('#list-clips a:first').addClass('on');
        $('#clips-show').html($('#list-clips a:first .list-show').html()).show();
        $('#clips-title').html($('#list-clips a:first .list-title').html()).show();
    } 
    else 
    {        
        var thisClip = $(list+' a[rel='+vidID+']');
        $(thisClip).addClass('on');
        $('#clips-show').html(thisClip.children('.list-show').html()).show();
        $('#clips-title').html(thisClip.children('.list-title').html()).show();
        var posTop = $(thisClip).position().top;
        if(posTop>(pageHeight-1)) goPage(Math.floor(posTop/pageHeight)+1);
        vidID='';
        $('body').scrollTo(470, 500);
    }
    deepClipShow = $(".hiddenShow").val();
    if(deepClipShow != undefined) bindRelated(deepClipShow, true);
    else alert("no show yet!");
    deepClipShow='';
}

