/************************************************************************************************************
(C) www.dhtmlgoodies.com, June 2006

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

************************************************************************************************************/


/* Custom variables */

/* Offset position of tooltip */
var x_offset_tooltip = 5;
var y_offset_tooltip = 0;

/* Don't change anything below here */


var ajax_tooltipObj = false;
var ajax_tooltipObj_iframe = false;
var openPopup = false;

var ajax_tooltip_MSIE = false;
if(navigator.userAgent.indexOf('MSIE')>=0)ajax_tooltip_MSIE=true;


function ajax_showTooltip(externalFile,inputObj, isRight)
{
	ajax_hideTooltip();
	ajax_tooltipObj = false;
	if(!ajax_tooltipObj || ajax_tooltipObj == null)	/* Tooltip div not created yet ? */
	{
		ajax_tooltipObj = document.createElement('DIV');
		ajax_tooltipObj.style.position = 'absolute';
		ajax_tooltipObj.id = 'ajax_tooltipObj';		
		document.body.appendChild(ajax_tooltipObj);

		
		var leftDiv = document.createElement('DIV');	/* Create arrow div */
		if ( isRight ) {
			leftDiv.className='ajax_tooltip_arrow_right';
		} else {
			leftDiv.className='ajax_tooltip_arrow';
		}
		leftDiv.id = 'ajax_tooltip_arrow';
		ajax_tooltipObj.appendChild(leftDiv);
		
		var contentDiv = document.createElement('DIV'); /* Create tooltip content div */
		contentDiv.className = 'ajax_tooltip_content';
		ajax_tooltipObj.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
		contentDiv.style.width = '200px';
		
		if(ajax_tooltip_MSIE){	/* Create iframe object for MSIE in order to make the tooltip cover select boxes */
			ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
			ajax_tooltipObj_iframe.style.position = 'absolute';
			ajax_tooltipObj_iframe.border='0';
			ajax_tooltipObj_iframe.frameborder=0;
			ajax_tooltipObj_iframe.style.backgroundColor='#FFF';
			ajax_tooltipObj_iframe.src = 'about:blank';
			contentDiv.appendChild(ajax_tooltipObj_iframe);
			ajax_tooltipObj_iframe.style.left = '0px';
			ajax_tooltipObj_iframe.style.top = '0px';
		}

			
	}
	// Find position of tooltip
	ajax_tooltipObj.style.display='block';
	ajax_loadContent('ajax_tooltip_content',externalFile);
	openPopup = true;

	ajax_positionTooltip(inputObj, isRight);
}

function ajax_positionTooltip(inputObj, isRight)
{
	var leftPos = (ajaxTooltip_getLeftPos(inputObj, false/*isRight*/) + inputObj.offsetWidth);
	var topPos = ajaxTooltip_getTopPos(inputObj);

	if ( isRight ) {
		leftPos = leftPos - 200;
	}

	ajax_tooltipObj.style.left = leftPos + 'px';
	ajax_tooltipObj.style.top = topPos + 'px';	
	
	
}


function ajax_hideTooltip()
{
	if( typeof ajax_tooltipObj == 'object' ) {
		ajax_tooltipObj.style.display='none';
		if ( ajax_tooltipObj ) {
			try {
				document.body.removeChild(ajax_tooltipObj);
			} catch (e) {
				// TODO: handle exception
			}
		}
	}
}

function ajaxTooltip_getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function ajaxTooltip_getLeftPos(inputObj, isRight)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  if ( isRight ) {
	var mydiv = document.getElementById("ajax_tooltip_content")
	var mydivstyle = window.getComputedStyle(mydiv, "")
	var divWidth = mydivstyle.getPropertyValue("width")
	divWidth = divWidth.substr(0, divWidth.length - 2) * 1
  	returnValue = returnValue - (2 * parseInt(divWidth));
  }
  return returnValue;
}

function closeTooltip() {
	if( openPopup == true ) {
		openPopup = false;
		ajax_hideTooltip();
	} else {
		ajax_hideTooltip();
	}
}
if (document.body && document.body.attachEvent) {
	document.body.attachEvent("onclick", closeTooltip);
} else {
	if ( document.body )
		document.body.addEventListener("click", closeTooltip, false);
}
//document.onclick = closeTooltip;