var animateContent = function() {
  $('#shadowWrapper').removeClass('animate');
  var animation = {
    open:{
      height: 50,
      'padding-top': '25px',
      'padding-bottom': '25px'
    },
    close:{
      height: 0,
      'padding-top': '0',
      'padding-bottom': '0'
    }
  }

  $('#shadowWrapper').mouseenter(function(ev) {
    $('#contentWrapper').animate(animation.open, 500)
  });
  $('shadowWrapper').click(function(ev) {
    $('#contentWrapper').animate(animation.open, 500)
  });
  $('#shadowWrapper').mouseleave(function(ev) {
    $('#contentWrapper').animate(animation.close, 500);
  });
  
}

// firefox below 4 needs jquery
if(
  (jQuery.browser.mozilla && parseInt(jQuery.browser.version.substr(0,1)) < 2)
  ||
  (jQuery.browser.msie)) {
  animateContent();
}

var str = '';
for(var i in jQuery.browser) {
  str += i + ":"+jQuery.browser[i]+"\n";
}
//alert(str);