/************************************************************************************************************
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
	
	
changes - 
1/6/07 - michael edinger
	updated this to display a message inside the tooltip instead of
	a file
2/8/06 - michael edinger
	added different positions, and coloring
************************************************************************************************************/	

/* Custom variables */

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

var ajax_tooltipObj = false;
var ajax_tooltipObj_iframe = false;
var pointerDiv = false;
var contentDiv = false;
var contentTopDiv = false;
var contentMidDiv = false;
var contentBottomDiv = false;
var t = false;

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

var temp_message = false;
var temp_inputObj = false;
var temp_position = false;
var temp_color = false;
function ajax_showTooltip_delay(message,inputObj,position,color,delay)
{
	temp_message = message;
	temp_inputObj = inputObj;
	temp_position = position;
	temp_color = color;
	if (delay == "default")
		delay = 2000;
	t=setTimeout("ajax_showTooltip_temp()",delay)
}

function ajax_showTooltip_timed(message,inputObj,position,color,time)
{
	if (time == "default")
		time = 5000;
	ajax_showTooltip(message,inputObj,position,color)
	t=setTimeout("ajax_hideTooltip()",time)
}

function ajax_showTooltip_temp()
{
	ajax_showTooltip(temp_message,temp_inputObj,temp_position,temp_color);
}

function ajax_showTooltip(message,inputObj,position,color)
{
	if (current_position != position)
	{
		current_position = position;
		ajax_tooltipObj = false;
	}
	
	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);

		pointerDiv = document.createElement('DIV');	/* Create pointer div */
		pointerDiv.className=color+'point_'+position;
		pointerDiv.id = 'ajax_tooltip_arrow';
		ajax_tooltipObj.appendChild(pointerDiv);
		
		contentDiv = document.createElement('DIV'); /* Create tooltip content div */
		contentDiv.className = 'tooltip_content_box';
		ajax_tooltipObj.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
		
		contentTopDiv = document.createElement('DIV'); /* Top of Box */
			contentTopDiv.className = color+'_top';
			contentDiv.appendChild(contentTopDiv);
		contentMidDiv = document.createElement('DIV'); /* Middle of Box */
			contentMidDiv.className = color+'_content';
			contentMidDiv.id = 'content_tooltip';
			contentDiv.appendChild(contentMidDiv);
		contentBottomDiv = document.createElement('DIV'); /* Bottom of Box */
			contentBottomDiv.className = color+'_bottom';
			contentDiv.appendChild(contentBottomDiv);
			
		switch (position)
		{
			case 'right':	
				contentDiv.style.left = '29px';
				contentDiv.style.top = '0px';	
				pointerDiv.style.width = '25px';
				pointerDiv.style.left = '10px';	
				break;
			case 'left':	
				break;
			case 'bottom_right':
				contentDiv.style.left = '0px';
				contentDiv.style.top = '24px';	
				pointerDiv.style.width = '25px';
				pointerDiv.style.left = '15px';	
				break;
			case 'bottom_left':
				contentDiv.style.left = '5px';
				contentDiv.style.top = '24px';	
				pointerDiv.style.width = '25px';
				pointerDiv.style.left = '115px';	
				break;
		}
		
		
		
		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(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}

	ajax_positionTooltip(inputObj, position);
	var close_window = "";
	if (color == "red")
		close_window = "<div style='float:right;'><a href='#' onclick='ajax_hideTooltip();'><img src='http://images.harmonhomes.com/img/11/design/clean-hh_II/MyHomeSearch/red_x.gif' class='imgNoBorder'></a></div>";
	contentMidDiv.innerHTML = close_window+message;
}

function ajax_positionTooltip(inputObj, position)
{
	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);
	switch (position)
	{
		case 'right':	
			ajax_tooltipObj.style.left = leftPos + 'px';
			ajax_tooltipObj.style.top = topPos + 'px';	
			break;
		case 'left':
			var width = ajaxTooltip_getWidth(inputObj);
			ajax_tooltipObj.style.left = (leftPos-200-width) + 'px';
			ajax_tooltipObj.style.top = topPos + 'px';	
			break;
		case 'bottom_right':
			var height = ajaxTooltip_getHeight(inputObj);
			var width = ajaxTooltip_getWidth(inputObj);
			ajax_tooltipObj.style.left = (leftPos-width) + 'px';
			ajax_tooltipObj.style.top = (topPos+height) + 'px';	
			break;
		case 'bottom_left':
			var height = ajaxTooltip_getHeight(inputObj);
			var width = ajaxTooltip_getWidth(inputObj);
			ajax_tooltipObj.style.left = (leftPos-150) + 'px';
			ajax_tooltipObj.style.top = (topPos+height) + 'px';	
			break;
	}
}


function ajax_hideTooltip()
{
	clearTimeout(t);
	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_getWidth(inputObj)
{		
  var returnValue = inputObj.offsetWidth;
  return returnValue;
}

function ajaxTooltip_getHeight(inputObj)
{		
  var returnValue = inputObj.offsetHeight;
  return returnValue;
}

function ajaxTooltip_getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}