var cursor = true;         //running cursor
var tipwidth = "250px";    //default tooltip width
var disappeardelay = 100;  //tooltip disappear speed onMouseout (in miliseconds)

var ie4 = document.all;
var ns6 = document.getElementById&&!document.all;
var move = false;

if(ns6)
{
	mx = "e.pageX"
	my = "e.pageY"
} 
if(ie4) {
	mx = "event.x"
	my = "event.y"
}
if (ie4 || ns6)
{
	document.write('<div id="fixedtipdiv" style="z-index: 9999; visibility:hidden;width:'+tipwidth+';" ><div class="tooltip-left"></div>  <div id="fixedtipdiv-text" class="tooltip-main"></div>  <div class="tooltip-right"></div></div>')
}

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function showhide(obj, visible, hidden, tipwidth)
{
	if (ie4||ns6)
		dropmenuobj.style.left=dropmenuobj.style.top=-5000;
	if (tipwidth!="")
	{
		dropmenuobj.widthobj=dropmenuobj.style;
		dropmenuobj.widthobj.width=tipwidth;
	}
	obj.visibility=visible;
}

var sale;

function tooltip()
{
	var object = document.getElementsByTagName("a");
	var title;
	var _link;
	
	for (var i=0; i<object.length; i++)
	{
		if(object[i].className.indexOf("tooltip") != -1)
		{
			object[i].onmouseover = function()
			{
				sale = $(this).attr('sale');
				fixedtooltip(this.title, this, cursor);
				title = this.title;
				this.title = "";
				move = true;
			}
			object[i].onmouseout = function()
			{
				delayhidetip();
				this.title = title;
				sale = 0;
				move = false;
			}
		}
	}
	
	var _fixedtipdiv = document.getElementById("fixedtipdiv");
	_fixedtipdiv.onmouseover = function()
	{
		_fixedtipdiv.style.visibility = "visible";
	}
	_fixedtipdiv.onmouseout = function()
	{
		_fixedtipdiv.style.visibility = "hidden";
	}	
			
	if(cursor)
	{
		jQuery(document).ready(function(){
		   $().mousemove(function(e){
			  MoveTip(e.pageX,e.pageY)
		   }); 
		})
	}
}

function fixedtooltip(menucontents, obj, cur)
{
	clearhidetip();
	
	dropmenuobj = document.getElementById? document.getElementById("fixedtipdiv") : fixedtipdiv;
	dropmenuobj_inside = document.getElementById? document.getElementById("fixedtipdiv-text") : fixedtipdiv;
	
	if (sale == 1)
	{
		document.getElementById("fixedtipdiv-text").innerHTML = menucontents + '<br><span style="font-size:10px;">Sale, </span><span style="font-size:10px;color:#555555;">meer over dit artikel</span>';
	}
	else
	{
		document.getElementById("fixedtipdiv-text").innerHTML = menucontents + '<br><span style="font-size:10px;color:#555555;">Meer over dit artikel</span>';
	}
	
	if (ie4||ns6)
	{
		showhide(dropmenuobj.style, "visible", "hidden", tipwidth)
		if(!cur)
		{
			showhide(dropmenuobj.style, "visible", "hidden", tipwidth)
			dropmenuobj.x=getposOffset(obj, "left")
			dropmenuobj.y=getposOffset(obj, "top")
		
			dropmenuobj.style.left = dropmenuobj.x + 20 + "px";
			dropmenuobj.style.top = dropmenuobj.y + 20 + "px";
		}
	}
}

function MoveTip(x,y)
{
	if(move)
	{
		dropmenuobj = document.getElementById? document.getElementById("fixedtipdiv") : fixedtipdiv;
		dropmenuobj.style.left = x+ 20 + "px";
		dropmenuobj.style.top = y + 20 + "px";
	}
}

function hidetip(e)
{
	if (typeof dropmenuobj!="undefined")
	{
		if (ie4||ns6)
			dropmenuobj.style.visibility="hidden";
	}
}

function delayhidetip()
{
	if (ie4||ns6)
		delayhide=setTimeout("hidetip()",disappeardelay)
}

function clearhidetip()
{
	if (typeof delayhide!="undefined")
	clearTimeout(delayhide)
}