//when using this script, make sure that the rollover div and tooltip div have unique id's.

	var HitTipsList = new Array();
	
	function tooltipper(hitzone,tooltip) {
			HitTipsList[hitzone]=tooltip;
			$(tooltip).hide();
			$(hitzone).observe('mousemove', respondToMouseMove);
			$(hitzone).observe('mouseout', respondToMouseOut);
	}
	
	function respondToMouseMove(event) {
			
			var tooltip = HitTipsList[Event.element(event).id];
			$(tooltip).show();
			
			var posx;
			var posy;
			
						
			if ((Event.pointerX(event) + 200)>document.viewport.getWidth()) {
				posx = Event.pointerX(event) - 220;
			}
			else posx = (Event.pointerX(event)+10);
			
			if ((Event.pointerY(event) + Element.getHeight($(tooltip)))>document.viewport.getHeight()+document.viewport.getScrollOffsets().top) {
				posy = Event.pointerY(event) - Element.getHeight($(tooltip)) - 10;
			}
			else posy = (Event.pointerY(event)+10);
			
			$(tooltip).setStyle({left:posx+ "px",top:posy+ "px"});
			
			
	}
				
	function respondToMouseOut(event) {
		var tooltip = HitTipsList[Event.element(event).id];
		$(tooltip).hide();
	}