/*usage:
 *	Insert the following code **immediately** before the closing body tag in the displayed page:
 *	<script language=javascript>sideHeight();</script>
 *
 *	In your SSI table for the side menu the last <tr> should be this, given that the table has 2 columns:
 *
 *	<tr>
 *		<td id="SideMenu"></td>
 *		<td>&nbsp;</td>
 *	</tr>
 *
 * And voila! Your SSI side menu table will stretch to the length of the body element of any length minus the 
 * content in the top of your page. If the height of your SSI menu does not match the length of your body element,
 * adjust the value for the variable offsetX.
 *
 * Also, you must include the script some where! Include it with:
 *	<script language="JavaScript" src="THEFQDNOFYOURSERVER/includes/sideHeight.js"></script>
 */
function sideHeight(){
	var x, offsetX, trueX, xWin
	offsetX = 355;
	//var browserName=; 
	if (navigator.appName=="Netscape")
	{ //Netscape code
		x = document.defaultView.getComputedStyle(document.documentElement,null).getPropertyValue("height");
		var temp = new Array;
		temp = x.split('p');
		x = temp[0];
		x =x*1;
		x = x - offsetX;
		d = document.getElementById("SideMenuH");
		d.setAttribute("height", x);
	}
	else 
	{ //IE code
		if (navigator.appName=="Microsoft Internet Explorer")
		{
			if( document.body.scrollHeight > document.documentElement.scrollHeight )
			{
				x = document.body.scrollHeight;
			}
			else
			{
				x = document.documentElement.scrollHeight;
			}
			if( document.body.clientHeight > document.documentElement.clientHeight )
			{
				xWin = document.body.clientHeight;
			}
			else
			{
				xWin = document.documentElement.clientHeight;
			}
			if( x > xWin )
			{
				trueX = x;
			}
			else
			{
				trueX = xWin;
			}
			x = trueX - offsetX;
			document.getElementById("SideMenuH").style.height = x;
		}
	}
}