// position of the tooltip relative to the mouse in pixel //
var offsetx = -12;
var offsety = 18;

var MSIE=navigator.userAgent.indexOf('MSIE')>=0?true:false;

function newelement(newid) {
	if(document.createElement)  {
		var el = document.createElement('div');
		el.id = newid;
		with(el.style) {
			display = 'none';
			position = 'absolute';
		}
		el.innerHTML = ' ';
		document.body.appendChild(el);
	}
}

function getmouseposition(e) {
	if(document.getElementById) {
		var iebody=(document.compatMode &&
		document.compatMode != 'BackCompat') ?
		document.documentElement : document.body;

		if (MSIE) {
			mousex = event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) +offsetx;
			mousey = event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) +offsety;
		} else {
			mousex = e.clientX + window.pageXOffset +offsetx;
			mousey = e.clientY + window.pageYOffset +offsety;
		}

		var lixlpixel_tooltip = document.getElementById('tooltip');
		lixlpixel_tooltip.style.left = mousex + 'px';
		lixlpixel_tooltip.style.top = mousey + 'px';
	}
}

function tooltip(tip) {
	if(!document.getElementById('tooltip')) newelement('tooltip');
	var lixlpixel_tooltip = document.getElementById('tooltip');
	lixlpixel_tooltip.innerHTML = tip;
	lixlpixel_tooltip.style.display = 'block';
	if (MSIE) lixlpixel_tooltip.style.filter="alpha(opacity=75)";
	else lixlpixel_tooltip.style.opacity="0.75";
	document.onmousemove = getmouseposition;
}

function exit() {
	document.getElementById('tooltip').style.display = 'none';
}

function initToolTip() {
	var objIcons = $('icons');
	var objImgsCol = objIcons.getElementsByTagName('IMG');
	for (i = 0; i < objImgsCol.length; i++) {
		var altTxt=objImgsCol[i].alt;
		objImgsCol[i].alt = '';
		objImgsCol[i].parentNode.onmouseover = new Function('tooltip("'+altTxt+'");');
		objImgsCol[i].parentNode.onmouseout = new Function('exit();');
	}
}