$(document).ready(function(){
	var closetimer = 0;	
	var altezza = $("#boxinfo").height();
  var $tab = $("#tab");
  
  var resize = function() {
    $tab.removeAttr("style");
    if($tab.hasClass("clicked")) {
      var h = $("#info").height()+altezza;
      $tab.height(h);  
    }
  };
  $(window).resize(resize);
  resize();

	var open = function() {
    clearTimeout(closetimer);
    if($tab.hasClass("clicked"))
      return;
		$tab.animate({height:"+="+altezza+"px"}, 300);
		$tab.addClass("clicked");  
  }
  
  var close = function() {
    clearTimeout(closetimer);
    $tab.animate({height:"-="+altezza+"px"}, 300);
    $tab.removeClass("clicked");  
  }

  $tab.mouseover(open);	
  $tab.mouseout(function() {
    closetimer = window.setTimeout(close, 8000);
	}); 
  $("#info").click(function(){
    if($tab.hasClass("clicked"))
      close();
    else
      open();
  });	
});