$(document).ready(function() {
	$("#" + activeMenuId).children("a").children(".offImage").hide();
	$("#" + activeMenuId).children("a").children(".onImage").show();

	$(".menuItem").bind("mouseover", function() {
		//if it's the active menu item then leave it as active. If not give it rollover effect
		if (activeMenuId != $(this).attr("id")) {
			$(this).children("a").children(".offImage").hide();
			$(this).children("a").children(".onImage").show();
		}
	});
	$(".menuItem").bind("mouseout", function() {
		//if it's the active menu item then leave it as active. If not give it rollover effect
		if (activeMenuId != $(this).attr("id")) {
			$(this).children("a").children(".onImage").hide();
			$(this).children("a").children(".offImage").show();
		}
	});

});