/************************************************************************************************************
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 sleep(delay)
 {
     var start = new Date().getTime();
     while (new Date().getTime() < start + delay);
 }


function ajax_showTooltip(externalFile,inputObj)
{
//	sleep(3000)
//    alert("ajax_showTooltip : "+inputObj);
//	var t=setTimeout("",3000)
	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 leftDivv = document.createElement('DIV');	/* Create arrow div */
		leftDivv.className='ajax_tooltip_arrow_B';
		leftDivv.id = 'ajax_tooltip_arrow_B';
		ajax_tooltipObj.appendChild(leftDivv);
		
		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';
//	document.getElementById('tooltipArrowT').style.display='block';
//	document.getElementById('tooltipArrowB').style.display='block';
	ajax_loadContent('ajax_tooltip_content',externalFile);
	document.getElementById('ajax_tooltip_arrow').style.display='none';
	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}

	ajax_positionTooltip(externalFile,inputObj);
}


var extFile;
function ajax_showTooltip_radio(externalFile,inputObj)
{
		extFile = externalFile	
	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_radio(inputObj);
}
function ajax_positionTooltip_radio(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+(+300)+ 'px';
	ajax_tooltipObj.style.top = topPos +(-18)+ 'px';
	
	
}
function ajax_hideTooltip_help()

{
   if(document.getElementById('ajax_tooltipObj')!=null)	/* Tooltip div not created yet ? */
	{   
		
			ajax_tooltipObj = document.getElementById('ajax_tooltipObj');
		    ajax_tooltipObj.style.display ='none';
		
	}	
}
  var scrOfX = 0, scrOfY = 0;
function getScrollXY() {

  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}


function getProdId(externalFile){
	var str = externalFile.substring(externalFile.indexOf("id=")+3,externalFile.indexOf("&"))
	var path;

	if (str == "920801" || str == "920825")
	{
		path = "/fr_CA/products/quickpopups/images/prdt_yello_arrow";
		
	}
	else if (str == "920810" ||  str == "920823" || str == "920824") 
	{
		path = "/fr_CA/products/quickpopups/images/prdt_violet_arrow";
	}
	else if (str == "920802" || str == "920807" ) {
		
		path = "/fr_CA/products/quickpopups/images/prdt_blue_arrow";
	}
	else if (str == "920804" || str == "920812" || str == "920814" || str == "920815" || str == "920816" || str == "920820" || str == "920821" ||  str == "920822"  ) 
	{
		path = "/fr_CA/products/quickpopups/images/prdt_green_arrow";
	}
	else if (str == "920803" || str == "920808" ) 
	{
		
		path = "/fr_CA/products/quickpopups/images/prdt_magenta_arrow";
	}
	else if (str == "920805" || str == "920806" || str == "920809") 
	{
		
		path = "/fr_CA/products/quickpopups/images/prdt_orange_arrow";
	}
	return path;	
}

function ajax_positionTooltip(externalFile,inputObj)
{
	var path = getProdId(externalFile)

	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; 

	getScrollXY()

	var verPos = topPos - scrOfY
	document.getElementById('ajax_tooltip_arrow').style.width = '42'+'px';
	document.getElementById('ajax_tooltip_arrow').style.height = '28'+'px';
	
	if(leftPos >= 625 && leftPos <= 635) {// First column
				document.getElementById('ajax_tooltip_arrow').style.left = '40'+'px';		
				ajax_tooltipObj.style.left = leftPos +(-115)+ 'px';				
		}
		else if (leftPos >= 765 && leftPos <= 775) {// Second column
				document.getElementById('ajax_tooltip_arrow').style.left = '135'+'px';
				ajax_tooltipObj.style.left = leftPos +(-210)+ 'px';			
				
		}
		else if (leftPos >= 905 && leftPos <= 915) {// Third column
				document.getElementById('ajax_tooltip_arrow').style.left = '280'+'px';
				ajax_tooltipObj.style.left = leftPos +(-350)+ 'px';			
		}
		else if (leftPos >= 1045 && leftPos <= 1055) {// Fourth column
				document.getElementById('ajax_tooltip_arrow').style.left = '390'+'px';
				ajax_tooltipObj.style.left = leftPos +(-470)+ 'px';			
		}
	// Bottom Popups
	if (verPos <= 200 )
	{
		ajax_tooltipObj.style.top= topPos +(120)+ 'px';
		document.getElementById('ajax_tooltip_arrow').style.top = '-16'+'px';
		document.getElementById('ajax_tooltip_arrow').style.backgroundImage="url('"+path+"_t.png')";
		
	}
	// Top Popups
	else {
		ajax_tooltipObj.style.top= topPos +(-320)+ 'px';
		document.getElementById('ajax_tooltip_arrow').style.top = '329'+'px';
		document.getElementById('ajax_tooltip_arrow').style.backgroundImage="url('"+path+"_b.png')";
	}
	
}




function ajax_hideTooltip_new(object)

{

   if(document.getElementById('ajax_tooltipObj')!=null )	/* Tooltip div not created yet ? */
	{   
		
			ajax_tooltipObj = document.getElementById('ajax_tooltipObj');
			
			ajax_tooltipObj.onmousemove = function showtoolObj()
			{
				ajax_tooltipObj.style.display ='block';
			 
			}
			ajax_tooltipObj.onmouseout = function hidetoolObj()
			{
			 	ajax_tooltipObj.style.display ='none';
			}	
			object.onmouseout = function hidetoolObj()
			{
			 	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 ajaxTooltip_getRightPos(inputObj)
{		
  var returnValue = inputObj.offsetRight;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetRight;
  }
  return returnValue;
}
function ajaxTooltip_getBottomPos(inputObj)
{		
  var returnValue = inputObj.offsetBottom;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetBottom;
  }
  return returnValue;
}

function ajax_showHelpTooltip(externalFile,inputObj)
{
//    alert("ajax_showTooltip : "+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_positionHelpTooltip(inputObj);
}

function ajax_positionHelpTooltip(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 +(-15)+ 'px';
	
	
}