/* Custom variables */
var staticDivContent;

/* Offset position of tooltip */
var x_offset_tooltip = 0;
var y_offset_tooltip = 0;

/* Don't change anything below here */

var ajax_tooltipObj = false;
var ajax_tooltipObj_iframe = false;

var ajax_tooltip_MSIE = false;
if(navigator.userAgent.indexOf('MSIE')>=0)ajax_tooltip_MSIE=true;


function ajax_showTooltip(externalFile,inputObj,staticContent) {
	if(!ajax_tooltipObj)	/* 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 */
		leftDiv.id = 'arrowDiv';
		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';
		
		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';
	if (staticContent) {
		staticDivContent='<div style="text-align:right;width:100%"><a style="color:red;font-weight:bold;" href="javascript:ajax_hideTooltip();">[X]</a></div><div id="tooltipStaticContent" style="height:160px;overflow:auto;margin-top:6px;font-size:10px;text-align:left;width:100%;">'+externalFile+'</div>';
		document.getElementById('ajax_tooltip_content').innerHTML=staticDivContent;
	} else {
		ajax_loadContent('ajax_tooltip_content',externalFile);
	}	
	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}

	ajax_positionTooltip(inputObj);
}

function ajax_positionTooltip(inputObj){
	var tooltipWidth=document.getElementById('ajax_tooltip_content').offsetWidth +  document.getElementById('arrowDiv').offsetWidth; 
	var leftPos=(ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
	var topPos=ajaxTooltip_getTopPos(inputObj);	
	var rightedge=ajax_tooltip_MSIE? document.body.clientWidth : window.innerWidth
	var bottomedge=ajax_tooltip_MSIE? document.body.clientHeight: window.innerHeight
	
	if (leftPos+tooltipWidth>=rightedge) {
		var temp_leftPos=leftPos-inputObj.offsetWidth-tooltipWidth-16
		if (temp_leftPos<0) {
			leftPos=leftPos-tooltipWidth;
			document.getElementById('arrowDiv').className='ajax_tooltip_leftarrow';
		} else {
			leftPos=temp_leftPos;
			document.getElementById('arrowDiv').className='ajax_tooltip_rightarrow';			
		}	
	} else {
		document.getElementById('arrowDiv').className='ajax_tooltip_leftarrow';
	}

	ajax_tooltipObj.style.left = x_offset_tooltip+leftPos + 'px';
	ajax_tooltipObj.style.top = y_offset_tooltip+topPos + 'px';	
}


function ajax_hideTooltip() {
	if(ajax_tooltipObj)	ajax_tooltipObj.style.display='none';
}

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){
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}