//////////////////////////////////////////////////////////////////
// qTip - CSS Tool Tips - by Craig Erskine
// http://qrayg.com
//
// Inspired by code from Travis Beckham
// http://www.squidfingers.com | http://www.podlob.com
//////////////////////////////////////////////////////////////////


var qTipTag = "a"; //Which tag do you want to qTip-ize? Keep it lowercase!//
var qTipX = 10; //This is qTip's X offset//
var qTipY = 25; //This is qTip's Y offset//



// New-fangled javascipt, looks like it creates an object called 'tooltip' //
tooltip = {
	name : "qTip",
	offsetX : qTipX,
	offsetY : qTipY,
	tip : null,
	tip2 : null,
	tip3 : null
}

tooltip.init = function () {
	var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
	if (!tipContainerID) {
		var tipContainerID = "qTip";
	}
	if (!tipContainerID2) {
		var tipContainerID2 = "qTip2";
	}
	if (!tipContainerID3) {
		var tipContainerID3 = "qTip3";
	}
	var tipContainer = document.getElementById(tipContainerID);
	var tipContainer2 = document.getElementById(tipContainerID2);
	var tipContainer3 = document.getElementById(tipContainerID3);

	if (!tipContainer) {
		tipContainer = document.createElementNS
			? document.createElementNS(tipNameSpaceURI, "div")
			: document.createElement("div");
		tipContainer2 = document.createElementNS
			? document.createElementNS(tipNameSpaceURI, "div")
			: document.createElement("div");
		tipContainer3 = document.createElementNS
			? document.createElementNS(tipNameSpaceURI, "div")
			: document.createElement("div");
		tipContainer.setAttribute("id", tipContainerID);
		tipContainer2.setAttribute("id", tipContainerID2);
		tipContainer3.setAttribute("id", tipContainerID3);
		document.getElementsByTagName("body").item(0).appendChild(tipContainer);
//		document.getElementById(tipContainerID).appendChild(tipContainer2);
		tipContainer.appendChild(tipContainer2);
		tipContainer.appendChild(tipContainer3);
	}

	if (!document.getElementById) return;
	this.tip = document.getElementById (this.name);
	this.tip2 = document.getElementById (this.name + "2");
	this.tip3 = document.getElementById (this.name + "3");
	if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};

	var a, sTitle;
	var anchors = document.getElementsByTagName (qTipTag);

	for (var i = 0; i < anchors.length; i ++) {
		a = anchors[i];
		sTitle = a.getAttribute("title");
		if(sTitle) {
			a.setAttribute("tiptitle", sTitle);
			a.removeAttribute("title");
			a.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
			a.onmouseout = function() {tooltip.hide()};
		}
	}
}

tooltip.move = function (evt) {
	var x=0, y=0;
	if (document.all) {//IE
		x = (document.documentElement && document.documentElement.scrollLeft)
			? document.documentElement.scrollLeft
			: document.body.scrollLeft;
		y = (document.documentElement && document.documentElement.scrollTop)
			? document.documentElement.scrollTop
			: document.body.scrollTop;
		x += window.event.clientX;
		y += window.event.clientY;
		
	} else { // Good browsers
		x = evt.pageX;
		y = evt.pageY;
	}
	this.tip.style.left = (x + this.offsetX) + "px";
	this.tip.style.top = (y + this.offsetY) + "px";
}

tooltip.show = function (text) {
	if (!this.tip) return;
//	this.tip.innerHTML = text;
	this.tip.style.display = "block";
//	alert(this.tip2.style.display);
	this.tip2.innerHTML = text;
	this.tip2.style.display = "block";
	this.tip3.innerHTML = text;
	this.tip3.style.display = "block";
}

tooltip.hide = function () {
	if (!this.tip) return;
//	this.tip.innerHTML = "";
	this.tip.style.display = "none";
	this.tip2.innerHTML = "";
	this.tip2.style.display = "none";
	this.tip3.innerHTML = "";
	this.tip3.style.display = "none";
}