var held = false;

var getTooltipBody = function(areaName) {
	var heading = '';
	switch(areaName) {
		case "scotland":
			heading = "Scotland & The North";
		break;
		case "midlands":
			heading = "Midlands & Ireland";
		break;
		case "south":
			heading= "South Wales & The South";
		break;
	}
	var salesName = $("#contacts .sales." + areaName + " .name").html();
	var techName = $("#contacts .technical." + areaName + " .name").html();
	return "<h3>" + heading + "</h3><strong>Sales:</strong> " + salesName + "<br/ ><strong>Technical:</strong> " + techName;
}

var clearAll = function(areaName) {
	$('.active').each(
		function() {
			if ( !$(this).is('.' + areaName) ) {
				$(this).removeClass('active');
			}
		}
	);
	held = false;
}


var attachEvents = function () {

	var areaName = false;

	$("area").mouseover(
		function() {
			areaName = $(this).attr('class');
			clearAll(areaName);
			$('#contacts .' + areaName).each(
				function() { $(this).addClass('active'); }				
			);
		}
	).click(
		function() { held = true; }
	).mouseout(
		function() {
			if (!held) {
				$('.' + areaName).each(
					function() {
						$(this).removeClass('active');
					}
				);
			}
		}
	);

	$("area").tooltip({ track: true, delay: 0, bodyHandler: function() { return getTooltipBody(areaName); } });

}


$(document).ready( attachEvents );