/************************************************************************************************************
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;

var ajax_tooltipObjPop = false;
var ajax_tooltipObj_iframePop = false;

var globTempX = 0;
var globTempY = 0;
var move = false;
var obj;

var IE = document.all?true:false

	// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)



function showTooltip(text,inputObj, breedte, hoogte)
{
	if(!ajax_tooltipObj)	/* Tooltip div not created yet ? */
	{
		//erbij
	/*	if(ajax_tooltip_MSIE){	
			ajax_tooltipObj_iframe0 = document.createElement('<IFRAME frameborder="0">');
			ajax_tooltipObj_iframe0.style.position = 'absolute';
			ajax_tooltipObj_iframe0.border='0';
			ajax_tooltipObj_iframe0.frameborder=0;
			ajax_tooltipObj_iframe0.style.backgroundColor='#FFF';
			ajax_tooltipObj_iframe0.src = 'about:blank';
			ajax_tooltipObj_iframe0.style.left = '0px';
			ajax_tooltipObj_iframe0.style.top = '0px';
			ajax_tooltipObj_iframe0.className = "ajax_tooltipObj";
			document.body.appendChild(ajax_tooltipObj_iframe0);
		}*/
		
		ajax_tooltipObj = document.createElement('DIV');
		ajax_tooltipObj.style.position = 'absolute';
		ajax_tooltipObj.id = 'ajax_tooltipObj';	
		
	/*	if(ajax_tooltip_MSIE) //erbij
		   ajax_tooltipObj_iframe0.appendChild(ajax_tooltipObj);			
		else*/
		   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';*/
			
			ajax_tooltipObj.appendChild(ajax_tooltipObj_iframe);
			
			
		//	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';
	var contentdivOBJ = document.getElementById('ajax_tooltip_content'); //.innerHTML = text;	
	if (contentdivOBJ)
	{
		contentdivOBJ.innerHTML = text;
		if (breedte) contentdivOBJ.style.width  = breedte + 'px';
		if (hoogte)  contentdivOBJ.style.height = hoogte + 'px';

//	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_tooltipObj_iframe.style.width  = contentdivOBJ.style.width;
		ajax_tooltipObj_iframe.style.height = contentdivOBJ.style.height;
	}*/
			
		
	}
	
	 


	ajax_positionTooltip(inputObj);
}

function ajax_positionTooltip(inputObj)
{
	var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
	var topPos = ajaxTooltip_getTopPos(inputObj);
	var contentdivOBJ = document.getElementById('ajax_tooltip_content'); 
	
	if (contentdivOBJ == null || ajax_tooltipObj == false) return; // bail out...
	
	/*
	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 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 showTooltipPop(text,breedte, hoogte)
{
	breedte = ajax_tooltip_MSIE? document.body.clientWidth-60 : window.innerWidth-60;
	if (breedte > 550) breedte = 550;

	
	if(!ajax_tooltipObjPop)	/* Tooltip div not created yet ? */
	{
		ajax_tooltipObjPop = document.createElement('DIV');
		ajax_tooltipObjPop.style.position = 'absolute';
		ajax_tooltipObjPop.id = 'ajax_tooltipObjPop';		
		document.body.appendChild(ajax_tooltipObjPop);
		ajax_tooltipObjPop.onmouseup = MoveTooltipPopUp;
		ajax_tooltipObjPop.onblur = MoveTooltipPopUp;

		
		
		var balkDiv = document.createElement('DIV');	/* Create balk div */
		balkDiv.className='ajax_tooltip_balk';
		balkDiv.id = 'ajax_tooltip_balk';
	//	balkDiv.width  = breedte;
	//	balkDiv.height = 25;
		
	//	leftDiv.left = breedte-30 + 'px';
	//	leftDiv.top  = 10 + 'px';
		balkDiv.onmousedown = MoveTooltipPopDown;
		balkDiv.onmousemove = MoveTooltipPop;
		balkDiv.onmouseup = MoveTooltipPopUp;
		balkDiv.onblur = MoveTooltipPopUp;

		
		ajax_tooltipObjPop.appendChild(balkDiv);
		

		var closeDiv = document.createElement('DIV');	/* Create close div */
		closeDiv.className='ajax_tooltip_close';
		closeDiv.id = 'ajax_tooltip_close';
	//	leftDiv.left = breedte-30 + 'px';
	//	leftDiv.top  = 10 + 'px';
		closeDiv.onclick = hideTooltipPop;
		ajax_tooltipObjPop.appendChild(closeDiv);
		
		var contentDiv = document.createElement('DIV'); /* Create tooltip content div */
		contentDiv.className = 'ajax_tooltip_content';
		ajax_tooltipObjPop.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
	//	if (breedte) contentDiv.style.width  = breedte + 'px';
	//	if (hoogte)  contentDiv.style.height = hoogte + 'px';
		
		
		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';*/
			
			ajax_tooltipObjPop.appendChild(ajax_tooltipObj_iframe);
		}

			
	}

	// Find position of tooltip
	ajax_tooltipObjPop.style.display='block';
	var contentdivOBJ = document.getElementById('ajax_tooltip_content'); //.innerHTML = text;	
	if (contentdivOBJ)
	{
		contentdivOBJ.innerHTML = text;
		if (breedte) contentdivOBJ.style.width  = breedte + 'px';
		if (hoogte)  contentdivOBJ.style.height = hoogte - 30 + 'px';
		
		var closedivOBJ = document.getElementById('ajax_tooltip_close'); 
		closedivOBJ.style.left = breedte - 10 + 'px';		
		
		var balkdivOBJ = document.getElementById('ajax_tooltip_balk'); 
		balkdivOBJ.style.width = breedte - 4 + 'px';		
		
	//	closedivOBJ.top  = 10;	
	//	alert(closedivOBJ.left);


	}
	
	 
//	ajax_loadContent('ajax_tooltip_content',externalFile);
/*	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObjPop.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObjPop.clientHeight + 'px';
	}*/

	ajax_positionTooltipPop();
}

function ajax_positionTooltipPop()
{
//	var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
//	var topPos = ajaxTooltip_getTopPos(inputObj);
	var contentdivOBJ = document.getElementById('ajax_tooltip_content'); 
	
	
	if (contentdivOBJ == null || ajax_tooltipObjPop == false) return; // bail out...
	
	
	var ScrollTop = document.body.scrollTop;

	if (ScrollTop == 0)
	{
	    if (window.pageYOffset)
	       ScrollTop = window.pageYOffset;
	    else
	        ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	
	var topPos  = screen.availHeight * 0.01 + ScrollTop;
	var leftPos = screen.availWidth * 0.01;

	/*
	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_tooltipObjPop.style.left = leftPos + 'px';
	ajax_tooltipObjPop.style.top = topPos + 'px';	
	
}


function hideTooltipPop()
{
	var obj;
	if (ajax_tooltipObjPop != null)
	{
	    if (ajax_tooltipObjPop.style != null)
	    	ajax_tooltipObjPop.style.display='none';
	    else
	    {
	    	if (parent.frames[1] != null)
	    	{					   
	    	    obj = parent.frames[1].document.getElementById('ajax_tooltipObjPop');
	    	    if (obj)	
	    	        obj.style.display='none';

	    	}
	    }//else
	    	
	}//if (ajax_tooltipObjPop != null)

}


function MoveTooltipPopDown(e)
{
//	globTempX = event.clientX + document.body.scrollLeft;
  //  	globTempX = event.clientY + document.body.scrollTop;
    	
    	move = true;
    	
    	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		globTempX = e.pageX;
		globTempX = e.pageY;
	}
	else
	{
     		globTempX=event.offsetX;
		globTempY=event.offsetY;
	}
}

function MoveTooltipPopUp()
{  	
    	move = false;

}

function MoveTooltipPop(e)
{
	var obj;	

	var tempX = 0;
	var tempY = 0;

    	if (!e) var e = window.event;

  //	if (IE) { // grab the x-y pos.s if browser is IE
  //  	  tempX = event.clientX + document.body.scrollLeft;
    //	  tempY = event.clientY + document.body.scrollTop;
  //	} else {  // grab the x-y pos.s if browser is NS
    	//    tempX = e.pageX;
	//    tempY = e.pageY;
//	    tempX = window.pageX;
//	    tempY = window.pageY;
//	}  

  	// catch possible negative values in NS4
//  	if (tempX < 0){tempX = 0}
  //	if (tempY < 0){tempY = 0}  


	if (ajax_tooltipObjPop != null)
	   obj = ajax_tooltipObjPop;
	else
	    obj = document.getElementById('ajax_tooltipObjPop');
//	if (parent.frames[1] != null)
  //  	    obj = parent.frames[1].document.getElementById('ajax_tooltipObjPop');
  
  	var xPos;
	var yPos;
	
	
	if ( (obj) && (move) )
	{

/*		xPos = obj.style.left;
		yPos = obj.style.top;
		
		xPos = xPos.replace(/[^0-9]/g,'');
		yPos = yPos.replace(/[^0-9]/g,'');
			
		xPos = incX + parseInt(xPos);			
		yPos = incY + parseInt(yPos);
	
		obj.style.left =  xPos + 'px'; 
		obj.style.top  =  yPos + 'px'; */
		
		obj.style.pixelLeft = e.clientX-globTempX + document.body.scrollLeft;
		obj.style.pixelTop  = e.clientY-globTempY + document.body.scrollTop;

	}

//	globTempX = tempX;
//	globTempY = tempY;
	

}



function pop(s){	
	
var voetnoot = window.open("","monKEYbe","toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=yes,width=350,height=160,scrollbars=yes");
voetnoot.document.open();
voetnoot.document.write("<html><head><title>monKEY.be</title></head><body>");
voetnoot.document.write("<style>body { font-family: Verdana;font-size: 10 pt}td { font-family: Verdana;font-size: 10 pt}</style>");
voetnoot.document.write(s);
voetnoot.document.write("</body></html>");
voetnoot.document.close();
voetnoot.focus();
}