tooltip = {
	name : 'tooltipDiv',
	offsetX : -30,
	offsetY : 20,
	tip : null
};
tooltip.init = function ()
{
	var tipNameSpaceURI = '';
	if (!tipContainerID)
	{
		var tipContainerID = 'tooltipDiv';
	}
	var tipContainer = document.getElementById(tipContainerID);

	if(!tipContainer)
	{
		tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, 'div') : document.createElement('div');
		tipContainer.setAttribute('id', tipContainerID);
		tipContainer.style.display = 'none';
		document.getElementsByTagName('body').item(0).appendChild(tipContainer);
	}

	if (!document.getElementById) return;

	this.tip = document.getElementById (this.name);
	if (this.tip) document.onmousemove = function (evt)
	{
		tooltip.move (evt)
	};

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

	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.removeAttribute('alt');
			a.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
			a.onmouseout = function() {tooltip.hide()};						
		}
	}

	// extended to img TagName by reddog ( remove class="gradualshine"  by danny)
	var img, iTitle;
	var anchors = document.getElementsByTagName('img');

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

	// extended to input TagName by danny
	var input, aTitle;
	var anchors = document.getElementsByTagName('input');

	for (var i = 0; i < anchors.length; i ++)
	{
		input = anchors[i];
		aTitle = input.getAttribute('title');
		if(aTitle)
		{
			input.setAttribute('tiptitle', aTitle);
			input.removeAttribute('title');
			input.removeAttribute('alt');
			input.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
			input.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
	{ // Mozilla
		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.visibility = 'visible';
	this.tip.style.display = 'block';
};

tooltip.hide = function ()
{
	if (!this.tip) return;
	this.tip.style.visibility = 'hidden';
	this.tip.style.display = 'none';
	this.tip.innerHTML = '';
};

window.onload = function ()
{
	tooltip.init ();
}