var x,y
var flag=0

function handlerMM(e){
	x = (e) ? e.pageX+5 : document.body.scrollLeft+event.clientX+5;
	y = (e) ? e.pageY-10 : document.body.scrollTop+event.clientY-10;
	makebanner(x,y);
}
	
function makebanner(bx,by) {
	if (flag==1) {
		
		if (document.getElementById) {
			var thisspan = document.getElementById("span1").style;
			var thisspan2 = document.getElementById("span2").style;
		} 
		else {
			var thisspan = eval((document.layers)?"document.span1":"span1.style");
			var thisspan2 = eval((document.layers)?"document.span2":"span2.style");
		}
		
		if (thisspan.posLeft) {
			thisspan.posLeft=bx;
			thisspan.posTop=by;

			thisspan2.posLeft=bx+2;
			thisspan2.posTop=by+2;
			
		}
		if (!thisspan.posLeft) {
			thisspan.left=bx;
			thisspan.top=by;
			thisspan2.left=bx+2;
			thisspan2.top=by+2;
		}
	}
}	

function StartHint(){
	flag=1;
}

function StopHint(){
	makebanner(0,-50);
	flag=0;
}

function InitHint(message){
	document.write("<span id='span2' class='hint_shadow'>");
	document.write(message);
	document.write("</span>");

	document.write("<span id='span1' class='hint'>");
	document.write(message);
	document.write("</span>");
	
	flag=1;
	StopHint();

	if (document.layers) { document.captureEvents(Event.MOUSEMOVE); }
	document.onmousemove = handlerMM;
}