$(function(){
    $('ul.jd_menu').jdMenu({onShow: loadMenu});
  });
	
  var MENU_COUNTER = 1;
  function loadMenu() {
    if (this.id == 'dynamicMenu') {
      $('> ul > li', this).remove();
  
      var ul = $('<ul></ul>');
      var t = MENU_COUNTER + 10;
      for (; MENU_COUNTER < t; MENU_COUNTER++) {
        $('> ul', this).append('<li>Item ' + MENU_COUNTER + '</li>');
      }
    }
  }

  function unloadMenu() {
    if (MENU_COUNTER >= 30) {
      MENU_COUNTER = 1;
    }
  }

  // We're passed a UL
  function onHideCheckMenu() {
    return !$(this).parent().is('.LOCKED');
  }

  // We're passed a LI
  function onClickMenu() {
    $(this).toggleClass('LOCKED');
    return true;
  }