// JavaScript Document

jQuery(document).ready(
    function() {     
        jQuery('ul.jd_menu').jdMenu({ onShow: loadMenu });
        jQuery('ul.jd_menu_vertical').jdMenu({ onShow: loadMenu, onHide: unloadMenu, offset: 1, onAnimate: onAnimate });
    });

    function onAnimate(show) {
        if (show) {
            jQuery(this)
		        .css('visibility', 'hidden').show()
    			.css('width', jQuery(this).innerWidth())
	    		.hide().css('visibility', 'visible')
		    	.fadeIn('normal');
        } else {
            jQuery(this).fadeOut('fast');
        }
    }

    var MENU_COUNTER = 1;
    function loadMenu() {
        if (this.id == 'dynamicMenu') {
	        jQuery('> ul > li', this).remove();
	        var ul = jQuery('<ul></ul>');
	    	var t = MENU_COUNTER + 10;
		    for (; MENU_COUNTER < t; MENU_COUNTER++) {
		        jQuery('> 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 !jQuery(this).parent().is('.LOCKED');
    }

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