var c;
var m;
var h = [];
h["intro"] = 485;
h["santahq"] = 510;
h["giftwrapcentral"] = 450;
h["toyworkshop"] = 480;
h["powercenter"] = 410;
h["thesleigh"] = 420;
h["recyclecenter"] = 440;
h["santa"] = 470;

$(document).ready(function() {

	DD_belatedPNG.fix("#content-footer");

	c = $("#content-intro");
	m = $("#map-intro");

	$("#map UL LI P").click(
		function(event) {
			swapContent(event);
		}
	);
	$("#navbox UL LI A").click(
		function(event) {
			swapContent(event);
		}
	);
	$("#map UL LI P").hover(
		function(event) {
			var p = $(event.target).parent();
			if (p[0].id != m[0].id) p.addClass("hover");
		},
		function(event) {
			var p = $(event.target).parent();
			if (p[0].id != m[0].id) p.removeClass("hover");
		}
	);

	$("#content").css("height", h["intro"]);
	$("#content-intro").css("display", "block");
	
});

function swapContent(event) {
	var p = $(event.target).parent();
	var nc = '#content-'+p[0].id.substr(4);
	var nm = '#map-'+p[0].id.substr(4);
	$("#map UL LI").removeClass();
	$(nm).addClass("hover");
	if (m[0].id != $(nm)[0].id) {
		m = $(nm);
		$("#content").animate({ 
			height: h[p[0].id.substr(4)]
		}, function() {
			$(c[0]).fadeOut(function() {
				$(nc).fadeIn();
				c = $(nc);
			});
		});
	}
}