// switch jQuery to no conflict mode,
// so you can use your favourite JS library without problems.
jQuery.noConflict();

// jQuery docs: [http://docs.jquery.com];


jQuery(document).ready(
  function() {

    // find all menu ans submenu items
    var menuItems = jQuery("#menu ul li");
    var submenuItems = jQuery("#submenu ul li");
    
    // set menu and submenu item class
    menuItems.addClass("button");
    submenuItems.addClass("button");


    // set highlight handlers for menu
    menuItems.not("li.button.menu_active").hover(
      function() {
        highlightMenuButton(this, true);
      },
      function() {
        highlightMenuButton(this, false);
      }
      );

    // set highlight handlers for submenu
    submenuItems.not("li.button.menu_active").hover(
      function() {
        highlightMenuButton(this, true);
      },
      function() {
        highlightMenuButton(this, false);
      }
      );
  }
  );

// highlights selected button in menu/submenu
function highlightMenuButton(obj, highlight) {
  
  if (highlight) {
    jQuery(obj).attr('class', 'menu_over')
  } else {
    jQuery(obj).attr('class', 'menu_normal')
  }
}