function OpenDiv(theURL, TbId, DivId, MapId, Area, posX, posY)  
{
	//-----------mouse Position 
	var mouseX = event.clientX;
	var mouseY = event.clientY;
	
	//-----------Range position
	var myMap = document.getElementById( MapId );	
	var rangeLeft = getLeft(myMap) + Area.offsetLeft;
	var rangeTop = getTop(myMap) + Area.offsetTop;
	
	var myMidX = rangeLeft + Area.offsetWidth/2;
	var myMidY = rangeTop;
	//var rangeRight = rangeLeft + area.offsetWidth;
	//var rangeButtom = rangeTop + area.offsetHeight;	
	
	//alert(rangeLeft+":"+mouseX+":"+mouseY+":"+rangeTop+":"+rangeRight+":"+rangeButtom);
	
	var myDiv = document.getElementById(DivId);
	myDiv.style.display = "none";
	
  	var hr = new ActiveXObject("Msxml2.XMLHTTP");
	hr.onreadystatechange = function()
	{
		if (hr.readyState == 4 && hr.status == 200)
		{
		    var PtStr = hr.responseText;
			myDiv.innerHTML = PtStr;
			var myTab = document.getElementById(TbId);
			//alert(myTab.id);
			myDiv.style.position = "absolute";
			myDiv.style.left = myMidX- myTab.width/2+posX;//mouseX - myTab.width/2;
			myDiv.style.top = myMidY- myTab.height +posY;//mouseY - myTab.height-50;
			myDiv.style.display = "";		    
		}
	}
	hr.open('GET', theURL, true);	
	hr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	hr.send(null);  
}

function getLeft(e)
{
	var offset = e.offsetLeft;
	if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
	return offset;
}

function getTop(e)
{
	var offset = e.offsetTop;
	if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
	return offset;
}