/*
contentborder.js

The purpose of this code is to make up for the fact that it is unknowable whether main content (content1) and the right content bar (content2, content3, & content 4) is taller than the other, and the inability to force a div to be taller than it's content.

This code gets the pixel height of the main content and the right content and compares then, and then attaches a border to whichever is the tallest.

Created by Josh, 2006

*/
function contentborder()
{
	//Get div heights for each of the four content divs
	var DivHeight1 = document.getElementById('content1').offsetHeight;
	var DivHeight2 = document.getElementById('content2').offsetHeight;
	var DivHeight3 = document.getElementById('content3').offsetHeight;
	var DivHeight4 = document.getElementById('content4').offsetHeight;
	
	//Combine the heights for content2, content3, and content4 to get combined height of right content
	var DivHeightRight = DivHeight2 + DivHeight3 + DivHeight4;
	
	//compare the heights of the main content and the right content, and add appropriate borders
	if (DivHeight1 > DivHeightRight)
	{
		document.getElementById('content1').style.borderRight = "1px solid #000000";
		document.getElementById('content2').style.borderLeft = "0";
		document.getElementById('content3').style.borderLeft = "0";
		document.getElementById('content4').style.borderLeft = "0";
	}
	else
	{
		document.getElementById('content1').style.borderRight = "0";
		document.getElementById('content2').style.borderLeft = "1px solid #000000";
		document.getElementById('content3').style.borderLeft = "1px solid #000000";
		document.getElementById('content4').style.borderLeft = "1px solid #000000";
	}
}