var linkOver = function() {
  $(this)
  // first jump
  .animate({marginTop:"-7px"}, 200).animate({marginTop:"0px"}, 200)
  // second jump
  .animate({marginTop:"-3px"}, 100).animate({marginTop:"0px"}, 100)
  // the last jump
  .animate({marginTop:"-2px"}, 100).animate({marginTop:"0px"}, 100);
}

var linkOut = function() {
  $(this).stop(true, true).animate({marginTop:"0px"}, 100);
}

var linkHover = {interval: 20, sensitivity: 7, over: linkOver, timeout: 50, out: linkOut};

$(document).ready(function(){

  $("#nav ul li").hoverIntent(linkHover);

  $('.thumbblock img').click( function(){
    newImage = $(this).attr('src');
    $('#mainimage').fadeOut(200, function(){
      $('#mainimage').attr('src',newImage);
      $('#mainimage').fadeIn(200);
    });
  })
  
  $('#mainimage').attr('src',$('.thumbblock').children('img').attr('src'));
  
  $('#pid').change( function(){
    window.location = "portfolio.php?pid="+this.value;
  });
  
  $(".thumblink").click( function(e) {
    e.preventDefault();
  });
});