// JavaScript Document

// position of the hover_tip relative to the mouse in pixel //
var offsetx = 12;
var offsety =  15;

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); 
    } 
} 
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 getmouseposition(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_tipstyle = document.getElementById(style);
	   lixlpixel_tipstyle.style.left = (mousex+pagex+offsetx) + 'px';
	   lixlpixel_tipstyle.style.top = (mousey+pagey+offsety) + 'px';
    }
}
function hover_tip(tip, selected_style)
{
	
	style = selected_style;	
    if(!document.getElementById(style)) newelement(style);
    var lixlpixel_tipstyle = document.getElementById(style);
    lixlpixel_tipstyle.innerHTML = tip;
    lixlpixel_tipstyle.style.display = 'block';
    document.onmousemove = getmouseposition;
}
function exit()
{
    document.getElementById(style).style.display = 'none';
}