var help_html = '<table id="help_div" style="position:absolute;display:none;" border="0" cellspacing="0" cellpadding="0">'
+ '<tr><td width="11" height="8" align="left"><img src="/images/left01.gif" width="11" height="26"></td>'
+ '<td background="/images/left03.gif" style="background-repeat:repeat-x;" align="left" id="help_div_arrow">'
+ '<img src="/images/left02.gif" width="30" height="26"></td>'
+ '<td width="11"><img src="/images/left04.gif" width="11" height="26"></td>'
+ '<tr><td width="11" align="left" background="/images/left10.gif" style="background-repeat:repeat-y"></td>'
+ '<td bgcolor="#fef6df" style="padding:3 3 3 3;" id="help_text"></td>'
+ '<td width="11" background="/images/left05.gif" style="background-repeat:repeat-y"></td></tr>'
+ '<tr><td width="11" align="left"><img src="/images/left08.gif" width="11" height="9"></td>'
+ '<td background="/images/left07.gif" style="background-repeat:repeat-x"></td>'
+ '<td width="11"><img src="/images/left06.gif" width="11" height="9"></td></tr>'
+ '</table>';

document.write(help_html);

var preview="help_div";
var gobj="";

function attachEvent_(obj, evt, fuc, useCapture) {
	if(!useCapture) useCapture=false;
	if(obj.addEventListener) { 
		return obj.addEventListener(evt,fuc,useCapture);
	} else if(obj.attachEvent) { 
		return obj.attachEvent("on"+evt, fuc);
	} else { 
		MyAttachEvent(obj, evt, fuc);
		obj['on'+evt]=function() { MyFireEvent(obj,evt) };
	}
}

function detachEvent_(obj, evt, fuc, useCapture) {
	if(!useCapture) useCapture=false;
	if(obj.removeEventListener) {
		return obj.removeEventListener(evt,fuc,useCapture);
	} else if(obj.detachEvent) {
		return obj.detachEvent("on"+evt, fuc);
	} else {
		MyDetachEvent(obj, evt, fuc);
		obj['on'+evt]=function() { MyFireEvent(obj,evt) };
	}
}

function MyAttachEvent(obj, evt, fuc) {
	if(!obj.myEvents) obj.myEvents= {};
	if(!obj.myEvents[evt]) obj.myEvents[evt]=[];
	var evts = obj.myEvents[evt];
	evts[evts.length]=fuc;
}

function MyFireEvent(obj, evt) {
	if(!obj.myEvents || !obj.myEvents[evt]) return;
	var evts = obj.myEvents[evt];
	for (var i=0;i<len;i++) {
		len=evts.length;
		evts[i]();
	}
}

function previewShow(e, obj) {
	var hb = document.getElementById("help_text");
	hb.innerHTML = obj.getAttribute("help");
	gobj=obj;
	attachEvent_(obj, "mousemove", previewMove, false);
	attachEvent_(obj, "mouseout", previewHide, false);
}

function previewMove(e) {
	var hb = document.getElementById(preview);
	hb.style.display="";
	var evt = e ? e : window.event;
	var posx=0;
	var posy=0;
	
	if (evt.pageX || evt.pageY) { 
		posx = evt.pageX -16;//8
		posy = evt.pageY +30;
	} else if (evt.clientX || evt.clientY) { 
		posx = evt.clientX -20;//10
		posy = evt.clientY +30;
		if (window.event) { 
			posx += document.body.scrollLeft;
			posy += document.body.scrollTop;
		}
	}
	dw = document.body.scrollLeft + document.body.clientWidth - 20;
	if (posx + hb.clientWidth > dw) posx = dw - hb.clientWidth - 20;
	ax = (evt.pageX ? evt.pageX : evt.clientX) - posx - 20;
	if (ax <= 0) ax = 0;
	document.getElementById("help_div_arrow").style.paddingLeft = ax + "px";
	hb.style.left = posx + "px";
	hb.style.top = posy + "px";
}

function previewHide() {
	var hb = document.getElementById(preview);
	
	hb.style.display="none";
	
	detachEvent_(gobj,"mousemove", previewMove, false);
}