jQuery(document).ready(function() {
	
	jQuery("#map-container area").mouseover(function(){
		var regionMap = '.'+$(this).attr('id')+'-map';
		var regionDesc = '.'+$(this).attr('id')+'-desc';
		jQuery(regionMap).css('display', 'inline');

		// Check if a click event has occured and only change the Region hover state accodringly
		if (! jQuery('#desc-container li').hasClass('selected')) {
			jQuery(regionDesc).css('display', 'inline');
		}
	}).mouseout(function(){
		var regionMap = '.'+$(this).attr('id')+'-map';
		var regionDesc = '.'+$(this).attr('id')+'-desc';

		// Check if a click event has occured and only change the Region hover state accodringly
		if (! jQuery(regionMap).hasClass('selected')) {
			jQuery(regionMap).css('display', 'none');
		}

		// Check if a click event has occured and only change the Region hover state accodringly
		if (! jQuery('#desc-container li').hasClass('selected')) {
			jQuery(regionDesc).css('display', 'none');
		}
	});

});