/************************************************************************************************************

Ajax tooltip

Copyright (C) 2006  DTHMLGoodies.com, Alf Magne Kalleland



This library is free software; you can redistribute it and/or

modify it under the terms of the GNU Lesser General Public

License as published by the Free Software Foundation; either

version 2.1 of the License, or (at your option) any later version.



This library is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU

Lesser General Public License for more details.



You should have received a copy of the GNU Lesser General Public

License along with this library; if not, write to the Free Software

Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA



Dhtmlgoodies.com., hereby disclaims all copyright interest in this script

written by Alf Magne Kalleland.



Alf Magne Kalleland, 2006

Owner of DHTMLgoodies.com

	

************************************************************************************************************/	









/* 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 ajax_tooltip_MSIE = false;

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





function ajax_showTooltip(externalFile,inputObj)

{

	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.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';

		

		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);

	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_showTooltip2(externalFile,inputObj)

{

	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.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_content2';

		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.style.width='800';

			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);

	if(ajax_tooltip_MSIE){

		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';

		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';

	}



	ajax_positionTooltip2(inputObj);

}

















function ajax_showTooltip3(externalFile,inputObj)

{

	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.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_content3';

		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.style.width='800';

			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);

	if(ajax_tooltip_MSIE){

		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';

		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';

	}



	ajax_positionTooltip3(inputObj);

}






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 +  document.getElementById('ajax_tooltip_arrow').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 = leftPos + 'px';

	ajax_tooltipObj.style.top = topPos + 'px';	

	

	

}












function ajax_positionTooltip2(inputObj)

{

	var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);



	var topPos = 500;

	

	/*

	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 +  document.getElementById('ajax_tooltip_arrow').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 = '220px';

	ajax_tooltipObj.style.top = topPos + 'px';	

	

	

}











function ajax_positionTooltip3(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 +  document.getElementById('ajax_tooltip_arrow').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 = leftPos + 'px';

	ajax_tooltipObj.style.top = topPos-190 + '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;

}