/*
Gemaakt door Harold Angenent (Ontwerpstudio Trendwerk)
11 oktober 2010

Gebruik:
Geef een title mee voor de inhoud van de tooltip en de class tooltip aan het object
*/

if (window.attachEvent) {window.attachEvent('onload', addTooltip);}
else if (window.addEventListener) {window.addEventListener('load', addTooltip, false);}
else {document.addEventListener('load', addTooltip, false);} 

function addTooltip() {
	var tooltip = document.createElement('div');
	tooltip.setAttribute('id','tooltip');
	document.body.appendChild(tooltip);
	tooltip.style.display="none";
	tooltip.style.position="absolute";

	var els = getElementsByClass('tooltip');
	for(i=0;i<els.length;i++) {
		var el = els[i];
		el.tooltip = el.title;
		el.title="";
		
		el.onmouseover = function(e) {
			var IE = document.all?true:false;
			if (IE) {
			  tempX = event.clientX + document.body.scrollLeft;
			  tempY = event.clientY + document.body.scrollTop;
			} else {
			  tempX = e.pageX;
			  tempY = e.pageY;
			} 
			
			var tooltip = document.getElementById('tooltip');
			tooltip.innerHTML = this.tooltip;
			tooltip.style.display="inline";
			tooltip.style.left = tempX+"px";
			tooltip.style.top = tempY+"px";
		}
		el.onmouseout = function() {
			var tooltip = document.getElementById('tooltip');
			tooltip.style.display="none";
		}
	}
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}