window.onload = function () {
	//	tooltipInit();
	};

	var tooltipMap = new Object();
	tooltipMap.current_dt = null;
	tooltipMap.current_dd = null;


	tooltipInit = function () {

		var dl_elements = document.getElementsByTagName("h6");
		for (var i = 0, dl_element, j = 0, dt_element; i < dl_elements.length; i++) {
			dl_element = dl_elements[i];
			if (dl_element.className != "hoverbox") {
				continue;
			}
			dl_element.onmouseover = tooltipMap.show;
			dl_element.onclick = tooltipMap.hide;
		}
		
	};

	tooltipMap.show = function (e) {
		
			if (!tooltipMap.current_dd) {
				//tooltipMap.update(e);
			}
	
		e = e || window.event;
		var target = e.target || e.srcElement;
		//var target = e.target || e.href;
		var node = target;
				
		while (node.nodeName != "SPAN" && node.nodeName != "H6" && node!= null) {

			node = node.parentNode;
			
		}

		tooltipMap.current_dt = node;
		if (tooltipMap.current_dt.corresponding_dd) {
			tooltipMap.current_dd = tooltipMap.current_dt.corresponding_dd;
		} else {
			//while (node.nodeName != "DIV" && node.nodeName != null) {
			while (node.nodeName != "DIV" && node != null) {
				node = node.nextSibling;
			}
			tooltipMap.current_dd = tooltipMap.current_dt.corresponding_dd = node;
		}

		if (e.pageX) {
			tooltipMap.x = e.pageX;
			tooltipMap.y = e.pageY;
		}
		else if (document.documentElement && document.documentElement.scrollTop) {
			tooltipMap.x = e.clientX + document.documentElement.scrollLeft;
			tooltipMap.y = e.clientY + document.documentElement.scrollTop;
		} else if (document.body) {
			tooltipMap.x = e.clientX + document.body.scrollLeft;
			tooltipMap.y = e.clientY + document.body.scrollTop;
		}


		tooltipMap.current_dd.className = "visible";
		document.getElementById(tooltipMap.current_dd.id).style.display = "block";
		document.getElementById(tooltipMap.current_dd.id).style.visibility = "visible";

		tooltipMap.current_dd.style.left = (tooltipMap.x) + "px";
		tooltipMap.current_dd.style.top = (tooltipMap.y) + "px";
		
		if(document.getElementById('exampleBox1')!=null){
			document.getElementById('exampleBox1').style.top = "280px";
			document.getElementById('exampleBox1').style.left = "530px";
		}
		if(document.getElementById('exampleBox2')!=null){
			document.getElementById('exampleBox2').style.top = "70px";
			document.getElementById('exampleBox2').style.left = "10px";
		}
		if(document.getElementById('exampleBox3')!=null){
			document.getElementById('exampleBox3').style.top = "150px";
			document.getElementById('exampleBox3').style.left = "30px";
		}
		if(document.getElementById('exampleBox4')!=null){
		document.getElementById('exampleBox4').style.top = "50px";
		document.getElementById('exampleBox4').style.left = "420px";
		}
		if(document.getElementById('exampleBox5')!=null){
			document.getElementById('exampleBox5').style.top = "30px";
			document.getElementById('exampleBox5').style.left = "300px";
		}
		if(document.getElementById('exampleBox6')!=null){
			document.getElementById('exampleBox6').style.top = "60px";
			document.getElementById('exampleBox6').style.left = "280px";
		}

		var	loopId = '';
		for(kk=1;kk<9;kk++){
			loopId = "exampleBox"+kk;
		//alert(loopId);
			if(tooltipMap.current_dd.id==loopId){
				//alert(kk);
			}
			else{
				if(document.getElementById(loopId)){
					document.getElementById(loopId).style.display = "none";
					document.getElementById(loopId).style.visibility = "hidden";
				}
			}
		}


	};

	tooltipMap.hide = function () {    
		tooltipMap.current_dd.className = "hidden";
		tooltipMap.current_dd.style.left = "-9000px";
	};