// JavaScript Document

$(document).ready(function(){
   // Change the image of hoverable images
   $(".imgHoverable").hover( function() {
       var hoverImg = HoverImgOf($(this).attr("src"));
       $(this).attr("src", hoverImg);
	 $(this).animate({ 'bottom': '14px' }, 'normal');
	 
     }, function() {
       var normalImg = NormalImgOf($(this).attr("src"));
       $(this).attr("src", normalImg);
	    $(this).css({ 'bottom': '0px' });
	
     }
   );
  
});
function HoverImgOf(filename)
{
   var re = new RegExp("(.+)\\.(gif|png|jpg)", "g");
   return filename.replace(re, "$1Hover.$2");
   
}
function NormalImgOf(filename)
{
   var re = new RegExp("(.+)Hover\\.(gif|png|jpg)", "g");
   return filename.replace(re, "$1.$2");
}


        
								

//$(this).css({'position':'relative', 'bottom' : '20px'});   $(this).animate({"bottom": "=50px"}, "slow");