ÿþ/************************************************************************************************************

	Form   tooltip

	(C) Amir hossein Akbari  'EÌ1 -3ÌF '©(1Ì, September 2006

	Email : Amir.h.akbari@gmail.com  

	Thank you!

	www.Tebyan-zn.ir/design.html

	Iran - Zanjan

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

var DHTMLgoodies_globalTooltipObj;





/** 

Constructor 

**/

function DHTMLgoodies_formTooltip()

{

	var tooltipDiv;

	var tooltipText;

	var tooltipContentDiv;				 

	var imagePath;						 

	var arrowImageFile;					 

	var arrowImageFileRight;			 

	var arrowRightWidth;

	var arrowTopHeight;

	var tooltipWidth;					 

	var roundedCornerObj;				 

	var tooltipBgColor;

	var closeMessage;					

	var activeInput;					

	var tooltipPosition;				

	var tooltipCornerSize;				

	var displayArrow;					

	var cookieName;						

	var disableTooltipPossibility;		

	var disableTooltipByCookie;			

	var disableTooltipMessage;

	var tooltipDisabled;

	var isMSIE;

	var tooltipIframeObj;

	var pageBgColor;					

	var currentTooltipObj;				

	

	this.currentTooltipObj = false,

	this.tooltipDiv = false,

	this.tooltipText = false;

	this.imagePath = 'images/';

	this.arrowImageFile = 'green-arrow.gif';

	this.arrowImageFileRight = 'green-arrow-right.gif';

	this.tooltipWidth = 200;

	this.tooltipBgColor = '#317082';

	this.closeMessage = '(3*F';

	this.disableTooltipMessage = '9/E FE'Ì4 E,// 'ÌF ~Ì'E';

	this.activeInput = false;

	this.tooltipPosition = 'right';

	this.arrowRightWidth = 16;			

	this.arrowTopHeight = 13;			

	this.tooltipCornerSize = 10;

	this.displayArrow = true;

	this.cookieName = 'DHTMLgoodies_tooltipVisibility';

	this.disableTooltipByCookie = false;

	this.tooltipDisabled = false;

	this.disableTooltipPossibility = true;

	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()

	{

		var formElements = new Array();

		var inputs = document.getElementsByTagName('INPUT');

		for(var no=0;no<inputs.length;no++){

			var attr = inputs[no].getAttribute('tooltipText');

			if(!attr)attr = inputs[no].tooltipText;

			if(attr)formElements[formElements.length] = inputs[no];

		}

			

		var inputs = document.getElementsByTagName('TEXTAREA');

		for(var no=0;no<inputs.length;no++){

			var attr = inputs[no].getAttribute('tooltipText');

			if(!attr)attr = inputs[no].tooltipText;

			if(attr)formElements[formElements.length] = inputs[no];

		}

		var inputs = document.getElementsByTagName('SELECT');

		for(var no=0;no<inputs.length;no++){

			var attr = inputs[no].getAttribute('tooltipText');

			if(!attr)attr = inputs[no].tooltipText;

			if(attr)formElements[formElements.length] = inputs[no];

		}

			

		window.refToFormTooltip = this;

		

		for(var no=0;no<formElements.length;no++){

			formElements[no].onfocus = this.__displayTooltip;

		}

		this.addEvent(window,'resize',function(){ window.refToFormTooltip.__positionCurrentToolTipObj(); });

		

		this.addEvent(document.documentElement,'click',function(e){ window.refToFormTooltip.__autoHideTooltip(e); });

	}

	

	// }}}

	,		

 

	setTooltipPosition : function(newPosition)

	{

		this.tooltipPosition = newPosition;

	}

	// }}}

	,		

 

	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

		var tooltipText = this.getAttribute('tooltipText');

		DHTMLgoodies_globalTooltipObj.activeInput = this;

		

		if(!tooltipText)tooltipText = this.tooltipText;

		DHTMLgoodies_globalTooltipObj.tooltipText = tooltipText;



		

		if(!DHTMLgoodies_globalTooltipObj.tooltipDiv)DHTMLgoodies_globalTooltipObj.__createTooltip();

		

		DHTMLgoodies_globalTooltipObj.__positionTooltip(this);

		

		

		

	

		DHTMLgoodies_globalTooltipObj.tooltipContentDiv.innerHTML = tooltipText;

		DHTMLgoodies_globalTooltipObj.tooltipDiv.style.display='block';

		

		if(DHTMLgoodies_globalTooltipObj.isMSIE){

			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);

		if(src.tagName.toLowerCase()!='input' && src.tagName.toLowerCase().toLowerCase()!='textarea' && src.tagName.toLowerCase().toLowerCase()!='select')this.__hideTooltip();



		var attr = src.getAttribute('tooltipText');

		if(!attr)attr = src.tooltipText;

		if(!attr){

			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';

				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' && 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" src="about:blank"></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;

			this.tooltipIframeObj.background = this.pageBgColor;

			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);			

		

		var closeDiv = document.createElement('DIV');

		closeDiv.style.textAlign = 'center';

	

		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) + '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; 

	}

 

		

		

}