$(document).ready(function() {
  
  $('#projectnav li:first').addClass('active');
  
  //MAIN CONTENT SCROLL
  $("#projectnav li a").click(function() {
    var goLeft = ($(this).attr('rel') * 875) * -1;
    $('#slider').animate({ left: goLeft }, {duration: 1500, easing: "easeInOutSine"});
    
    //update highlighted nav
    $('#projectnav li.active').removeClass('active');
    $(this).parent().addClass('active');
    return false;
  });
  
 
  
});