// JavaScript Document

$(document).ready(function(){  
						   
$('.menuitem img').animate({width: 300}, 0);

$('.menuitem').mouseover(function(){ //When mouse over menu item  

gridimage = $(this).find('img'); //Define target as a variable  
 gridimage.stop().animate({width: 520}, 250); //Animate image expanding to original size  

}).mouseout(function(){ //When mouse no longer over menu item  

       gridimage.stop().animate({width: 300}, 250); //Animate image back to smaller size  

     });  
 });  