// 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() {

    var mainContentHeight = $("#main-content").height() - 26;
    var leftnavContentHeight = $("#left-nav .content").height();
    var targetHeight = Math.max(mainContentHeight, leftnavContentHeight);

    $("#left-nav").css("height", targetHeight);

}


$(document).ready(function() {
    setTimeout("adjustHeight()", 1000);
});