// Here you will find the script to edit the elastic menu
// This is a free plugin that can be found on:
// http://buildinternet.com/2009/09/sproing-make-an-elastic-thumbnail-menu/

$(document).ready(function(){
	$('.elastic_menuitem img.elastic').animate({width: 120}, 0); //Set all menu items to smaller size

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

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

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

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

	});
});
