$(document).ready(function(){
    
    var newSpot = 0;
    
    var vids = $('.vid-ribbon li');
    vids = vids.length;
    var maxLeft = 0 - ((vids - 4) * 168);
    
    $('.vid-nav-left').unbind('click',moveRibbonRight).animate({opacity:'0.25'},500).bind('click',cancelLink);
    
    if(vids > 3){
        $('.vid-nav-right').bind('click',moveRibbonLeft);
    } else {
        $('.vid-nav-right').animate({opacity:'0.25'},500).bind('click',cancelLink);
    }
    
    function moveRibbonLeft(){
                
        newSpot = newSpot - 168;
        $(this).siblings('.ribbon-viewport').children('.vid-ribbon').animate({ 
                left: newSpot + "px"
              }, 500 );
              
        if(newSpot < maxLeft) {
            $('.vid-nav-right').unbind('click',moveRibbonLeft).animate({opacity:'0.25'},500).bind('click',cancelLink);
        }
        
        if(newSpot < 0) {
            $('.vid-nav-left').unbind('click',cancelLink).animate({opacity:'1'},500).bind('click',moveRibbonRight);
        }
        
        return false;
    }
    
    function moveRibbonRight(){
                
        newSpot = newSpot + 168;
        $(this).siblings('.ribbon-viewport').children('.vid-ribbon').animate({ 
                left: newSpot + "px"
              }, 500 );
              
        if(newSpot == 0) {
            $('.vid-nav-left').unbind('click',moveRibbonRight).animate({opacity:'0.25'},500).bind('click',cancelLink);
        }
        
        if(newSpot >= maxLeft) {
            $('.vid-nav-right').unbind('click',cancelLink).animate({opacity:'1'},500).bind('click',moveRibbonLeft);
        }
        
        return false;
    }
    
    function cancelLink(){
        return false;
    }
});