// position of the tooltip relative to the mouse in pixel //
var offsetx = 10;
var offsety = 10;


function newelement(newid)
{ 
    if(document.createElement)
    { 
        var el = document.createElement('div'); 
        el.id = newid;     
        with(el.style)
        { 
            display = 'none';
            position = 'absolute';
        } 
        el.innerHTML = '&nbsp;'; 
        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 mouseX(evt) {if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return null;}
function mouseY(evt) {if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null;}


 
 

function getmouseposition(e){
	var evt = e;
	if (!evt) var evt = window.event;
	var top = 0;
	var left = 0;
	
	if(bIsMSIE) {
		
		top = evt.y;
		left = evt.x;
		extraLeft = 0;
		
	}
	else {
		
		left = mouseX(evt)+offsetx;
		top =mouseY(evt)+offsety;
		
		var extraLeft = (!ie5)?((document.documentElement.clientWidth-document.body.clientWidth)/2):0;
		if(extraLeft < 0) {
			extraLeft=0;
		}
		
		//extraLeft=0; //no
		
	}

	
	
	left 	+= offsetx;
	top 	+= offsety;

	var lixlpixel_tooltip = document.getElementById('tooltip');
    lixlpixel_tooltip.style.left = (left-Math.abs(extraLeft)) + 'px';
    lixlpixel_tooltip.style.top = (top) + 'px';
    
        
    if(1==2) //document.getElementById
    {
    	var clientX = 0;
    	var clientY = 0;    	
        var iebody=(document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body;
        
        var extraLeft = (!ie5)?(screen.width/2-document.body.clientWidth/2):0;
        
        
        var pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        var pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        var mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        var mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;
  	
		mousex = mousex + document.body.scrollLeft - document.body.clientLeft;
		//y:ev.clientY + document.body.scrollTop  - document.body.clientTop        
		
        var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.style.left = (mousex+offsetx) + 'px';
        lixlpixel_tooltip.style.top = (mousey+offsety) + 'px';
        
        
    }
}
function tooltip(tip)
{	
	if(bPageLoaded){
		if(tip==''){return}
	    if(!document.getElementById('tooltip')) newelement('tooltip');
	    var lixlpixel_tooltip = document.getElementById('tooltip');
	    lixlpixel_tooltip.innerHTML = tip;
	    lixlpixel_tooltip.style.display = 'block';	    
	    document.onmousemove = getmouseposition;
	    if(lixlpixel_tooltip.offsetWidth > 400) {
	    	//lixlpixel_tooltip.style.width='300px';
	    };
	}
}
function exit() {
	if(document.getElementById('tooltip')){
		document.getElementById('tooltip').style.display = 'none';	
	}
}
