function toggleMenu(el) {
	var el = Ext.get(el);
	
	if (el != null){
		Ext.select("ul.nav a.primary").each(function(item,ar,index){
			var submenu = item.parent().child("ul");
			if (el.dom.id == item.dom.id){
				
				if (!submenu.isDisplayed()) {
					submenu.slideIn('t', {
						useDisplay: true,
						callback: function(){
						submenu.repaint();
						}
					});
				}
			} else {
				
				if (submenu.isDisplayed()) {
					submenu.slideOut('t', {
						useDisplay: true
					});
				}
			}
			
		});
	}
	
	/*}
	if (el != null){
		var submenu = el.parent().child("ul");
		if (submenu.isDisplayed()) {
			submenu.slideOut('t', {
				useDisplay: true
			});
		} else {
			submenu.slideIn('t', {
				useDisplay: true
			});
		}
		
	}*/
}


/*
var submenu = el.parent().parent().child("ul");
		
		// Find any sub menus of the active menu and hide them
		Ext.select("ul{display!=none}", false, submenu.parent().parent().dom).slideOut('t', {
			useDisplay: true
		});
		Ext.select("span.hidemenu", false, submenu.parent().parent().dom).update("+").removeClass("hidemenu").addClass("showmenu");
		
		// Toggle display
		if (submenu.isDisplayed()) {
			submenu.slideOut('t', {
				useDisplay: true
			});
			el.update("+ ").removeClass("hidemenu").addClass("showmenu");
		}
		else {
			submenu.slideIn('t', {
				useDisplay: true,
				duration: 0,
				callback: function(){
					submenu.repaint();
				}
			});
			el.update("- ").removeClass("showmenu").addClass("hidemenu");
		}
 */
Ext.onReady(function(){


	
	var aToggle = Ext.select("none", true);
	Ext.select("li.parent>a").each(function(el, ar, index){
		aToggle.add(Ext.DomHelper.insertFirst(el.dom, "<span id='span_" + el.dom.id + "' class='showmenu'></span>"));
		
	});
	
	
	Ext.select("li.current").each(function(el,ar,index){
		//console.log(el);
		el.parent().parent().addClass("lol");
	});
	
	Ext.select(".nav a.primary").addListener("click", function(e){
		// Active menu
		var el = Ext.get(this);
		
		toggleMenu(el);
		
		
		e.preventDefault();
	});
	
	
	
	
});
/*

Ext.onReady(function(){

	var aToggle = Ext.select("none", true);
	
	Ext.select(".nav a:next(ul)").each(function(el, ar, index){
		el = Ext.get(el);
		if (el.hasClass("toggleafter")) 
			aToggle.add(el.appendChild({
				tag: "span",
				cls: "showmenu",
				html: "+ "
			}));
		else 
			aToggle.add(Ext.DomHelper.insertFirst(el.dom, "<span id='span_" + el.dom.id + "' class='showmenu'>+ </span>"));
		
		if (el.hasClass("active")) {
			for (el = Ext.get(el.parent().child("ul"));el;el=el.parent().parent("ul")) {
				el.show({ useDisplay: true });
				el.prev().child("showmenu").update("- ").removeClass("showmenu").addClass("hidemenu");
			}
		}
	});
	
	
	
	Ext.select(".nav span.showmenu").addListener("click", function(e){
		// Active menu
		var el = Ext.get(this);
		
		toggleMenu(el);
		
		
		e.preventDefault();
	});
	
	
	
	
});
*/