$(function(){
    $("#featured div a").hover(function(){
        $("img", this).stop().animate({top:"-260px"},{queue:false,duration:400});
    }, function() {
        $("img", this).stop().animate({top:"0px"},{queue:false,duration:400});
    });
});


$(function(){
	$('#portfoliomenu a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -60px)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:300})
		})
		
	$('.active')
		.css( {backgroundPosition: "0 -60px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -60px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -60)"}, {duration:500})
		})
});

$(function(){
	$('.social a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -60px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
		})
		
	$('.active')
		.css( {backgroundPosition: "0 -60px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -60px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -60)"}, {duration:500})
		})
});