function mouseX(event) {
		event = event || window.event;
		if (event.pageX) return event.pageX;
		if (event.clientX)
		   return event.clientX + (document.documentElement.scrollLeft ?
		   document.documentElement.scrollLeft :
		   document.body.scrollLeft);
		else return null;
	}
	function mouseY(event) {
		event = event || window.event;		
		if (event.pageY) return event.pageY;
		if (event.clientY)
		   return event.clientY + (document.documentElement.scrollTop ?
		   document.documentElement.scrollTop :
		   document.body.scrollTop);
		else return null;
	}

	/*
	 * Pops up an infobox (appends div to document.body)
	 * style it with css class ".infobox"
	 * 
	 * @param elementid			dom id for the infobox
	 * @param content			contents of the infobox
	 * @param x,y,width	position and dimensions (absoulute)	 * 
	*/
	function createBox(elementid,content,x,y,width, display) {	
		
		if(document.getElementById(elementid)){
			return false;
		}
	 	//postion: left of cursor, if there's enough place
	 	x = x - width;
		z = document.documentElement.scrollLeft ?
	 		document.documentElement.scrollLeft :
			document.body.scrollLeft;
		if ( x < z ) {	
	 		x = z;
	 	}
	 	
	 	// +/-10: close-link should be right below cursor now
	 	//var dstyle = "position: absolute; top:" + (y-10) + "px; left:" + (x+10) + "px; width:" + width + "px; height:" + height + "px; background-color:#FF0000;";
	 	//var dstyle = "position: absolute; top:" + (y-10) + "px; left:" + (x+10) + "px; width:" + width + "%; height:" + height + "%;";
	 	var styleDisplay = '';
	 	if(display){
	 		var styleDisplay = 'display:' + display + ';';
	 	}
	 	var dstyle = "position: absolute; top:" + (y-10) + "px; left:" + (x+10) + "px; width:" + width + "px;" + styleDisplay;
	 	
	 	var infobox=document.createElement('div');
	 	infobox.setAttribute('id',elementid);

		var isIE = ( navigator.userAgent.match(/MSIE/) && !navigator.userAgent.match(/Opera/) );
	 	if (isIE) {
	 		infobox.setAttribute('className','widget');
	 		infobox.style.cssText = dstyle;
	 	} else {
	 		infobox.setAttribute('class','widget');	 		
		    infobox.setAttribute('style',dstyle);
	 	}
	 	
		infobox.innerHTML=content;
	    document.body.appendChild(infobox);
	}
	
	function remove_div(elementid) {
		var el=document.getElementById(elementid); 
		document.body.removeChild(el);
	}
	
	function toggle_display(obj, type) {
		
		var status = document.getElementById(obj).style.display;

	   	if (status == 'none') {
			document.getElementById(obj).style.display = type;
		}else{
			document.getElementById(obj).style.display = 'none';
		}
	}
	function toggle_class_name(obj, class1, class2) {
		
		var css_class = document.getElementById(obj).className;

	   	if (css_class == class1) {
			document.getElementById(obj).className = class2;
		}else{
			document.getElementById(obj).className = class1;
		}
	}