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

	Form field tooltip
	(C) www.dhtmlgoodies.com, September 2006

	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland

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

var DHTMLgoodies_globalTooltipObj;
// Constructor 
function DHTMLgoodies_formTooltip() {
	var tooltipDiv;
	var tooltipText;
	var tooltipContentDiv;				// Reference to inner div with tooltip content
	var imagePath;						// Relative path to images
	var arrowImageFile;					// Name of arrow image
	var arrowImageFileRight;			// Name of arrow image
	var arrowRightWidth;
	var arrowTopHeight;
	var defaultTooltipWidth;			// Default width of tooltip (constant)
	var tooltipWidth;					// Width of tooltip
	var roundedCornerObj;				// Reference to object of class DHTMLgoodies_roundedCorners
	var tooltipBgColor;
	var closeMessage;					// Close message
	var activeInput;					// Reference to currently active input
	var defaultTooltipPosition			// Default tooltip position, possible values: "below" or "right" (constant)
	var tooltipPosition;				// Tooltip position, possible values: "below" or "right"
	var tooltipCornerSize;				// Size of rounded corners
	var displayArrow;					// Display arrow above or at the left of the tooltip?
	var cookieName;						// Name of cookie
	var disableTooltipPossibility;		// Possibility of disabling tooltip
	var disableTooltipByCookie;			// If tooltip has been disabled, save the settings in cookie, i.e. for other pages with the same cookie name.
	var disableTooltipMessage;
	var tooltipDisabled;
	var isMSIE;
	var tooltipIframeObj;
	var pageBgColor;					// Color of background - used in ie when applying iframe which covers select boxes
	var currentTooltipObj;				// Reference to form field which tooltip is currently showing for
	
	this.currentTooltipObj				= false,
	this.tooltipDiv						= false,
	this.tooltipText					= false;
	this.imagePath						= '/res/images/';
	this.arrowImageFile					= 'green-arrow.gif';
	this.arrowImageFileRight			= 'green-arrow-right.gif';
	this.defaultTooltipWidth			= 200;
	this.tooltipWidth					= this.defaultTooltipWidth;
	this.tooltipBgColor					= '#317082';
	this.closeMessage					= 'Fermer';
	this.disableTooltipMessage			= 'Ne plus montrer ce message';
	this.activeInput					= false;
	this.defaultTooltipPosition			= "right";
	this.tooltipPosition				= this.defaultTooltipPosition;
	this.arrowRightWidth				= 16;	// Default width of arrow when the tooltip is on the right side of the inputs.
	this.arrowTopHeight					= 13;	// Default height of arrow at the top of tooltip
	this.tooltipCornerSize				= 5;
	this.displayArrow					= true;
	this.cookieName						= 'DHTMLgoodies_tooltipVisibility';
	this.disableTooltipByCookie			= false;
	this.tooltipDisabled				= false;
	this.disableTooltipPossibility		= false;
	this.tooltipIframeObj				= false;
	this.pageBgColor					= '#FFFFFF';
	
	DHTMLgoodies_globalTooltipObj = this;
	
	if(navigator.userAgent.indexOf('MSIE')>=0)this.isMSIE = true; else this.isMSIE = false;
}


DHTMLgoodies_formTooltip.prototype = {

	//--------------------------------------------------------------------------
	initFormFieldTooltip : function() {
    // Initializes the tooltip script. Most set methods needs to be executed before you call this method.
	//--------------------------------------------------------------------------
		// YCO
		for (var tt in lstTooltips) {
			var el = document.getElementById(tt);
			if(el) {
				var lstEvents = lstTooltips[tt][0].split(/\s*,\s*/);
				if(el.options)
					for (var i=0; i<el.options.length; i++)
						el.options[i].hasTooltip = true;
				el.hasTooltip = true;
				el.tooltipText = lstTooltips[tt][1];
				el.tooltipWidth = lstTooltips[tt][2];
				for (var i=0; i<lstEvents.length; i++)
					this.addEvent(el, lstEvents[i], this.__displayTooltip);
				//[YCO] Ajout événement onmouseout sauf listes d'options (Bug IE)
				//if(el.nodeName != 'SELECT') this.addEvent(el, 'mouseout', this.__hideTooltip);
			}
		}
		window.refToFormTooltip = this;
		this.addEvent(window,'resize',function(){ window.refToFormTooltip.__positionCurrentToolTipObj(); });
		this.addEvent(document.documentElement,'click',function(e){ window.refToFormTooltip.__autoHideTooltip(e); });
		this.addEvent(document.documentElement,'keypress',function(e){ window.refToFormTooltip.__keyPressHandler(e); });
	},
	
	//--------------------------------------------------------------------------
	// Méthodes d'accès aux propriétés
	//--------------------------------------------------------------------------
	setTooltipPosition : function(newPosition) { this.tooltipPosition = newPosition; },	
	//YCO setCloseMessage : function(closeMessage) { this.closeMessage = closeMessage; },
	setDisableTooltipMessage : function(disableTooltipMessage) { this.disableTooltipMessage = disableTooltipMessage; },
	setTooltipDisablePossibility : function(disableTooltipPossibility) { this.disableTooltipPossibility = disableTooltipPossibility; },
	setCookieName : function(newCookieName) { this.cookieName = newCookieName; },
	setTooltipWidth : function(newWidth) { this.tooltipWidth = newWidth; },
	setArrowVisibility : function(displayArrow) { this.displayArrow = displayArrow; },
	setDisableTooltipByCookie : function(disableTooltipByCookie) { this.disableTooltipByCookie = disableTooltipByCookie; },
	setTooltipBgColor : function(newBgColor) { this.tooltipBgColor = newBgColor; },
	setTooltipCornerSize : function(tooltipCornerSize) { this.tooltipCornerSize = tooltipCornerSize; },
	setTopArrowHeight : function(arrowTopHeight) { this.arrowTopHeight = arrowTopHeight; },
	setRightArrowWidth : function(arrowRightWidth) { this.arrowRightWidth = arrowRightWidth; },
	setPageBgColor : function(pageBgColor) { this.pageBgColor = pageBgColor; },
	
	//--------------------------------------------------------------------------
	__displayTooltip : function() {
	//--------------------------------------------------------------------------
		
		if(DHTMLgoodies_globalTooltipObj.disableTooltipByCookie){
			var cookieValue = DHTMLgoodies_globalTooltipObj.getCookie(DHTMLgoodies_globalTooltipObj.cookieName) + '';	
			if(cookieValue=='1')DHTMLgoodies_globalTooltipObj.tooltipDisabled = true;
		}	
		
		if(DHTMLgoodies_globalTooltipObj.tooltipDisabled)
			return;	// Tooltip disabled
			
		//[YCO] Gênant avec mouseover : entraine la perte du focus 
		//this.focus();
		//tooltipText = lstTooltips[this.id][1];
		DHTMLgoodies_globalTooltipObj.tooltipText = this.tooltipText;

		//tooltipWidth = lstTooltips[this.id][2];
		DHTMLgoodies_globalTooltipObj.tooltipWidth = this.tooltipWidth ? this.tooltipWidth : DHTMLgoodies_globalTooltipObj.defaultTooltipWidth;

		DHTMLgoodies_globalTooltipObj.activeInput = this;
		
		if(!DHTMLgoodies_globalTooltipObj.tooltipDiv)DHTMLgoodies_globalTooltipObj.__createTooltip();
		
		DHTMLgoodies_globalTooltipObj.__positionTooltip(this);
		
		DHTMLgoodies_globalTooltipObj.tooltipContentDiv.innerHTML = this.tooltipText;
		DHTMLgoodies_globalTooltipObj.tooltipDiv.style.display='block';
		
		if(DHTMLgoodies_globalTooltipObj.isMSIE){
			DHTMLgoodies_globalTooltipObj.tooltipIframeObj.style.width = DHTMLgoodies_globalTooltipObj.tooltipWidth+10; //YCO
			if(DHTMLgoodies_globalTooltipObj.tooltipPosition == 'below')
				DHTMLgoodies_globalTooltipObj.tooltipIframeObj.style.height = (DHTMLgoodies_globalTooltipObj.tooltipDiv.clientHeight - DHTMLgoodies_globalTooltipObj.arrowTopHeight);
			else
				DHTMLgoodies_globalTooltipObj.tooltipIframeObj.style.height = (DHTMLgoodies_globalTooltipObj.tooltipDiv.clientHeight);
		}
	},

	//--------------------------------------------------------------------------
	__hideTooltip : function() {
	//--------------------------------------------------------------------------
		try{
			DHTMLgoodies_globalTooltipObj.tooltipDiv.style.display='none';
		}catch(e){
		}
	},

	//--------------------------------------------------------------------------
    getSrcElement : function(e) {
	//--------------------------------------------------------------------------
    	var el;
		if (e.target) el = e.target;
			else if (e.srcElement) el = e.srcElement;
			if (el.nodeType == 3) // defeat Safari bug
				el = el.parentNode;
		return el;	
    },
	
	//--------------------------------------------------------------------------
	__autoHideTooltip : function(e) {
	//--------------------------------------------------------------------------
		if(document.all)e = event;	
		var src = this.getSrcElement(e);
		var hasTooltip = src.getAttribute('hasTooltip');
		if(!hasTooltip)hasTooltip = src.hasTooltip;
		if(!hasTooltip)
			this.__hideTooltip();
	},
	
	//--------------------------------------------------------------------------
	__hideTooltipFromLink : function() {
	//--------------------------------------------------------------------------
		this.activeInput.focus();
		window.refToThis = this;
		setTimeout('window.refToThis.__hideTooltip()',10);
	},
	
	//--------------------------------------------------------------------------
	disableTooltip : function() {
	//--------------------------------------------------------------------------
		this.__hideTooltipFromLink();
		if(this.disableTooltipByCookie)this.setCookie(this.cookieName,'1',500);	
		this.tooltipDisabled = true;	
	},
	
	//--------------------------------------------------------------------------
	__createTooltip : function() {
	//--------------------------------------------------------------------------
		this.tooltipDiv = document.createElement('DIV');
		this.tooltipDiv.style.position = 'absolute';
		
		if(this.displayArrow){
			var topDiv = document.createElement('DIV');
			if(this.tooltipPosition=='below'){
				topDiv.style.marginLeft = '20px';
				var arrowDiv = document.createElement('IMG');
				arrowDiv.src = this.imagePath + this.arrowImageFile + '?rand='+ Math.random();
				arrowDiv.style.display='block';
				topDiv.appendChild(arrowDiv);
					
			}else{
				topDiv.style.marginTop = '5px';									// HERE
				var arrowDiv = document.createElement('IMG');
				arrowDiv.src = this.imagePath + this.arrowImageFileRight + '?rand='+ Math.random();	
				arrowDiv.style.display='block';
				topDiv.appendChild(arrowDiv);					
				topDiv.style.position = 'absolute';			
			}
			
			this.tooltipDiv.appendChild(topDiv);	
		}
		
		var outerDiv = document.createElement('DIV');
		outerDiv.style.position = 'relative';
		outerDiv.style.zIndex = 1000;
		if(this.tooltipPosition=='below')
			outerDiv.style.marginTop = '0px';										// HERE
		else
			outerDiv.style.marginTop = '7px';										// HERE
		if(this.tooltipPosition!='below' && this.displayArrow)			
			outerDiv.style.left = this.arrowRightWidth + 'px';
				
		outerDiv.id = 'DHTMLgoodies_formTooltipDiv';
		outerDiv.className = 'DHTMLgoodies_formTooltipDiv';
		outerDiv.style.backgroundColor = this.tooltipBgColor;
		this.tooltipDiv.appendChild(outerDiv);

		if(this.isMSIE){
			this.tooltipIframeObj = document.createElement('<IFRAME name="tooltipIframeObj" width="' + this.tooltipWidth + '" frameborder="no" allowtransparency="true" scrolling="no" src="/js/form-field-tooltip-iframe.html"></IFRAME>');
			this.tooltipIframeObj.style.position = 'absolute';
			this.tooltipIframeObj.style.top = '0px';
			this.tooltipIframeObj.style.left = '0px';
			this.tooltipIframeObj.style.width = (this.tooltipWidth) + 'px';
			this.tooltipIframeObj.style.zIndex = 100;
			//YCO this.tooltipIframeObj.background = this.pageBgColor;
			//YCO this.tooltipIframeObj.style.backgroundColor= this.pageBgColor;
			this.tooltipDiv.appendChild(this.tooltipIframeObj);	
			if(this.tooltipPosition!='below' && this.displayArrow)
				this.tooltipIframeObj.style.left = (this.arrowRightWidth) +  'px';	
			else
				this.tooltipIframeObj.style.top = this.arrowTopHeight + 'px';	
			setTimeout("self.frames['tooltipIframeObj'].document.documentElement.style.backgroundColor='" + this.pageBgColor + "'",500);
		}
		
		this.tooltipContentDiv = document.createElement('DIV');	
		this.tooltipContentDiv.style.position = 'relative';
		this.tooltipContentDiv.id = 'DHTMLgoodies_formTooltipContent';
		outerDiv.appendChild(this.tooltipContentDiv);			
		
		/* YCO
		var closeDiv = document.createElement('DIV');
		closeDiv.className = 'DHTMLgoodies_formTooltip_closeMessageDiv';
		closeDiv.innerHTML = '<A class="DHTMLgoodies_formTooltip_closeMessage" href="#" onclick="DHTMLgoodies_globalTooltipObj.__hideTooltipFromLink();return false">' + this.closeMessage + '</A>';
		
		if(this.disableTooltipPossibility){
			var tmpHTML = closeDiv.innerHTML;
			tmpHTML = tmpHTML + ' | <A class="DHTMLgoodies_formTooltip_closeMessage" href="#" onclick="DHTMLgoodies_globalTooltipObj.disableTooltip();return false">' + this.disableTooltipMessage + '</A>';
			closeDiv.innerHTML = tmpHTML;
		} 
		outerDiv.appendChild(closeDiv);
		*/
		
		document.body.appendChild(this.tooltipDiv);
		
		if(this.tooltipCornerSize>0){
			this.roundedCornerObj = new DHTMLgoodies_roundedCorners();
			// (divId,xRadius,yRadius,color,backgroundColor,padding,heightOfContent,whichCorners)
			this.roundedCornerObj.addTarget('DHTMLgoodies_formTooltipDiv',this.tooltipCornerSize,this.tooltipCornerSize,this.tooltipBgColor,this.pageBgColor,5);
			this.roundedCornerObj.init();
		}

		this.tooltipContentDiv = document.getElementById('DHTMLgoodies_formTooltipContent');
	},
	
	//--------------------------------------------------------------------------
	addEvent : function(whichObject,eventType,functionName) { 
	//--------------------------------------------------------------------------
	  if(whichObject.attachEvent){ 
	    whichObject['e'+eventType+functionName] = functionName; 
	    whichObject[eventType+functionName] = function(){whichObject['e'+eventType+functionName]( window.event );} 
	    whichObject.attachEvent( 'on'+eventType, whichObject[eventType+functionName] ); 
	  } else 
	    whichObject.addEventListener(eventType,functionName,false); 	    
	},
	
	//--------------------------------------------------------------------------
	__positionCurrentToolTipObj : function() {
	//--------------------------------------------------------------------------
		if(DHTMLgoodies_globalTooltipObj.activeInput)this.__positionTooltip(DHTMLgoodies_globalTooltipObj.activeInput);
	},
	
	//--------------------------------------------------------------------------
	__positionTooltip : function(inputObj) {	
	//--------------------------------------------------------------------------
		var offset = 0;
		if(!this.displayArrow)offset = 3;	
		if(this.tooltipPosition=='below'){
			this.tooltipDiv.style.left = this.getLeftPos(inputObj)+  'px';
			this.tooltipDiv.style.top = (this.getTopPos(inputObj) + inputObj.offsetHeight + offset) + 'px';
		}else{
		
			this.tooltipDiv.style.left = (this.getLeftPos(inputObj) + inputObj.offsetWidth + offset)+  'px';
			this.tooltipDiv.style.top = (this.getTopPos(inputObj)+10) + 'px';			
		}
		this.tooltipDiv.style.width=this.tooltipWidth + 'px';
	},
	
	//--------------------------------------------------------------------------
	getTopPos : function(inputObj) {		
	//--------------------------------------------------------------------------
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null){
	  	if(inputObj.tagName!='HTML'){
	  		returnValue += inputObj.offsetTop;
	  		if(document.all)returnValue+=inputObj.clientTop;
	  	}
	  } 
	  return returnValue;
	},
	
	//--------------------------------------------------------------------------
	getLeftPos : function(inputObj) {	  
	//--------------------------------------------------------------------------
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null){
	  	if(inputObj.tagName!='HTML'){
	  		returnValue += inputObj.offsetLeft;
	  		if(document.all)returnValue+=inputObj.clientLeft;
	  	}
	  }
	  return returnValue;
	},
	
	//--------------------------------------------------------------------------
	getCookie : function(name) { 
	//--------------------------------------------------------------------------
	   var start = document.cookie.indexOf(name+"="); 
	   var len = start+name.length+1; 
	   if ((!start) && (name != document.cookie.substring(0,name.length))) return null; 
	   if (start == -1) return null; 
	   var end = document.cookie.indexOf(";",len); 
	   if (end == -1) end = document.cookie.length; 
	   return unescape(document.cookie.substring(len,end)); 
	},
	
	//--------------------------------------------------------------------------
	setCookie : function(name,value,expires,path,domain,secure) { 
	//--------------------------------------------------------------------------
		expires = expires * 60*60*24*1000;
		var today = new Date();
		var expires_date = new Date( today.getTime() + (expires) );
	    var cookieString = name + "=" +escape(value) + 
	       ( (expires) ? ";expires=" + expires_date.toGMTString() : "") + 
	       ( (path) ? ";path=" + path : "") + 
	       ( (domain) ? ";domain=" + domain : "") + 
	       ( (secure) ? ";secure" : ""); 
	    document.cookie = cookieString; 
	},
	
	//--------------------------------------------------------------------------
	__keyPressHandler : function(e) {
	//--------------------------------------------------------------------------
		var kC  = (window.event) ? event.keyCode : e.keyCode;
		var Esc = (window.event) ? 27 : e.DOM_VK_ESCAPE;
		if(kC==Esc)
			this.__hideTooltip();
   }

}