$(document).ready(function() {
    var current = 0;
    var $player = $('#splasher .layer.columns-1:eq('+current+')').html();
    
    $('#videoframe').html($player);
    
    var total = 0;
  
    $('<ul></ul>').appendTo('#bullet-navigation');
  
    $('#splasher .layer.columns-1').each(function(){
        var $bullet = $('<li rel="'+total+'"><a href="#"></li>');
        
        if(total == 0)
            $bullet.addClass('active');
            
        
        $bullet.appendTo($('#bullet-navigation ul'));
        
        total++;
    });
    
    if(total > 0)
    {
        $('.arrow.next').addClass('active');
    }


    $('.next.active a, .prev.active a, #bullet-navigation > ul > li:not(.active) > a').live('click',function(){
       
       if($(this).parent().hasClass('arrow'))
       {
           var direction;
           if($(this).parent().hasClass('prev'))
               direction = -1;
           else
               direction = 1;
           $player = $('#splasher .layer.columns-1:eq('+(current+direction)+')').html();
           current = current+direction;
           
           $('#bullet-navigation > ul').find('li').removeClass('active').end().find('li:eq('+current+')').addClass('active');
           
       }
       else {
           current = parseInt($(this).parent().attr('rel'));
           $player = $('#splasher .layer.columns-1:eq('+current+')').html();
           $('#bullet-navigation > ul > li').removeClass('active');
           $(this).parent('li').addClass('active');
       }

       $('#videoframe').html($player);

       if(current > 0 && total > 1)
           $('.arrow.prev').addClass('active');
       else 
           $('.arrow.prev').removeClass('active');
       
       if((current+1) >= total)
           $('.arrow.next').removeClass('active');
       else
           $('.arrow.next').addClass('active');           
       
             
    });
    
});