var selectedTopButton = ""; // Stores the currently selected top button so that the mouseovers are executed correctly

                function resizeContentBackground()                {
		  document.getElementById("content_bg").style.height = Math.max(document.getElementById("content").offsetHeight, (window.innerHeight == undefined ? document.body.offsetHeight*5 : window.innerHeight*1.5))+"px";
		}

                function hoverOnOddButtons()
                {
		  this.style.color = '#ffcc00';
		}
                
                function hoverOffOddButtons()
                {
		  if(selectedTopButton != this.id) this.style.color = '#000000';
		}


function activateTopButton( buttonID )
{
	var newClickedColor;
	var newSideButtonClass;

	// If buttonID is 0, then the contact us or links button has been clicked
	if(buttonID == 'nav0') { return(1); }

	// Reset top button backgrounds
	document.getElementById("nav1").style.backgroundColor = "#ffffff";
	document.getElementById("nav2").style.backgroundColor = "#ffffff";
	document.getElementById("nav3").style.backgroundColor = "#ffffff";
	document.getElementById("nav4").style.backgroundColor = "#ffffff";
	document.getElementById("nav5").style.backgroundColor = "#ffffff";

	// Choose new colors
	switch(buttonID)
	{
	case 'nav1':
		newClickedColor = "#333366";
		newTextColor = "#ffcc00";
		textID = "tbutton1";
		newSideButtonClass = 'sec_nav but_type1';
		break;
	case 'nav2':
		newClickedColor = "#ffcc00"
		newTextColor = "#000000";
		textID = "tbutton2";
		newSideButtonClass = 'sec_nav but_type2';
		break;
	case 'nav3':
		newClickedColor = "#333366";
		newTextColor = "#ffcc00";
		textID = "tbutton3";
		newSideButtonClass = 'sec_nav but_type3';
		break;
	case 'nav4':
		newClickedColor = "#ffcc00";
		newTextColor = "#000000";
		textID = "tbutton4";
		newSideButtonClass = 'sec_nav but_type4';
		break;
	case 'nav5':
		newClickedColor = "#333366";
		newTextColor = "#ffcc00";
		textID = "tbutton5";
		newSideButtonClass = 'sec_nav but_type5';
		break;
	}

	document.getElementById(buttonID).style.backgroundColor = newClickedColor;
	document.getElementById(textID).style.color = newTextColor;
	document.getElementById("side_nav").style.borderColor = newClickedColor;
	selectedTopButton = textID;

	// Reset the topbutton text colors
	if(textID != "tbutton1" && document.getElementById("tbutton1").style.color != "#000000") document.getElementById("tbutton1").style.color = "#000000";
	if(textID != "tbutton3" && document.getElementById("tbutton3").style.color != "#000000") document.getElementById("tbutton3").style.color = "#000000";
	if(textID != "tbutton5" && document.getElementById("tbutton5").style.color != "#000000") document.getElementById("tbutton5").style.color = "#000000";

	// Make the proper sidebuttons visible
	document.getElementById("infobox").style.visibility = "hidden";
	var buttonArray = document.getElementsByTagName("span");
	// 6/25/07 fix: Safari doesn't like the enhanced for loop, so changed it to a regular for loop
	for(var i=0; i<buttonArray.length; i++)
	{
		var check_span_class = new RegExp("sidebuttons","g");
		var find_proper_span = new RegExp(buttonID);
		if( check_span_class.test(buttonArray[i].className) )
		{
			if(find_proper_span.test(buttonArray[i].className))
			{
				buttonArray[i].style.visibility = "visible";
			} else {
				buttonArray[i].style.visibility = "hidden";
			}
		}
	}
	

	// Change all the side-buttons to the new hover color
	buttonArray = document.getElementsByTagName("a");
	for(i in buttonArray)
	{	
		var check_button_class = new RegExp("sec_nav","g"); // Not sure why I need to re-initialize this every time, but it doesn't work without it
		if( check_button_class.test(buttonArray[i].className) )
		{
			buttonArray[i].className = newSideButtonClass;
		}
	}
}

// Activates button with id buttonID and loads the URL, if defined.
function clickSideButton( buttonID, classType, url )
{
	var newClickedColor;
	var newTextColor;
	var buttonArray;

	// Reset the buttons
	buttonArray = document.getElementsByTagName("div");
	for(i in buttonArray)
	{	
		var check_button_class = new RegExp("side_button","g"); 
		if( check_button_class.test(buttonArray[i].className) )
		{
			buttonArray[i].style.backgroundColor = "transparent";
		}

	}
	
	buttonArray = document.getElementsByTagName("a");
	for(j in buttonArray)
	{
		check_button_class = new RegExp("sec_nav","g"); 
		if( check_button_class.test(buttonArray[j].className) )
		{
			buttonArray[j].style.color = "#333366";
		}
	}

	// Choose the new solid color
	switch(classType)
	{
	case 'sec_nav but_type1':
		newClickedColor = "#333366";
		newTextColor = "#ffcc00";
		break;
	case 'sec_nav but_type2':
		newClickedColor = "#ffcc00";
		break;
	case 'sec_nav but_type3':
		newClickedColor = "#333366";
		newTextColor = "#ffcc00";
		break;
	case 'sec_nav but_type4':
		newClickedColor = "#ffcc00";
		break;
	case 'sec_nav but_type5':
		newClickedColor = "#333366";
		newTextColor = "#ffcc00";
		break;
	}

	// Set the button to its new solid color
	var side_button = document.getElementById(buttonID);


	// Button might not exist if user clicked an alumni's name
	// Might want to automatically switch to the alumni section?
	if(side_button != null)
	{
		var button = document.getElementById(buttonID);
		button.style.backgroundColor = newClickedColor;
		// Set the new text color, if necessary
		if(newTextColor) 
		{
			var linkText = button.getElementsByTagName("a");
			linkText[0].style.color = newTextColor;
		}
	}

	// Load the content
	document.getElementById("content").innerHTML = "<br><center>Loading...</center>";
	//document.getElementById("content").innerHTML = "<p><center><b>" + buttonID + "</b></center></p>";
	if(url)
	{
		window.location=url;	
	}
}

function loadPage(url) {

    if (window.XMLHttpRequest) { // Non-IE browsers
      req = new XMLHttpRequest();
      req.onreadystatechange = targetDiv;
      try {
        req.open("GET", url, true);
      } catch (e) {
        alert(e);
      }
      req.send(null);
    } else if (window.ActiveXObject) { // IE
      req = new ActiveXObject("Microsoft.XMLHTTP");
      if (req) {
        req.onreadystatechange = targetDiv;
        req.open("GET", url, true);
        req.send();
      }
    }
  return false;
}

function targetDiv() {
    if (req.readyState == 4) { // Complete
          if (req.status == 200) { // OK response
              document.getElementById("content").innerHTML = req.responseText;
	      resizeContentBackground();
          } else {
            alert("Problem: " + req.statusText);
          }
    }
}