function showMap(mapUrl)
{
    var objBody = document.getElementsByTagName("body").item(0);
    
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay1');
	
	var divHref1 = document.createElement("div");
	objOverlay.insertBefore(divHref1, objOverlay.firstChild);
    divHref1.insertBefore(getHref(), divHref1.firstChild);
    
    var ifr = document.createElement("iframe");
	ifr.setAttribute("src", mapUrl);
	ifr.setAttribute("width", "100%");
	ifr.setAttribute("height", "90%");
	objOverlay.insertBefore(ifr, objOverlay.firstChild);
	
	var divHref = document.createElement("div");
	objOverlay.insertBefore(divHref, objOverlay.firstChild);
    divHref.insertBefore(getHref(), divHref.firstChild);
    
	objOverlay.style.display = 'block';
	objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%';
 	objOverlay.style.height = '100%';
 	objOverlay.style.backgroundColor = '#000000';
	objBody.insertBefore(objOverlay, objBody.lastChild);
}

function getHref()
{
	var hrefClose = document.createElement("a");
	hrefClose.appendChild(document.createTextNode("Close Map X"));
	hrefClose.setAttribute('href','#');
	hrefClose.setAttribute('style','color: red; font-weight: bold; font-size: 18px;');
	hrefClose.setAttribute('title','Click to close');
	hrefClose.onclick = function () {hideMap(); return false;}
	return hrefClose;
}

function hideMap()
{
    var map = document.getElementById("overlay1");
    map.style.display = 'none';
}

function showHide(id)
{
    var div = document.getElementById(id);
    var plus = document.getElementById("plus" + id);
    if(div.style.display == "none")
    {
        div.style.display = "block";
        plus.src = "/images/minus.gif";
    }
    else
    {
        div.style.display = "none";
        plus.src = "/images/plus.gif";
    }
}