$(document).ready(function() {
    $('#detail.1').css('display','block');

	$("[id^=project]").hover(
	function () {
      $(this).find('img').animate({marginTop:'-8'},200);
    },
    function () {
    	$(this).css('background','');
       $(this).find('img').animate({marginTop:'0'},200); 
    });
    
   
   	$('[id^=project]').find('a').click(function(){
      var project = $(this).attr('rel');
      $("[id^=detail]:visible").slideUp("fast");
      $("[id^=detail]." + project + "").slideDown("slow");
   });


/*$('#project a').click(function(){
	$("#detail.1").slideDown("slow");
	});*/


});