//Sets the heigth in the BFB Website.
//Navigation and Container should be at the same height for backgrounds to work.
//You can only change the menu height to adjust the Navigation div.
function setBFBHeight(){
	var containerHeight = document.getElementById("container").offsetHeight;
	var menuHeight = containerHeight - 296;
	document.getElementById("menu").style.height = menuHeight + "px";
}


//Sets all of the Divs in Array to the same height
function sameDivHeight(){
    var divList = new Array("main","menu"); //list of DIV ids
	var tallestHeight = 0;
	var divHeight;
	
	//Determine the tallestHeight
	for(i=0;i<divList.length;i++){
		divHeight = document.getElementById(divList[i]).offsetHeight;
		if(divHeight > tallestHeight){
			tallestHeight = divHeight;
		}
	}

	//Set all elements to tallestHeight
	for(i=0;i<divList.length;i++){
		document.getElementById(divList[i]).style.height = tallestHeight + "px";
	}

}