/**
 * @author Administrator
 */
Event.observe(window, 'load', function() {
	
	var merchMap = $("merchMap");
	var merchPeople = $("merchPeople");
	var merchRegionMap = $("merchRegionMap");	
	
	hideAll = function () {
		merchMap.select(".region").invoke('hide');
		merchPeople.select(".person").each(function(elem) {
		  elem.removeClassName("on");
		});
	}
	
	showRegion = function(event) {
		var region = this.title;
		hideAll();
		$("merchMap" + region).show();
		$("merchPerson" + region).addClassName("on");
	}
		
	hideAll();

	// Setup observers.				
	var elem = "";
	merchRegionMap.select("area").each(function(elem) {
		elem.observe('mouseover', showRegion);
		elem.observe('mouseout', hideAll);
	});				
	merchMap.select(".region").each(function(elem) {
		elem.observe('mouseover', showRegion);
		elem.observe('mouseout', hideAll);
	});
	merchPeople.select(".person").each(function(elem) {
		elem.observe('mouseover', showRegion);
		elem.observe('mouseout', hideAll);
	});
	
});