$(document).ready(function(){	
	// Change the image of hoverable images
    $(".imgHoverable").hover( function() {
       var hoverImg = HoverImgOf($(this).attr("src"));
       $(this).attr("src", hoverImg);
    }, function() {
       var normalImg = NormalImgOf($(this).attr("src"));
       $(this).attr("src", normalImg);
    }
   );

});

function HoverImgOf(filename)
{
   var re = new RegExp("(.+)\\.(gif|png|jpg)", "g");
   return filename.replace(re, "$1_2.$2");
}
function NormalImgOf(filename)
{
   var re = new RegExp("(.+)_2\\.(gif|png|jpg)", "g");
   return filename.replace(re, "$1.$2");
}

//preload menu img
var IMAGE_PATHS = [];
IMAGE_PATHS[0] = "images/menu01.png";
IMAGE_PATHS[1] = "images/menu02_2.png";
IMAGE_PATHS[2] = "images/menu03_2.png";
IMAGE_PATHS[3] = "images/menu04_2.png";
IMAGE_PATHS[4] = "images/menu05_2.png";
IMAGE_PATHS[5] = "images/menu06_2.png";

var IMAGE_CACHE = [];

for (var i=0; i<IMAGE_PATHS.length; i++) {
 IMAGE_CACHE[i] = new Image();
 IMAGE_CACHE[i].src = IMAGE_PATHS[i];
}