window.onload=function(){
 setHeight();
}


function setHeight()
{
	//this stuff is hidden so it doenst look weird while the CSS loads, now it shows up 
	document.getElementById('footerBg').style.backgroundColor = '#CCCCCC';
	document.getElementById('headerBg').style.backgroundColor = '#E6E7E6';
	document.getElementById('rightcol').style.width = 613 + 'px';
	
	var myWidth = 0, myHeight = 0, myHeightBig = 0;
	if( typeof( window.innerWidth ) == 'number' ) 
	{
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
		
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
	{
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
		
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
	{
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;	
	}
	
	if (myHeight < 650) 
	{
		myHeight = 650;
	}

	//window.alert( myHeight );
	
	//document.getElementById('rcRight').style.width = (613 - document.getElementById('rcLeft').style.width) + 'px';

	//window.alert( document.getElementById('rcLeft').style.width );

	if (document.title == "Paulus Lab: Home")
	{
		
		if (myHeight > 650) 
		{
			//expands the footer to fill page
			document.getElementById('footer').style.height = myHeight - 437 + 'px';
			document.getElementById('fLeft').style.height = myHeight - 437 + 'px';
			document.getElementById('fRight').style.height = myHeight - 437 + 'px';
			document.getElementById('footerBg').style.height = myHeight - 437 + 'px';
		} 
		
		//drops the image and heading down
		document.getElementById('rcLeft').style.position = 'absolute';
		document.getElementById('rcLeft').style.bottom = '0px';
		document.getElementById('rcRight').style.position = 'absolute';
		document.getElementById('rcRight').style.bottom = '0px';	
		
	} else {
		
		//for content pages, expands the column heights
		document.getElementById('leftcol').style.height = myHeight - 213 + 'px';
		document.getElementById('midcol').style.height = myHeight - 213 + 'px';
		document.getElementById('rightcol').style.height = myHeight - 213 + 'px';
		document.getElementById('footerBg').style.top = myHeight - 213 + 'px';
				
	}

}

function filter(imagename,objectsrc)
{
	document.images[imagename].src="images/"+objectsrc;
	
	//<a href="whatever.html" onmouseover="filter('one','image02')" onmouseout="filter('one','image01')" target="bottom"><img src="images/filename.gif" name="one"></a> 

}