$(function(){
  // He/she completed stuff
  setInputs();
  
  
  $('#slide-inner').css('padding-left', 55);
  $('#slide-inner').width( $('#slide-inner').width() - 55 );
  $('#video-slider').scroller('.scroller', '#but-left', '#but-right', 'li.slide', {
    wrapAround: false
  });
  
  var transitioning = false;
  
  $('#slide-inner .slide').click(function(){
    var node = $(this);
    if ( node.hasClass('active') || transitioning ) {
      return;
    }
    
    transitioning = true;
    
    var active_color = $('#slide-inner .slide.active .inner p').css('color');
    var inactive_color = $('#slide-inner .slide:not(.active) .inner p').css('color');
    
    $('#slide-inner .slide.active .background').fadeOut(function(){
      $(this).parent().removeClass('active');
    });
    
    $('#slide-inner .slide.active .inner p').animate({
      'color': inactive_color
      }, "normal", "linear", function(){
        this.style.color = '';
    });
    
    
    node.children('.background').fadeIn(function(){
      transitioning = false;
      node.addClass('active');
    });
    
    node.find('p').animate({
      'color': active_color
      }, "normal", "linear", function(){
      this.style.color = '';
    });
    
    $('#player').get(0).newVideo( node.attr('rel').split(':')[0], node.attr('rel').split(':')[1] );
    $('#sidebar').load( '/video/' + node.attr('id').replace('video-','') )
    $('#completed').load( '/video/' + node.attr('id').replace('video-','') + '/checkboxes', setInputs );
  });
  
});

function setInputs() {
  $('.completed input').change(function(){
    var form = $(this).parents('.completed:first');
    $.post( form.attr('action'), form.serialize() );
    var node = $(this).parents('dd').prev();
    if ( node.size() > 0 ) {
      node.removeClass('him').removeClass('her').removeClass('both');
      var set = $(this).parents('.completed:first').find('input:checked');
      if ( set.size() == 2 ) {
        node.addClass('both');
      } else {
        node.addClass( set.parent('label').text().toLowerCase() );
      }
    }
  });
}