var active = 0;

// All the mootools events
window.addEvent('domready', function(){ 

	for(i=0; i<$$('div.wrapper div.content div.navbar ul.mainNav li a').length; i++) {
		function addSubmenu(t) {
			$$('div.wrapper div.content div.navbar ul.mainNav li a#nav' + t).addEvent('mouseover', function(e){
				e = new Event(e).stop();
				
				hideAll()
				active = t;
				this.addClass('on');
				$$('div.wrapper div.content div.navbar div#menu' + t).addClass('on');
			});
		}	
		addSubmenu(i);
	}

	$$('div.wrapper div.content div.navbar').addEvent('mouseleave', hideAll);
		
});

function hideAll() {
	$$('div.wrapper div.content div.navbar ul.mainNav li a#nav' + active).removeClass('on');
	$$('div.wrapper div.content div.navbar div#menu' + active).removeClass('on');
}