$(document).ready(function() 
{
	$('span.help').hover(
		function(e)
		{
			if(!this.title && !this.tooltipset) return;
			// muis positie ophalen
			// code van http://www.quirksmode.org/js/events_properties.html
			var mouseX = e.pageX || (e.clientX ? e.clientX + document.body.scrollLeft : 0);
			var mouseY = e.pageY || (e.clientY ? e.clientY + document.body.scrollTop : 0);
			mouseX += 5;
			mouseY += 5;
			
			// als er nog geen div is
			if(!this.tooltipdiv)
			{
				var div = document.createElement("div");
				this.tooltipdiv = div;
				
				$(div).addClass("tooltip").html((this.title || this.alt));
				
				this.title = "";
				this.alt = "";
				
				$("body").append(div);
				this.tooltipset = true;
			}
			
			$(this.tooltipdiv).show().css({left: mouseX + "px", top: mouseY + "px"});
		},
		function()
		{
			if(this.tooltipdiv)	{
				$(this.tooltipdiv).hide();
			}
		}
	);
	
	$('span.help').html('<img src="'+submap+'/img/help.gif" alt="Help" align="top">');
	$('h3 span.help').html('<img src="'+submap+'/img/help2.gif" alt="Help" align="top">');
});