window.onload = function(){
	var tooltipItem = null;
	var count=0;
	var ch;
	var em = document.createElement('em');
	var close=document.createElement('strong');
	var mi = document.getElementById('map-overlay').childNodes;
	document.getElementById('map-overlay').onclick = function(e){
		if(!e) e = window.event;
		if(navigator.userAgent.substring(29,25)=='MSIE'){
			if( e.srcElement.nextSibling !== null ){
				count = e.srcElement.nextSibling.childNodes.length;
				for(var i = 0; i<count; i++){
					ch = e.srcElement.nextSibling.childNodes[i];
					if(ch.nodeType==1) {
						ch.style.display='none';			
					}			
				}
			}
		} else {
			if( e.target.nextElementSibling !== null ){
				count = e.target.nextElementSibling.childNodes.length;
				for(var i = 0; i<count; i++){
					ch = e.target.nextElementSibling.childNodes[i];
					if(ch.nodeType==1) {
						ch.style.display='none';			
					}			
				}
			}
		}
	}
	for (i = 0; i < mi.length; i++) {
		if(mi[i].nodeType == 1) {
			mi[i].firstChild.onclick = function(e) {
				if (!e) e = window.event;
				if(tooltipItem != null) {
					tooltipItem.style.display = 'none';
					tooltipItem.removeChild(em);
					tooltipItem.removeChild(close);
				}
				targetRel = (e.target) ? e.target.rel : e.srcElement.rel;
				tooltipItem = document.getElementById(targetRel);
				tooltipItem.appendChild(em);
				tooltipItem.appendChild(close);
				tooltipItem.style.display = 'block';
				tooltipItem.getElementsByTagName('strong')[0].onclick = function(e) {
					if(!e) e = window.event;
					if(navigator.userAgent.substring(29,25)=='MSIE'){
						e.srcElement.offsetParent.style.display='none';
					} else {
						e.target.offsetParent.style.display='none';
					}
				}												
				return false;
			} 
		}
	}
}
