/* MATAHARI NAVIGATION - MOOTOOLS POWERED */

window.addEvent ('domready', function() {	

	NavigationInit();

});

function NavigationInit () {

	NavigationHideSubmenus();
	
	$$('#naviMain a').addEvent('click', function(e) {
		
		// get elements
		
		var navMain = e.target.getParent();
		var navID = navMain.getProperty('id').split('_')[1].toInt();
		var navSub = $('naviSub_' + navID);
		
		// reset main menu
		
		NavigationResetMainmenu();
		
		// animate and activate new menupoint
		
		navMain.addClass('active');
		navSub.addClass('active');
		navSub.tween('top', '0px');
	
	});
	
	$('navi').addEvent('mouseleave', function(e) {
	
		NavigationHideSubmenus();
		NavigationResetMainmenu();
	
	});

}

function NavigationHideSubmenus () {

	$$('#naviSub ul').each( function(e) {
		
		// position subnavigation containers
		
		var subID = e.getProperty('id').split('_')[1].toInt();
		var mainNav = $('naviMain_' + subID);
		var mainNavX = mainNav.getCoordinates($('navi')).left;
		var navHeight = e.getDimensions().height;
		
		e.setStyle( 'top', '-' + navHeight + 'px' );
		e.setStyle( 'left', mainNavX + 'px' );
		
	});	

}

function NavigationResetMainmenu () {

		// reset active menu
		
		var activeMain = $('naviMain').getElement('li.active');
		var activeSub = $('naviSub').getElement('ul.active');
		
		if ( activeMain && activeSub ) {
			var activeSubHeight = activeSub.getDimensions().height;
			activeSub.setStyle('top', '-' + activeSubHeight + 'px');	
			activeSub.removeClass('active');
			activeMain.removeClass('active');	
		}

}