// JavaScript Document

$(document).ready(function() {
	
	$("#map_container area").each(function(index) {
		$(this).mouseover(function() {
			displayBubble($(this).attr("alt"));
		});
	});
	
	$("#text_links a").each(function(index) {
		$(this).mouseover(function() {
			displayBubble($(this).html());
		});
	});
	
});

var lastHoverElement;

function displayBubble(hoverElement) {
	
	if(lastHoverElement != undefined) {
		$("#" + lastHoverElement).fadeOut();
	}
	
	switch(hoverElement) {
		case "Los Angeles":
			$("#LA").fadeIn();
			lastHoverElement = "LA";
			break;
		case "Minneapolis":
			$("#Minneapolis").fadeIn();
			lastHoverElement = "Minneapolis";
			break;
		case "Chicago":
			$("#Chicago").fadeIn();
			lastHoverElement = "Chicago";
			break;
		case "Dallas":
			$("#Dallas").fadeIn();
			lastHoverElement = "Dallas";
			break;
		case "Atlanta":
			$("#Atlanta").fadeIn();
			lastHoverElement = "Atlanta";
			break;
		case "Fort Lauderdale":
			$("#FL").fadeIn();
			lastHoverElement = "FL";
			break;
		case "Miami Beach":
			$("#Miami").fadeIn();
			lastHoverElement = "Miami";
			break;
		case "New York":
			$("#NY").fadeIn();
			lastHoverElement = "NY";
			break;
		case "Boston":
			$("#Boston").fadeIn();
			lastHoverElement = "Boston";
			break;
	}
	
}