jQuery(document).ready(function() {
  getMainPicHeight();

  
  jQuery("#bergmenu").hide();
  jQuery("#bergmenu form").hide();
  jQuery("#berglogo-head").mouseover(function() {
    jQuery("#bergmenu").animate({ 
      width: "220px",
      "padding-left": "10px",
      "padding-right": "10px"
    }, 500, "swing", function() {jQuery("#bergmenu form").fadeIn()} );
  });
  jQuery(".logo-wrapper").mouseleave(function() {
    jQuery("#bergmenu form").fadeOut("normal", function() {
      jQuery("#bergmenu").animate({
        width: "0px",
        "padding-left": '0',
        "padding-right": '0'
      }, 500, "swing", function() {jQuery("#bergmenu").hide()});
    });
  });
});


function getMainPicHeight() {
  if(jQuery("img#projpic").length > 0) {
    picHeight = jQuery("img#projpic").attr("height");
    if(jQuery(".thumbnail-picker").length > 0) {
      jQuery(".thumbnail-picker img").load(function() {
        var pickerHeight = jQuery(".thumbnail-picker").height() + 14; // 14 is the vertical padding.
        if(pickerHeight < picHeight) {
          var diff = picHeight - pickerHeight;
          jQuery(".widgets").css("margin-top", diff + 28 + "px");
        } else {
          var diff = pickerHeight % 21
          jQuery(".widgets").css("margin-top", diff + 28 + "px");
        }        
      })
    } else {
      jQuery(".widgets").css("margin-top", picHeight + 28 + "px");
    }
  }
}