var OP = (navigator.userAgent.indexOf('Opera') != -1);
var IE = (navigator.userAgent.indexOf('MSIE') != -1 && !OP);
var GK = (navigator.userAgent.indexOf('Gecko') != -1);
var SA = (navigator.userAgent.indexOf('Safari') != -1);
var DOM = document.getElementById;

var tooltip = null;

function TOOLTIP() {
	//----------------------------------------------------------------------------------------------------
	// Configuration
	//----------------------------------------------------------------------------------------------------
	this.width = 230;                     // width (pixels)
	this.bgColor = "#FFC";             // background color
	//this.textFont = "Verdana";      // text font family
	this.textSize = 12;                   // text font size (pixels)
	this.textColor = "#333333";           // text color
	this.border = "1px solid #999";   // border (CSS spec: size style color, e.g. "1px solid #D00000")
	this.opacity = 100;                    // opacity (0 - 100); doesn't work with all browsers
	this.cursorDistance = 20;              // distance from mouse cursor (pixels)

	// don't change
	this.text = '';
	this.height = 0;
	this.obj = null;
	this.active = false;

	//----------------------------------------------------------------------------------------------------
	// Methods
	//----------------------------------------------------------------------------------------------------
	this.create = function() {
		if(!this.obj) this.init();

		var s = (this.textFont ? 'font-family:' + this.textFont + '; ' : '') +
		(this.textSize ? 'font-size:' + this.textSize + 'px; ' : '') +
		(this.textColor ? 'color:' + this.textColor + '; ' : '');
//(this.border ? 'border:' + this.border + '; ' : '') +
		var t = '<table border=0 cellspacing=0 cellpadding=0 width=' + this.width + '><tr>' +
		'<td align=left' + (s ? ' style="' + s + '"' : '') + '>' + this.text +
		'</td></tr></table>';

		if(DOM || IE) this.obj.innerHTML = t;
		if(DOM) this.height = this.obj.offsetHeight;
		else if(IE) this.height = this.obj.style.pixelHeight;
		//if(this.bgColor) this.obj.style.backgroundColor = this.bgColor;

		this.setOpacity();
		this.move();
		this.show();
	}

	this.init = function() {
		if(DOM) this.obj = document.getElementById('ToolTip');
		else if(IE) this.obj = document.all.ToolTip;
	}

	this.move = function() {
		var winX = getWinX() - (((GK && !SA) || OP) ? 17 : 0);
		var winY = getWinY() - (((GK && !SA) || OP) ? 17 : 0);
		var x = mouseX;
		var y = mouseY;

		if(x + this.width + this.cursorDistance > winX + getScrX())
		x -= this.width + this.cursorDistance;
		else x += this.cursorDistance;
		
		/*if(y + this.height + this.cursorDistance > winY + getScrY())
		y -= this.height;
		else */
		y += this.cursorDistance;

		this.obj.style.left = x + 'px';
		this.obj.style.top = (y - (this.cursorDistance*2) + 5)  + 'px';
	}

	this.show = function() {
		this.obj.style.visibility = 'visible';
		this.obj.style.zIndex = 150;
		this.active = true;
	}

	this.hide = function() {
		this.obj.style.visibility = 'hidden';
		this.obj.style.zIndex = -1;
		this.active = false;
	}

	this.setOpacity = function() {
		this.obj.style.filter = 'alpha(opacity=' + this.opacity + ')';
		this.obj.style.mozOpacity = '.1';
		if(this.obj.filters) this.obj.filters.alpha.opacity = this.opacity;
		if(!document.all && this.obj.style.setProperty)
		this.obj.style.setProperty('-moz-opacity', this.opacity / 100, '');
	}
}

//----------------------------------------------------------------------------------------------------
// Global functions
//----------------------------------------------------------------------------------------------------
function getScrX() {
	var offset = 0;
	if(window.pageXOffset)
	offset = window.pageXOffset;
	else if(document.documentElement && document.documentElement.scrollLeft)
	offset = document.documentElement.scrollLeft;
	else if(document.body && document.body.scrollLeft)
	offset = document.body.scrollLeft;
	return offset;
}

function getScrY() {
	var offset = 0;
	if(window.pageYOffset)
	offset = window.pageYOffset;
	else if(document.documentElement && document.documentElement.scrollTop)
	offset = document.documentElement.scrollTop;
	else if(document.body && document.body.scrollTop)
	offset = document.body.scrollTop;
	return offset;
}

function getWinX() {
	var size = 0;
	if(window.innerWidth)
	size = window.innerWidth;
	else if(document.documentElement && document.documentElement.clientWidth)
	size = document.documentElement.clientWidth;
	else if(document.body && document.body.clientWidth)
	size = document.body.clientWidth;
	else size = screen.width;
	return size;
}

function getWinY() {
	var size = 0;
	if(window.innerHeight)
	size = window.innerHeight;
	else if(document.documentElement && document.documentElement.clientHeight)
	size = document.documentElement.clientHeight;
	else if(document.body && document.body.clientHeight)
	size = document.body.clientHeight;
	else size = screen.height;
	return size;
}

function getMouseXY(e) {
	if(e && e.pageX != null) {
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	else if(event && event.clientX != null) {
		mouseX = event.clientX + getScrX();
		mouseY = event.clientY + getScrY();
	}
	if(mouseX < 0) mouseX = 0;
	if(mouseY < 0) mouseY = 0;
	if(tooltip && tooltip.active) tooltip.move();
}

function toolTip(text, width, opacity,bg) {
	if(text) {
		tooltip = new TOOLTIP();
		tooltip.text = '<div id="ToolTip_container"><span>'+text+'</span></div><div id="ToolTip_bottom"></div>';
		//if(width) tooltip.width = width;
		//if(opacity) tooltip.opacity = opacity;
		//if(bg) tooltip.bgColor = bg;
		tooltip.create();
	}
	else if(tooltip) tooltip.hide();
}

//----------------------------------------------------------------------------------------------------
// Build tooltip box
//----------------------------------------------------------------------------------------------------
document.write('<div id="ToolTip" style="position:absolute; visibility:hidden"></div>');

//----------------------------------------------------------------------------------------------------
// Event handlers
//----------------------------------------------------------------------------------------------------
var mouseX = mouseY = 0;
document.onmousemove = getMouseXY;

//----------------------------------------------------------------------------------------------------