var MapHover = function(state, isActive)
{
	$$("#" + state + "_outline img").each(function(image)
	{
		var hover = isActive || ($(state + "_popup").getStyle("visibility") != "hidden");
		if(image.hasClass("active"))
			image.style.visibility = hover ? "visible" : "hidden";
		else
			image.style.visibility = hover ? "hidden" : "visible";
	});
};

var MapClick = function(state)
{	
	// show the appropriate popup
	var activePopup = state ? $(state + "_popup") : null;
	if(activePopup) { activePopup.style.visibility = "visible"; }
	$$("#national_map .popup").each(function(popup)
	{
		if(popup != activePopup)
			popup.style.visibility = "hidden";
	});
	
	// reset the highlight on all the states
	$$("#national_map .region").each(function(region)
	{
		var hover = (region.id == state + "_outline");
		region.getElements("img").each(function(image)
		{
			if(image.hasClass("active"))
				image.style.visibility = hover ? "visible" : "hidden";
			else
				image.style.visibility = hover ? "hidden" : "visible";
		});
	});
};

window.addEvent('domready', function()
{
	$("national_map").removeClass("unloaded");
});