var realHeight;

function toggleIt() {
	var toggleShowing 	= document.getElementById('toggle');
	var toggleHidden 	= document.getElementById('toggleHidden');
	var regionList 		= document.getElementById('regionList');
	var enhanced 		= document.getElementById('enhanced');
	var enhancedAlt 	= document.getElementById('enhanced-alt');
	var map 			= document.getElementById('map');
	var mapAlt 			= document.getElementById('map-alt');
	var container 		= document.getElementById('temp');
	
	if (toggleShowing) {	// HIDE IT
		bytefx.size(container,{width:550,height:0},55,function(){
			bytefx.fade(enhanced, 100, 0, 5, function(){
				toggleShowing.id = "toggleHidden";
				enhanced.id = "enhanced-alt";
				map.id = "map-alt";
				bytefx.fade(document.getElementById('enhanced-alt'), 0, 99, 5)
			});
		});
	}
	
	if (toggleHidden) {		// SHOW IT
		bytefx.fade(enhancedAlt, 100, 0, 5, function(){
			toggleHidden.id = "toggle";
			enhancedAlt.id = "enhanced";
			mapAlt.id = "map";
			bytefx.fade(enhancedAlt, 0, 99, 4, function(){
				bytefx.size(container,{width:550,height:realHeight},45);	
			});
		});
	}
	
}

function initAnimation() {
	var toggleShowing 	= document.getElementById('toggle');
	var toggleHidden 	= document.getElementById('toggleHidden');
	var regionList 		= document.getElementById('regionList');
	var enhanced 		= document.getElementById('enhanced');
	var enhancedAlt 	= document.getElementById('enhanced-alt');
	var map 			= document.getElementById('map');
	var mapAlt 			= document.getElementById('map-alt');
	var container 		= document.getElementById('temp');
	
	// BOUNCE AND HIDE THE TOGGLE
	bytefx.size(container,{width:550,height:0},35,function(){
		bytefx.size(container,{width:550,height:20},55,function(){
			bytefx.size(container,{width:550,height:15},55,function(){
				bytefx.size(container,{width:550,height:0},20,function(){
					bytefx.fade(enhanced, 100, 0, 5, function(){
						bytefx.alpha(toggleShowing, 10);
						toggleShowing.id = "toggleHidden";
						enhanced.id = "enhanced-alt";
						map.id = "map-alt";
						bytefx.fade(enhanced, 0, 99, 5);
					});
				});
			});
		});
	});
}

function hookMap() {
			
	var el = document.getElementById('regionDetails');
	el.id = "enhanced";
	var el = document.getElementById('enhanced');
	realHeight = bytefx.$size(el).height + 7;
	
	var toggle = document.createElement("div");
	toggle.setAttribute("id","toggle");
	el.appendChild(toggle);
	
	var trigger = document.createElement("a");
	trigger.setAttribute("id","trigger");
	trigger.setAttribute("href","#");
	var message = document.createTextNode("Hide Regions");
	trigger.appendChild(message);
	toggle.appendChild(trigger);
	
	setTimeout('initAnimation()',800);
	
	trigger.onclick = function() {
		toggleIt();
		return false;
	}
}

window.onload = hookMap;