//Close all open slides in #nav_products that's not currently active.
var closeAll = function() {
	$$('#nav_main li ul').each(function(el) {
		var parent = el.getParent('li');
		if (!parent.hasClass("active")) {
			parent.retrieve('slide').slideOut();
		}
	})
}

window.addEvent('domready', function() {
	$$('ul#nav_main li ul').each(function(el) {
		var parent = el.getParent('li');
		parent.getFirst('a').addClass('hasChilds');
		parent.store('slide', new Fx.Slide(el).hide());
		parent.getElement('a').addEvent('click', function(e) {
			e.stop();
			$$('#nav_products li').removeClass('active');
			parent.addClass('active');
			closeAll();
			parent.retrieve('slide').toggle();
		});
	});

	
	//Show the ul of which parent li has class .active
	if ($$('#nav_main li.active ul').length > 0) {
		$$('#nav_main li.active').each(function(el) {el.retrieve('slide').show()});
	}
})