jQuery(document).ready(function(){
    
	/******************************************************************************
     *
     * Video player 
     * Load movie to player
     *
     ******************************************************************************/ 
      
    createPlayer();    
    var playItemLink = jQuery('div.br_movie-playmovie a');
    jQuery(playItemLink).click(function(){ 
    	var player = document.getElementById('mainMediaPlayer');
    	var movie = jQuery(this).attr('href'); 
		player.sendEvent("STOP");
		player.sendEvent("LOAD",movie);
		player.sendEvent("PLAY",true);
		return false;
    }); 	  
	
    /******************************************************************************
     *
     * Video player 
     * Sorting changer 
     *
     ******************************************************************************/     
    
    jQuery('div.brMovieSortingCampaign').click(function(){
      if(!(jQuery(this).hasClass('brMovieSortingLargeActive'))) {
        jQuery('div.brMovieSortingLargeActiveCategoriesRight').hide(); 
        jQuery('div.brMovieSortingLargeContainer div').removeClass('brMovieSortingLargeActive');
        jQuery(this).addClass('brMovieSortingLargeActive');     
        jQuery('div.brMovieSortingLargeActiveCampaignRight').show();
      } 
    });  
    jQuery('div.brMovieSortingCategories').click(function(){
      if(!(jQuery(this).hasClass('brMovieSortingLargeActive'))) {
        jQuery('div.brMovieSortingLargeActiveCampaignRight').hide();
        jQuery('div.brMovieSortingLargeContainer div').removeClass('brMovieSortingLargeActive');
        jQuery(this).addClass('brMovieSortingLargeActive');      
        jQuery('div.brMovieSortingLargeActiveCategoriesRight').show();    
      }
    });
  
    /******************************************************************************
     *
     * Video player 
     * Page ul changer 
     *
     ******************************************************************************/    
    
    var items = jQuery('div.br_movie-itemList div.br_movie-small_container');
    var pages = jQuery('ul.bottom-menu-pages');
    var totItems = jQuery(items).size();
    var itemOnAPage = 6;
    var start = 0;
    var numberOfPages = Math.ceil( totItems / itemOnAPage ); 
    // create the number of pages based on items on the page   
    for( var i=0; i < numberOfPages; i++) { 
      var liClass = 'NO'; 
      if(i == 0){ var liClass = 'CUR';}
      jQuery(pages).append('<li class="'+liClass+'"><a class="pageNavLink">'+(i+1)+'</a></li>');     
    }
    // hide all, then take out the page one slice and show that slice
    jQuery(items).hide().slice(start,itemOnAPage).show(); 
    jQuery('li.removeme').hide();
    // if a number is clicked ..
    jQuery('ul.bottom-menu-pages li').click(function(){
      if(jQuery(this).hasClass('NO')){ // highligt it with the red circle   
        jQuery('ul.bottom-menu-pages li').removeClass('CUR').addClass('NO');
        jQuery(this).removeClass('NO').addClass('CUR');
      } 
      var currentPage = jQuery(this).text(); // get the page number    
      var end = (currentPage * itemOnAPage); // to know where to start we need the end
      start = (end - itemOnAPage); // know we know where to start
      jQuery(items).hide().slice(start,end).show(); // show that slice.
    });
    
       
});