/*

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 findTop(obj) {

	var curleft = curtop = 0;

	if (obj.offsetParent) {

		curleft = obj.offsetLeft

		curtop = obj.offsetTop

		while (obj = obj.offsetParent) {

			curleft += obj.offsetLeft

			curtop += obj.offsetTop

		}

	}

	return curtop;

}



function findLeft(obj) {

	var curleft = curtop = 0;

	if (obj.offsetParent) {

		curleft = obj.offsetLeft

		curtop = obj.offsetTop

		while (obj = obj.offsetParent) {

			curleft += obj.offsetLeft

			curtop += obj.offsetTop

		}

	}

	return curleft;

}



function displayDetail(obj, info){



	var offsetX = 200; // INFO BOX X OFFSET

	var offsetY = 0; // INFO BOX Y OFFSET

	var topPos = 0;

	var leftPos = 0;

	

	if((navigator.appName.indexOf("Microsoft")>-1) || (navigator.appName.indexOf("MSIE")>-1)){

	//What to do if it is IE.

	// offsetY = 127;	

    // offsetX = 360; // INFO BOX X OFFSET	   	

	  if (obj.offsetTop == 0) {

	    topPos = findTop(obj);

	  }  

	  else {

	    topPos = findTop(obj);

	  }

  	  leftPos = findLeft(obj) + 200;

	}

	else {

	  topPos = obj.offsetTop + offsetY; 

	  leftPos = obj.offsetLeft + offsetX;

	}

	

    //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 = leftPos + 'px'; //Set Left

    detailDiv.style.top = topPos + 'px'; //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

	}

}