$(document).ready(function(){  

var bgpos =0;

bgpos = $('#nav').css("backgroundPosition");



$(function(){
  $('#nav-home a').hover(function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: '40px 20px'});
  }, function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: bgpos});
  });
});

$(function(){
  $('#nav-about a').hover(function(){
	  
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: '155px 20px'});
  }, function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: bgpos});
  });
});


$(function(){
  $('#nav-projects a').hover(function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: '285px 20px'});
  }, function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: bgpos});
  });
});


$(function(){
  $('#nav-contact a').hover(function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: '415px 20px'});
  }, function(){
    $('#nav').stop();
    $('#nav').animate({backgroundPosition: bgpos});
  });
});





    //To switch directions up/down and left/right just place a "-" in front of the top/left attribute  

    //Full Caption Sliding (Hidden to Visible)  
    $('.boxgrid.captionfull').hover(function(){  
        $(".cover", this).stop().animate({top:'210px'},{queue:false,duration:250});  
    }, function() {  
        $(".cover", this).stop().animate({top:'280px'},{queue:false,duration:250});  
    });  
 
});