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

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(eid,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',divContent);

	var eventel = "eventContentDiv" + eid;

	document.getElementById('ajax_tooltip_content').innerHTML = document.getElementById(eventel).innerHTML;

	//document.getElementById('ajax_tooltip_content').innerHTML = 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,leftDiv);

}



function ajax_addTooltip(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_positionTooltip(inputObj)

{

/*	document.getElementById('ajax_tooltip_arrow').style.display="block"; */

	ajax_tooltipObj.style.top = '';

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

	var topPos = ajaxTooltip_getTopPos(inputObj);

	var tooltipWidth = document.getElementById('ajax_tooltip_content').offsetWidth + document.getElementById('ajax_tooltip_arrow').offsetWidth; 

	var tooltipHeight = document.getElementById('ajax_tooltip_content').offsetHeight; 



 	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 offset = tooltipWidth - rightedge;

	var offsetv = tooltipHeight - bottomedge-110;

	if(offset > 0) 

	{

		

		var leftPos = leftPos - tooltipWidth - inputObj.offsetWidth - document.getElementById('ajax_tooltip_arrow').offsetWidth;

		var rightPos = document.getElementById('ajax_tooltip_content').offsetRight + tooltipWidth;

		document.getElementById('ajax_tooltip_arrow').style.left=tooltipWidth+'px';		

		document.getElementById('ajax_tooltip_arrow').style.backgroundImage="url('images/arrow_black_r.gif')";

	}	

	else

	{

		document.getElementById('ajax_tooltip_arrow').style.backgroundImage="url('images/arrow_black.gif')";

		document.getElementById('ajax_tooltip_arrow').style.backgroundImage="url('images/arrow_black.gif')";

		document.getElementById('ajax_tooltip_arrow').style.left='0px';

	}

	
/*
	if(topPos+tooltipHeight > window.innerHeight) 

	{
	    var topPos = topPos - tooltipHeight + 100;
            document.getElementById('ajax_tooltip_arrow').style.top= (tooltipHeight-100) + 'px';
		window.scroll(leftPos,topPos-50);
	}	

	else

	{

		document.getElementById('ajax_tooltip_arrow').style.top= '0px';

	}

*/

//if(offsetv > 0) { 
setTimeout('window.scrollTo(0,'+topPos+'-50)',1); 
//}


	//var rightedge= window.innerWidth-leftPos

	//var bottomedge= window.innerHeight-topPos





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

	ajax_tooltipObj.style.left = leftPos + '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;

}