// Initialization, you can leave this here or move this somewhere else
$(function(){
	$('ul.jd_menu').jdMenu({	onShow: loadMenu
	//onHideCheck: onHideCheckMenu,
	//onHide: onHideMenu, 
	//onClick: onClickMenu, 
	//onAnimate: onAnimate
	});
	$('ul.jd_menu_vertical').jdMenu({onShow: loadMenu, onHide: unloadMenu, offset: 1, onAnimate: onAnimate});
});
function onAnimate(show) {
	//$(this).fadeIn('slow').show();
	if (show) {
		$(this)
		.css('visibility', 'hidden').show()
		.css('width', $(this).innerWidth())
		.hide().css('visibility', 'visible')
		.fadeIn('normal');
		} else {
			$(this).fadeOut('fast');
		}
	}
	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;
	}