var lastTab = document.getElementById('tab1');
var hpanel = new Spry.Widget.HTMLPanel("flash_map", {evalScripts:false});
var loadingImage = new Image();
loadingImage.src="Images/loading.gif";
loadingImage.className = 'loadingImage';
hpanel.loadContent('usa-flash-map.htm');
hpanel.addObserver(loadHandler);
function selectTab(tabID) {
	var newTab = document.getElementById(tabID);
	lastTab.className = lastTab.className.replace(new RegExp(" ?" + 'selectedTab'), "");
	newTab.className = newTab.className + " " + 'selectedTab';
	lastTab = newTab;
}
function loadHandler(type,sender,data){
	if (type == "onPreLoad"){
		// show loading grahpic
		document.getElementById("flash_map").innerHTML="";
		document.getElementById("flash_map").appendChild(loadingImage);
	 } else if (type=="onLoadError"){
		document.getElementById("flash_map").innerHTML="Unable to load dynamic content. "
						+ "Please use the links at the left to view a static version.";
	}
}
function switchTabs(){
	var cdd = document.getElementById('countryDropdown');
	selectTab(this.id);
	switch (this.id){
		case 'tab1':
			hpanel.loadContent('usa-flash-map.htm');
			cdd.style.display = 'none';
			break;
		case 'tab2':
			hpanel.loadContent('world-flash-map.htm');
			cdd.style.display = 'block';
			break;
	}
	return false;
}
for (var i = 1; i <= 2; i++)
	document.getElementById('tab' + i).onclick = switchTabs;