var x = 0;
		var y = 0;
		
		var balloonOpen = false;
		
		var IE = document.all?true:false;
		
		//var strPlatform = new String( navigator.platform );
		//var mac = return ( strPlatform.toLowerCase().indexOf( "mac" ) != -1 );
		var mac = navigator.appVersion.indexOf('Mac') != -1
		
		if (!IE) document.captureEvents(Event.MOUSEMOVE)
		document.onmousemove = getMouseXY;
		var tempX = 0;
		var tempY = 0;
		function getMouseXY(e) {
		if (IE) { // grab the x-y pos.s if browser is IE 
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
		}
		else {  // grab the x-y pos.s if browser is NS
		tempX = e.pageX;
		tempY = e.pageY;
		}  
		if (tempX < 0){tempX = 0;}
		if (tempY < 0){tempY = 0;}  		
		
		if(mac && IE){
			//this doesn't work
			x = tempX - 5;//- 280;
			y = tempY + 5;
		}
		else{
			x = tempX - 5;
			y = tempY + 5;	
		}
					
				
		var ob = getPureElement('balloon');
		if(balloonOpen){
			if(mac && IE){
				//this doesn't work
			}
			else{
				ob.top = y+20;
				ob.left = x;
			}
		}
		
		return true;
		}
	
	
	
	function getPureElement(obj){
	   if(document.getElementById){
	    ro = document.getElementById(obj).style;       
	   }
	   else{
	    ro = eval("document." + obj);     
	   }
	   return ro;
	}

	function showBalloon(titel, content){	
		if(!balloonOpen){
			document.getElementById("balloonTitel").innerHTML= titel;
			document.getElementById("balloonContent").innerHTML= content;
			
			var ob = getPureElement('balloon');		
			ob.top = y;
			ob.left = x;		
			ob.visibility = 'visible'; 
			
			balloonOpen = true;
		}
	}

	function hideBalloon(){
		var ob = getPureElement('balloon');
		ob.visibility = 'hidden'; 		
		balloonOpen = false;
	}