$(function() {
	$("#projectsListing").hide();
	var states = $("#projectsListing h2");
	var enabledRegions = "";
	
	$.each(states, function (){
		enabledRegions += ($(this).attr("id")) + ",";
	});
	
	enabledRegions = enabledRegions.toLowerCase();
	setEnabledRegionIds(enabledRegions.split(","));
	
	$('<div id="lightbox"/>').appendTo("body");
	
}); 

var enabledRegionIds = new Array();
var enabledRegionTitles = new Array();

var flashvars = { 
	hoverSpeed :0.4
};

var params = {
	menu :"false",
	wmode :"transparent"
};

function deployMap() {
	swfobject.embedSWF("assets/flash/map.swf", "projectsMapInner", "685", "386", "9.0.0", "expressInstall.swf", flashvars, params);
}

function regionClick(id) {
	id = "#state-" + id.toUpperCase();
	$(id).clone().appendTo("#lightbox");
	$("#lightbox").overlay(
		{  
			api: true,
			onLoad: function () {
			},
			speed: '0',
			expose: {
				color: '#000000',
				loadSpeed: 'fast'
			},
			onBeforeClose:  function () {
				$("#lightbox").empty();
			}
		}
	).load();
}

function getEnabledRegionIds() {
	return enabledRegionIds;
}

function setEnabledRegionIds(value) {
	enabledRegionIds = value;
	deployMap();
}

function getEnabledRegionTitles() {
	return enabledRegionTitles;
}

function setEnabledRegionTitles(value) {
	enabledRegionTitles = value;
}
