$(document).ready(function() {

	//Set the active menuId to active
	$("#" + activeMenuId).children("a").children(".offImage").hide();
	$("#" + activeMenuId).children("a").children(".onImage").show();

	$(".navBtn").bind("mouseover", function() {
		$(this).children("a").children(".offImage").hide();
		$(this).children("a").children(".onImage").show();
	});

	$(".navBtn").bind("mouseout", function() {
		var thisID = $(this).attr("id");
		//check to see if this is the active one, if not then make it "off"
		//if it's active don't do anything.
		if (activeMenuId != thisID) {
			$(this).children("a").children(".onImage").hide();
			$(this).children("a").children(".offImage").show();
		}
	});
});