var menu_open;
var submenu_open = null;

$(document).ready(function() {

  $(".menu").bind("mouseover", function(  ) {
    $("div.block").css("margin-top", "108px");
    $("div.block").css("display", "none");
    $("div.menu").removeClass("menu_over");

    $(this).addClass("menu_over");

    var id = $(this).attr("id");
    id = id.replace("menu_", "");

    menu_open = id;

    if (document.getElementById('submenu_'+id)) {
      $("div.block").css("margin-top", "108px");

      var block_margin = $("div.block").css("margin-top");
      block_margin = block_margin.replace('px', '');

      $("div.block").css("margin-top", (parseInt(block_margin) + (((id - 1) * 28) + (5 * (id - 1))))+'px');
      $("div.block").css("display", "block");
    }

    $("div.submenu").css("display", "none");
    $("div#submenu_"+menu_open).css("display", "block");

    if ($("div#submenu_"+menu_open).css("display") == 'block') {
      submenu_open = menu_open;
    }
  });

  $(".menu").bind("mouseout", function() {
    submenu_open = null;
    menu_open = 0;
  });

  $("div.button").bind("mouseover", function() {
    $(this).addClass("button_over");
  });

  $("div.button").bind("mouseout", function() {
    $(this).removeClass("button_over");
  });

  $("div.column").bind("mouseover", function() {
    menu_open = menu_open;
    submenu_open = menu_open;
  });

  $("div.submenu").bind("mouseover", function() {
    menu_open = menu_open;
    submenu_open = menu_open;

    $("#menu_"+menu_open).addClass("menu_over");
  });

  $("div.submenu").bind("mouseout", function() {
    menu_open = 0;
    submenu_open = null;
  });

  $("div.block").bind("mouseover", function() {
    submenu_open = menu_open;
  });

});

function checkSubMenu() {
  if (submenu_open == null) {
    hideMenu();
  }

  setTimeout('checkSubMenu()', 1500);
}

function hideMenu() {
  if (submenu_open == null) {
    hideSubMenu();

    $("div.block").css("margin-top", "108px");
    $("div.block").css("display", "none");
  } else {
    $("#menu_"+menu_open).removeClass("menu_over");

    $("div.block").css("margin-top", "108px");
    $("div.block").css("display", "none");
  }
}

function hideSubMenu() {
  if (menu_open == 0) {
    $("div.menu").removeClass("menu_over");
  }

  $("div.submenu").css("display", "none");
}

$(document).click(function() {
  if (submenu_open == null) {
    hideMenu();
  }
});

setTimeout('checkSubMenu()', 1500);