function show_more_info_box(page_url) {
    $("#more_info-window-inner").load(page_url+" #body-inner");

    var de = document.documentElement;
    var w = $("body").width();
    var p_w = $("#page").width();
    var p_h = $("#page").height();
    var more_info_w = $("#more_info-window").width();

    $("#more_info-overlay-left").css({width: ((w - p_w)/2)+"px", height: p_h+"px" });
    $("#more_info-overlay-right").css({width: ((w - p_w)/2)+"px", left: (((w - p_w)/2)+p_w)+"px", height: p_h+"px"});
    $(".more_info-overlay").css({height: p_h+"px" }); // fix for ie6

    $("#more_info-window").css({left: ((p_w - more_info_w)/2)+"px"});
    
    $("div.more_info-overlay").show();
    $("#more_info-window").show();
    return false;
}
function hide_more_info() {
  $("div.more_info-overlay").hide();
  $("#more_info-window").hide();
}

$(window).ready(function() {  
  // equalize columns.
  var min_height = 234;
  $("div.activity-box").each(function() {
    var element = $(this);
    if (element.height() > min_height) {
      min_height = element.height();
    }
  });
  $("div.activity-box").css({height: min_height+"px"});
  $("div#activity-info-inner").css({height: min_height+"px"});


  // add more info window
  $("body").append("<div class='more_info-overlay' id='more_info-overlay-left'></div><div class='more_info-overlay' id='more_info-overlay-right'></div>");
  $("#page").append("<div class='more_info-overlay' id='more_info-overlay-page'></div>");

  $("div.more_info-overlay").click(hide_more_info);
    
  //$("div#activity-columns").show();


});
    
jQuery(function($){
  
  $(".activity-box a").click(function(){
      // remove any other 'active' class and add this one as the active
      $(".activity-box a.active").removeClass("active");
      $(this).addClass("active");

      // load stuff in map, info-content
      page_url = $(this).attr("href");
      page_overlay_url = $(this).attr("overlay");
      $("#activity-info-inner").load(page_url+" #body-inner");

      if ($(this).hasClass("selected")) {
        $(this).removeClass("selected");
        var name = $(this).attr("name");
        $("#"+name).remove();
      } else {
        $(this).addClass("selected");
        $("#new-overlay").load(page_overlay_url);
        $("#new-overlay .overlay-map-image").appendTo("#map-overlay");
        $("#new-overlay").empty();
      }

      return false;
    });

});