var obj
var currentDiv
window.onload = init

if (document.getElementById && document.getElementsByTagName) 
	{
		document.write ("<style type=\"text/css\" media=\"screen\" title=\"Default\">@import \"../_assets/client/css/default/map.css\";</style>");
		window.onload = init
	}


function init()
{
	var map = document.getElementById("map")
	var close = document.createElement("A")
	close.href = "#"
	close.className = "close"
	close.onmousedown = closeMap
	map.appendChild(close)
	obj = close
	var UL = map.getElementsByTagName("UL")[0]
	var A = UL.getElementsByTagName("A")
	for (i=0; i < A.length; i++)
	{

		A[i].onmouseover  = hover
		A[i].onclick = trigger
	}
 
}

function trigger()
{
	obj.style.display = "block"
	var map = document.getElementById("map")
	var divs = map.getElementsByTagName("DIV")
	for (c=0; c<divs.length; c++)
	{
		if (c>1)
		{
			divs[c].style.display = "none"
		}
	}
	var divClass = this.href.split("#")[1]
	currentDiv = divClass
	document.getElementById(divClass).style.display = "block"
	return false
}

function hover()
{
	var divClass = this.href.split("#")[1]
	var country = document.getElementById(divClass)
	var label = document.getElementById("label").innerHTML = country.getElementsByTagName("H2")[0].firstChild.nodeValue
}

function closeMap()
{
	this.style.display = "none"
		document.getElementById(currentDiv).style.display = "none"
}