$(function() {
  $("#menu ul li").hover(
    function() {
      $(this).toggleClass("hover");
      $(this).css("z-index", "100");
    },
    function() {
      $(this).toggleClass("hover");
      $(this).css("z-index", "auto");
    }); 

});

function adjustMainMenu()
{ 
  //centering
  var r =  $("#menu ul li.last").width() + $("#menu ul li.last").offset().left;
  var l =  $("#menu ul > li:first").offset().left;
  
  var w = $("#menu ul").parent().width();
  var p = ((w - (r-l))/2);
  $("#menu > ul").css("margin-left", p + "px");  
  
  $("#menu ul li ul").prepend("<div class='top'></div>");
  $("#menu ul li ul").append("<div class='bottom'></div>");
}

$(function () {
  var box = $("div.white-round"); 
  box.prepend("<div class='top'></div>");
  box.append("<div class='bottom'></div>");
  box.css("margin-top", "4px");
  box.css("margin-bottom", "6px");
  
  box = $("div.third-box"); 
  box.prepend("<div class='top'></div>");
  box.append("<div class='bottom'></div>");
  box.css("margin-top", "4px");
  box.css("margin-bottom", "15px");
  
  box = $("#content"); 
  box.prepend("<div class='top'></div>");
  box.append("<div class='bottom'></div>");
  box.css("margin-top", "5px");
  box.css("margin-bottom", "5px");
  
  box = $("#right-menu");
  box.prepend("<div class='top'></div>");
  box.append("<div class='bottom'></div>");
  box.css("margin-top", "5px");
  box.css("margin-bottom", "5px");
  var h1 = box.height();
  var h2 = $("#content").height();
  box.height(Math.max(h1,h2));
  $("#content").height(Math.max(h1,h2));
  
});