// JavaScript Document

/* Custom variables */
/* Offset position of tooltip */

var x_offset_tooltip = 10;
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(AppPath,inputObj, HelpID)
{
	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);
		
		// contentDiv holds the text
		var contentDiv = document.createElement('div'); /* Create tooltip content div */
		contentDiv.id = 'ajax_tooltip_content';
		contentDiv.className='help_content';
		contentDiv.innerHTML="Loading..";
		ajax_tooltipObj.appendChild(contentDiv);
		
		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='#FFFFFF';
			ajax_tooltipObj_iframe.style.zindex='1000000';
			ajax_tooltipObj_iframe.style.display='block';
			ajax_tooltipObj_iframe.src = AppPath + '/_common/blank.htm';
    		ajax_tooltipObj_iframe.name = 'tooltip';
			ajax_tooltipObj_iframe.id = 't1';
			ajax_tooltipObj.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_positionTooltip(inputObj);
	GetHelp(AppPath, HelpID);
}

function ajax_positionTooltip(inputObj)
{
	var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
	var topPos = ajaxTooltip_getTopPos(inputObj);
	
	/*
	var rightedge=ajax_tooltip_MSIE? document.body.clientWidth-leftPos : window.innerWidth-leftPos
	var bottomedge=ajax_tooltip_MSIE? document.body.clientHeight-topPos : window.innerHeight-topPos
	*/
	var tooltipWidth = document.getElementById('ajax_tooltip_content').offsetWidth; 
	// Dropping this reposition for now because of flickering
	//var offset = tooltipWidth - rightedge; 
	//if(offset>0)leftPos = Math.max(0,leftPos - offset - 5);
	
	ajax_tooltipObj.style.left = (parseInt(leftPos,0)+parseInt(x_offset_tooltip,0)) + 'px';
	ajax_tooltipObj.style.top = topPos + 'px';	
}

function ajax_hideTooltip()
{
	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;
}

function GetHelp(AppPath, HelpID) {

    req = initXMLHttpClient();
  	var url=AppPath + "/_code/scrpt/tooltip.aspx?Id=" + HelpID;

    // Lets monitor the HttpRequestObject
    req.onreadystatechange = function() {
    if (req.readyState == 4) {
        if (req.status == 200) {
            var a = document.getElementById('ajax_tooltip_content');
            var b = document.getElementById('ajax_tooltipObj');
	        a.innerHTML=req.responseText;
            if(ajax_tooltip_MSIE){
		        ajax_tooltipObj_iframe.style.width = '200px';
		        ajax_tooltipObj_iframe.style.height = a.clientHeight + 'px';
		    }
	    } else {
            return ('Loading Error: ['+req.status+'] ' +req.statusText);
        }
        }
    }
    req.open('GET', url, true);    
    req.send(null);
}