$(document).ready(function() {
	$("#menu li.opener ul").each(function(i){
		$(this).addClass('submenu');
		$(this).parent().parent().bind("mouseover", { obj : $(this).parent() }, MenuOnmouserOver).bind("mouseout", { obj : $(this).parent() }, MenuOnmouserOut);
	});
	$("#menu li.opener a").each(function(i){	
		$(this).bind("mouseover", {obj : this}, TopAOnmouserOver).bind("mouseout", {obj : this }, TopAOnmouserOut);
	});
});

function TopAOnmouserOver(event){
	var imgSrc = $(event.data.obj).children('img').attr('src');
	var imgArray = imgSrc.split('.');
	imgArray[imgArray.length-2] = imgArray[imgArray.length-2] + '_hover';	
	$(event.data.obj).children('img').attr('src', imgArray.join('.'));
}

function TopAOnmouserOut(event){
	var imgSrc = $(event.data.obj).children('img').attr('src');
	var imgArray = imgSrc.split('.');
	imgArray[imgArray.length-2] = imgArray[imgArray.length-2].split('_hover').join('');	
	$(event.data.obj).children('img').attr('src', imgArray.join('.'));
}

function MenuOnmouserOver(event){
	$(event.data.obj).show();
}
function MenuOnmouserOut(event){
	$(event.data.obj).hide();
}