/*
**  TitleTip script by Jason Johnston (jj@lojjic.net)
**  Created July 2002.  Use freely, but give me credit.
**
**  Use this script to create CSS-styleable, more
**  responsive tooltips containing the contents of the
**  title="..." attribute on any element in the document.
*/


function TitleTip(elt) {
	this.element = elt;
	this.create();
}
TitleTip.prototype = {
	create : function() {
		this.element.addEventListener("mouseover", this.mouseOverHandler=function(evt){new TitleTipPopup(evt);}, false);
	},
	destroy : function() {
		this.element.removeEventListener("mouseover", this.mouseOverHandler, false);
	}
};
TitleTip.scriptSheetSelector = "*[title]";






function TitleTipPopup(evt) {
	this.create(evt);
	this.buildTip(evt);
	this.setPosition(evt);
}

TitleTipPopup.prototype = new PopupObject("titletip"); //inherit from base PopupObject class

TitleTipPopup.prototype.buildTip = function(evt) {
	var elt = this.element = evt.currentTarget;
	var ttl = this.title = elt.title;
	elt.title = ""; //temp. remove title to prevent browser tooltip
	
	var thisRef = this;
	elt.addEventListener("mousemove",this.mousemoveHandler=function(evt){thisRef.setPosition(evt);},false);
	elt.addEventListener("mouseout",this.mouseoutHandler=function(){thisRef.destroy()},false);

	var node = this.popupNode;
	node.appendChild(document.createTextNode(ttl));
	
	//if within link, put href in status bar and tip
	var lnk=elt; 
	while(lnk) {
		if(lnk.href) {
			window.status = lnk.href;
			var tipHref = document.createElement("div")
				tipHref.className = "titletip-href";
				var tipText = lnk.href.substring(0,60);
				if(lnk.href.length > 60) tipText += "...";
				tipHref.appendChild(document.createTextNode(tipText));
			node.appendChild(tipHref);
			break;
		}
		lnk=lnk.parentNode;
	}
}
TitleTipPopup.prototype._tmpSetPos = TitleTipPopup.prototype.setPosition;
TitleTipPopup.prototype.setPosition = function(evt) {
	this._tmpSetPos(evt,"topleft,16,16");
}

TitleTipPopup.prototype.pressed = function(){return;}; //clicking on tip destroys it
TitleTipPopup.prototype.destroyBase = TitleTipPopup.prototype.destroy;
TitleTipPopup.prototype.destroy = function() {
	var elt = this.element;
	window.status = "";
	elt.removeEventListener("mousemove",this.mousemoveHandler,false);
	elt.removeEventListener("mouseout",this.mouseoutHandler,false);
	elt.title = this.title; //add back in
	this.destroyBase();
}