/**
 * set tooltip offset from cursor
 */
var offsetx = 0;
var offsety = 24;


/**
 * function newelement()
 *
 * create new tooltip element
 *
 * @param string newid "new element's Id"
 */
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);
	}
}


/**
 * get user agent for some special cases
 */
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
 *
 * get current mouse position
 *
 * @param e
 */
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_tooltip = document.getElementById("tooltip");
		lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + "px";
		lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + "px";
	}
}


/**
 * function tooltip()
 *
 * display tooltip and assign background image. when mouse moved, move also the tooltip
 *
 * @param string bg_image "background image to assign"
 */
function tooltip(bg_image){
	if(!document.getElementById("tooltip")) newelement("tooltip");

	var lixlpixel_tooltip = document.getElementById("tooltip");
	lixlpixel_tooltip.style.background = "url('images/sn/"+bg_image+"')";
	lixlpixel_tooltip.style.display = "block";

	document.onmousemove = getmouseposition;
}


/**
 * function exit()
 *
 * hide tooltip
 *
 * no params needed, there is always only one tooltip element in document
 */
function exit(){
	document.getElementById("tooltip").style.display = "none";
}