var timeout 	= 300;
var closetimer 	= 0;

function menuClose(keepSubOpen) {
		$('#menu ul li a').each( function() {
			switchOff($(this));
		});
		if (keepSubOpen != true)
			$('.submenu').hide();
}

function menuCancelTimer() {
	if (closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

switchOn = function (jImage) {
	var thisimage = jImage.css('background-image');
	thisimage = thisimage.replace('.png', '-on.png');
	jImage.css('background-image', thisimage); 
};

switchOff = function (jImage) {
	var thisimage = jImage.css('background-image');
	thisimage = thisimage.replace('-on.png', '.png');
	jImage.css('background-image', thisimage); 
};

$(document).ready(function() {	   
						   
   	$('#menu ul li a').mouseover(function() {
		if ($(this).parent().parent().hasClass("submenu")) {
			menuClose(1);
		}
		else
			menuClose(0);
		switchOn($(this));

		$(this).parent().children("ul").show();
		menuCancelTimer();
		});
	$('#menu ul li a').bind("mouseleave", function() {
		closetimer = window.setTimeout(menuClose, timeout);							   
		});
});