// JavaScript Document

//This Javascript gives the left side navigation height that is equal to div#main-content.

//Taken from http://www.cssnewbie.com/equal-height-columns-with-jquery/

//

// function equalHeight(group) {

//     tallest = 0;

//     group.each(function() {

//         thisHeight = $(this).height();

//         if(thisHeight > tallest) {

//             tallest = thisHeight;

//         }

//     });

//     group.height(tallest);

// }

//

// The left side navigation and the div#main-content have been given the class 

// "column". Whichever is tallest will define the height of the other.

// $(document).ready(function() {

//     equalHeight($(".column"));

// });



// 04-30-09 - the above script is not getting us the correct height, 

// due to some complication with the 3 divs that add up to the 

// left-hand navigation. We need to get the height on the right 

// and apply it to the center div in the left-hand navigation.







function adjustHeight() {

  $("#main-content").each(function() {

    thisHeight = $(this).height();

    var referenceToMiddleNavigationDiv = $("#left-nav")[0];

    var leftNavHeight = thisHeight - 26;

    referenceToMiddleNavigationDiv.style.height = leftNavHeight + "px";

  })

}







$(document).ready(function() {

  adjustHeight();

  setTimeout("adjustHeight()", 3000);

});