/*
Dynamic resizing of column widths due to cell changes as well as screen resize added by Zone4.
*/
window.onresize = setHeaderWidth;

function setHeaderWidth() { //set header table to same width as main table
	document.getElementById('divStayTopLeft').style.width = document.getElementById('mainTable').offsetWidth;
	var colCnt = document.getElementById('mainTable').getElementsByTagName('tr')[0].getElementsByTagName('td').length;
	for (i=0;i<colCnt;i++) { //set each header column width to same as main table
		document.getElementById('floatTable').getElementsByTagName('tr')[0].getElementsByTagName('td')[i].style.width = document.getElementById('mainTable').getElementsByTagName('tr')[0].getElementsByTagName('td')[i].offsetWidth - 3;
	    //document.getElementById('floatTable').getElementsByTagName('tr')[0].getElementsByTagName('td')[i].innerHTML = i + "=" + document.getElementById('mainTable').getElementsByTagName('tr')[0].getElementsByTagName('td')[i].offsetWidth;
	    //alert(i + " width:" + document.getElementById('floatTable').getElementsByTagName('tr')[0].getElementsByTagName('td')[i].style.width + " = offsetWidth:" + document.getElementById('mainTable').getElementsByTagName('tr')[0].getElementsByTagName('td')[i].offsetWidth);
	}
}

setHeaderWidth(); //Call on first load so we don't need to know or define widths ahead of time - can all be done dynamically after load.

function findTop(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curtop += obj.offsetTop;
		} 
		while (obj = obj.offsetParent);
			return [curtop];
	}
}

/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"

function JSFX_FloatTopDiv()
{
	var startX = 1;
	var tableTop = findTop(document.getElementById("mainTable")); //added by Zone4 - determins real pixel top of the table on the page - this means the table can be placed dynamically
	startY = 0; //tableTop * -1; // modified by Zone4 - apply the startY based on our real tableTop value detemined above.
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : document.body.scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		//alert(ftlObj.y);
		if (ftlObj.y > tableTop) //added by Zone4 to hide the floating div if it's above the real position of the table - works when table is not full screen / in an offset div
			document.getElementById("divStayTopLeft").style.display = "";
		else
			document.getElementById("divStayTopLeft").style.display = "none";
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("divStayTopLeft");
	stayTopLeft();
}
JSFX_FloatTopDiv();