/*
function displayDetail(obj, info){

	var offsetX = 280; // INFO BOX X OFFSET
	var offsetY = 25; // INFO BOX Y OFFSET
	
	//alert("obj.offsetLeft: " + obj.offsetLeft + "\nobj.offsetTop: " + obj.offsetTop);
	
	detailDiv = document.getElementById('detail');
	detailDiv.innerHTML = info; // WRITE CONTENTS OF "DETAIL" DIV
	detailDiv.style.left = obj.offsetLeft + offsetX; //Set Left
	detailDiv.style.top = obj.offsetTop + offsetY; //Set Top
	detailDiv.style.display = 'block'; //Make Visible
	
	obj.onmouseout = function () {
		   detailDiv.style.display ="none"; //Hide Element
	}
}
*/
function displayDetail(obj, info){

	var offsetX = 230; // INFO BOX X OFFSET
	var offsetY = -10; // INFO BOX Y OFFSET
	
	if((navigator.appName.indexOf("Microsoft")>-1) || (navigator.appName.indexOf("MSIE")>-1)){
	//What to do if it is IE.
	offsetY = offsetY + 135;
	}
	
	//alert("obj.offsetLeft: " + obj.offsetLeft + "\nobj.offsetTop: " + obj.offsetTop);
	
	detailDiv = document.createElement('div');
	//detailDiv = document.getElementById('detail');
	detailDiv.setAttribute("id","detail");
	detailDiv.innerHTML = info; // WRITE CONTENTS OF "DETAIL" DIV
	detailDiv.style.left = obj.offsetLeft + offsetX; //Set Left
	detailDiv.style.top = obj.offsetTop + offsetY; //Set Top
	detailDiv.style.display = 'block'; //Make Visible
	
	// add to DOM
	obj.appendChild(detailDiv);
	
	obj.onmouseout = function () {
			// remove from DOM
			obj.removeChild(detailDiv);
		   //detailDiv.style.display ="none"; //Hide Element
	}
}