// from http://lixlpixel.org/javascript-tooltips/
		
// position of the tooltip relative to the mouse in pixel //
var offsetposition = 'R';
var offsetx = 12;
var offsety =  8;
function tipNewElement(newid)
{ 
	if(document.createElement)
	{ 
		var el = document.createElement('div'); 
		el.id = newid;     
		with(el.style)
		{ 
			display = 'none';
			position = 'absolute';
			width = '160px';
		} 
		el.innerHTML = ' '; 
		document.body.appendChild(el); 
	} 
}


var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);
function tipGetMousePosition(e)
{
	if(document.getElementById)
	{
		var iebody=(document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body;
		pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
		pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
		mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
		mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;
		
		var lixlpixel_tooltip = document.getElementById('tooltip');
		if (lixlpixel_tooltip) {
			var tooltip_width = lixlpixel_tooltip.style.width;
			tooltip_width = tooltip_width.replace('px', '');
		
			if (offsetposition == 'L') {
				lixlpixel_tooltip.style.left = (mousex+pagex-offsetx-tooltip_width) + 'px';
				lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
			} else {
				lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
				lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
			}
		}
	}
}

function tipDisplay(tip, newposition, newwidth)
{
	if (newposition != '') offsetposition = newposition;
	else offsetposition = 'R';
	
	if(!document.getElementById('tooltip')) tipNewElement('tooltip');
	var lixlpixel_tooltip = document.getElementById('tooltip');
	
	// Apply a custom width
	lixlpixel_tooltip.style.width = (!newwidth) ? '160px' : newwidth;
	
	// Display the box
	lixlpixel_tooltip.innerHTML = tip;
	lixlpixel_tooltip.style.display = 'block';
	document.onmousover = tipGetMousePosition;
	document.onmousemove = tipGetMousePosition;
}

function tipExit()
{
	if (document.getElementById('tooltip')) {
		document.getElementById('tooltip').style.display = 'none';
		document.onmousemove = '';
	}
}