// position of the tooltip relative to the mouse in pixel //
var offsetx = 300;
var offsety =  300;


// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// Set-up to use getMouseXY function onMouseMove

// Temporary variables to hold mouse x-y pos.s
var tempX = 300
var tempY = 300

// Main function to retrieve mouse x-y pos.s









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 tooltip(tip)
{
    if(!document.getElementById('tooltip')) newelement('tooltip');
        var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.innerHTML = tip;
        lixlpixel_tooltip.style.display = 'block';
        document.onmousemove = getMouseXY;

    	// setTimeout('exit()', 5000);
                              

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

function timedexit()
{
    setTimeout('exit()', 300);
}



function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  
var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.style.left = (tempX+8) + 'px';
        lixlpixel_tooltip.style.top = (tempY-50) + 'px';
  
  return true
}



function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}


// PPK mouseovers


   
var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_over" + suffix;
		imgs[i].number = i;
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}