/// <reference path="jquery/jquery-1.3.2.min.js"/>
	
$(document).ready(function(){	  
  	// Add the the new clip coordinates
    $(".product").addClass("productAddClip");
    $(".productInformationBackground", this).fadeTo(0, 0.8);
   
    // Move the productInformation box to the top
    $(".productInformation").animate({top: "-42"}, 0);
    
    // Add the event handlers for the product box
	$(".product").mouseenter(function(event){
		 $(".productInformation", this).stop();
		 $(".productInformation", this).animate({top: "-162" }, 500 );
		 $(".productInformationBackground", this).fadeTo(1000, 1);
		 
    });
   
    $(".product").mouseleave(function(event){			
		 $(".productInformation", this).stop();
		 $(".productInformation", this).animate({top: "-42"}, 500);
		 $(".productInformationBackground", this).fadeTo(1000, 0.8);
    });
    setTimeout('$("#message-alert").fadeOut(1000);', 3000);
});