function dynObj(id,x,y,w,h) {
	this.el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
	if (!this.el) return null;
	this.doc = (document.layers)? this.el.document: this.el;
	this.css = (this.el.style)? this.el.style: this.el;
	var px = (document.layers||window.opera)? "": "px";
	this.x = x || 0;	if (x) this.css.left = this.x+px;
	this.y = y || 0;	if (y) this.css.top = this.y+px;
	this.width = w? w: (this.el.offsetWidth)? this.el.offsetWidth: (this.css.clip.width)? this.css.clip.width: 0;
	this.height = h? h: (this.el.offsetHeight)? this.el.offsetHeight: (this.css.clip.height)? this.css.clip.height: 0;
	if (w){ (document.layers)? this.css.clip.width=w+px: this.css.width=w+px;}
	if (h){ (document.layers)? this.css.clip.height=h+px: this.css.height=h+px;}
	this.obj = id + "dynObj"; 	eval(this.obj + "=this");
}
function dw_show() { this.css.visibility = "visible"; }
function dw_hide() { this.css.visibility = "hidden"; }

function dw_shiftTo(x,y) {
	if (x!=null) this.x=x; if (y!=null) this.y=y;	
	// rounded below (this.x/y can hold decimals)
	if (this.css.moveTo) { 
		this.css.moveTo(Math.round(this.x),Math.round(this.y)); 
	} else { 
		this.css.left=Math.round(this.x)+"px"; 
		this.css.top=Math.round(this.y)+"px"; 
	}
}
function dw_shiftBy(x,y) {
	this.shiftTo(this.x+x,this.y+y);
}
function dw_writeLyr(cntnt) {
	if (typeof this.doc.innerHTML!="undefined") {
      this.doc.innerHTML = cntnt;
  } else if (document.layers) {
			this.doc.write(cntnt);
			this.doc.close();
  }
}
function dw_setBgClr(bg) {
	if (document.layers) this.doc.bgColor=bg;
	else this.css.backgroundColor=bg;
}
dynObj.prototype.show = dw_show;
dynObj.prototype.hide = dw_hide;
dynObj.prototype.shiftTo = dw_shiftTo;
dynObj.prototype.shiftBy = dw_shiftBy;
dynObj.prototype.writeLyr = dw_writeLyr;
dynObj.prototype.setBgClr=dw_setBgClr;
function getLyrRef(lyr,doc) {
	if (document.layers) {
		var theLyr;
		for (var i=0; i<doc.layers.length; i++) {
	  	theLyr = doc.layers[i];
			if (theLyr.name == lyr) return theLyr;
			else if (theLyr.document.layers.length > 0) 
	    	if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
					return theLyr;
	  }
		return null;
  }
}
dynObj.prototype.centerIn = function(outer) {
	var outWd, outHt, inWd, inHt, x, y;
	if (eval(outer)==window) {
		outWd=getWinWidth();
		outHt=getWinHeight();
	} else {
		outWd=outer.width;
		outHt=outer.height;
	}
	inWd=this.width;
	inHt=this.height;
	x=Math.round((outWd-inWd)/2);
	y=Math.round((outHt-inHt)/2);
	this.shiftTo(x,y);
}
function getWidth(obj,id) {
	var wd=0;
	if (document.getElementById||document.all) {
		var elem;
		if (id)	elem = (document.getElementById)? document.getElementById(id): document.all[id];
		else elem = obj;
		if (elem.offsetWidth) wd = elem.offsetWidth;
  } else if (obj.document) wd = obj.document.width;	// ns4
	return wd;
}
function getHeight(obj,id) {
	var ht=0;
	if (document.getElementById||document.all) {
    var elem;
		if (id)	elem = (document.getElementById)? document.getElementById(id): document.all[id];
		else elem = obj;
		if (elem.offsetHeight) ht = elem.offsetHeight;
  } else if (obj.document) ht = obj.document.height;	// ns4
	return ht;
}
function getWinWidth() {
	var winWd = 0;
	if (document.documentElement && document.documentElement.clientWidth) 
		winWd = document.documentElement.clientWidth;
	else if (document.body && document.body.clientWidth) 
		winWd = document.body.clientWidth;
	else if (document.body && document.body.offsetWidth) 
		winWd = document.body.offsetWidth; // ns6
	else if (window.innerWidth) winWd = window.innerWidth-18;
	return winWd;
}
function getWinHeight() {
	var winHt = 0;
	if (window.innerHeight) winHt = window.innerHeight-18;
	else if (document.documentElement && document.documentElement.clientHeight) 
		winHt = document.documentElement.clientHeight;
	else if (document.body && document.body.clientHeight) 
		winHt = document.body.clientHeight;
	return winHt;
}	
function getScrollY() {
	var scroll_y = 0;
	if (document.documentElement && document.documentElement.scrollTop)
		scroll_y = document.documentElement.scrollTop;
	else if (document.body && document.body.scrollTop) 
		scroll_y = document.body.scrollTop; 
	else if (window.pageYOffset)
		scroll_y = window.pageYOffset;
	else if (window.scrollY)
		scroll_y = window.scrollY;
	return scroll_y;
}

function getScrollX() {
	var scroll_x = 0;
	if (document.documentElement && document.documentElement.scrollLeft)
		scroll_x = document.documentElement.scrollLeft;
	else if (document.body && document.body.scrollLeft) 
		scroll_x = document.body.scrollLeft; 
	else if (window.pageXOffset)
		scroll_x = window.pageXOffset;
	else if (window.scrollX)
		scroll_x = window.scrollX;
	return scroll_x;
}
var win_width, win_height, vert_scroll, hor_scroll;
var tip_t1, tip_t2;	// for setTimeouts
var mouseX, mouseY;

window.onload = initTip;
window.onresize = to_do_onresize;	

var origWidth, origHeight;
if (document.layers) {
  origWidth = window.innerWidth;
  origHeight = window.innerHeight;
}
function to_do_onresize() {
	if (document.layers) {
	 if (window.innerWidth != origWidth || window.innerHeight != origHeight)
	    window.location.reload();
	} else {
		win_width = getWinWidth();
		win_height = getWinHeight();
	}
}
function initTip() {
	tooltip = new dynObj('tipDiv');
	if (!tooltip) return;
	if (!document.layers && typeof tooltip.doc.innerHTML == "undefined"){
		tooltip = null;	// for opera
		return; 
	}
	if (tooltip.el.style) {	// ns4 would lose all this on rewrites
		tooltip.css.width = tipWidth+"px";
		tooltip.css.fontFamily = tipFontFamily;
		tooltip.css.fontSize = tipFontSize;
		tooltip.css.lineHeight = tipLineHeight;
		tooltip.css.color = tipFontColor;
		tooltip.css.backgroundColor = tipBgColor;
		tooltip.css.borderColor = tipBorderColor;
		tooltip.css.borderWidth = tipBorderWidth+"px";
		tooltip.css.padding = tipPadding+"px";
		tooltip.css.borderStyle = tipBorderStyle;
		if (tipBgImg) tooltip.css.backgroundImage = "url("+tipBgImg+")";
	}
	// used in calculating tip position
	win_width = getWinWidth();
	win_height = getWinHeight();
}
function goTooltip(evt,cntnt) {
	if (tip_t1) clearTimeout(tip_t1);	
	if (tip_t2) clearTimeout(tip_t2); 
	// set up mousemove 
	if (tipFollowMouse) {
		if (document.addEventListener) {
			document.addEventListener("mousemove",trackMouse,true);
		} else if (document.attachEvent) {
			document.attachEvent("onmousemove",trackMouse);
		} else {
			if (document.layers && document.captureEvents) 
				document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = trackMouse;
		}
	}
	tooltip.writeLyr(cntnt);	// write tooltip content to tipDiv
	// to get document area in view, check scroll amounts
	vert_scroll = getScrollY();
	hor_scroll = getScrollX();
	// get coordinates of mouseover event
	evt = (window.event)? window.event: evt;
	if (evt) {
		mouseX = getMouseX(evt);
		mouseY = getMouseY(evt);
	}
	// get tooltip width and height, for calculating position
	// and yes style.width was set, but browsers differ ...
	tooltip.width = getWidth(tooltip.el);	
	tooltip.height = getHeight(tooltip.el);
	// again here, delay needed by some browsers
	if (!document.layers)
		setTimeout("tooltip.height=getHeight('','tipDiv')",100);
	
	// position the tooltip, delay for getHeight
	setTimeout("positionTip()",120);	
	tip_t1=setTimeout(tooltip.obj+".show()",200);	// show tooltip
}
function positionTip() {
	var x, y;
	
	if ((mouseX + tipOffX + tooltip.width) > win_width + hor_scroll) 
		x = mouseX - (tooltip.width + tipOffX);
	else x = mouseX + tipOffX;
	
	if ((mouseY + tipOffY + tooltip.height) > win_height + vert_scroll) 
		y = (mouseY - (tooltip.height + tipOffY) > vert_scroll)?  mouseY - (tooltip.height + tipOffY): win_height + vert_scroll - (tooltip.height + tipOffY);
	else y = mouseY + tipOffY;
	tooltip.shiftTo(x,y);
}
function hideTip() {
	if (!tooltip) return;
	tip_t2=setTimeout(tooltip.obj+".hide()",200);
	// release mousemove
	if (tipFollowMouse) {
		if (document.removeEventListener) {
			document.removeEventListener("mousemove",trackMouse,true);
		} else if (document.detachEvent) {
			 document.detachEvent("onmousemove",trackMouse);
		} else {
			if (document.layers && document.releaseEvents)
				document.releaseEvents(Event.MOUSEMOVE);
			document.onmousemove = null;
		}
	}
}
function trackMouse(evt) {
	evt = (window.event)? window.event: evt;
	if (evt) {
		mouseX = getMouseX(evt);
		mouseY = getMouseY(evt);
	}
	positionTip();	
}
function getMouseX(evt) {
	return (evt.pageX)? evt.pageX: evt.clientX + getScrollX();
}
function getMouseY(evt) {
	return (evt.pageY)? evt.pageY: evt.clientY + getScrollY();
}