var activeSubMenu, activeTopItem, katHead, manHead, katMenu, manMenu;
window.addEvent("domready", function() {
//TOPMENU
$$('#topMenu ul').setStyle('visibility','hidden');
$('topMenu').addEvent('mouseleave', function(e){
		if ( activeSubMenu ) {
				activeSubMenu.setStyle('visibility','hidden');
				activeSubMenu = null;
		}
		if ( activeTopItem ) {
				activeTopItem.removeClass('active');
				activeTopItem = null;
		}
});
$$('#topMenu>li>a>strong').addEvent('mouseover', function(e){
		var li, submenu;
		if ( activeTopItem ) activeTopItem.removeClass('active');
		if ( activeSubMenu ) {
				activeSubMenu.setStyle('visibility','hidden');
				activeSubMenu = null;
		}
		li = e.target.getParent().getParent();
		li.addClass('active');
		activeTopItem = li;
		if ( submenu = li.getElement('ul') ) {
				submenu.setStyle('visibility','visible');
				activeSubMenu = submenu;
		}
 });

 //LEFTMENU
 katHead = $('kategorieMenuHeader');
 manHead = $('manufacturerMenuHeader');
 katMenu = $('kategorieMenu');
 manMenu = $('manufacturerMenu');
 if ( katHead.hasClass('active') ) {
			katMenu.setStyle('display','block');
			manMenu.setStyle('display','none');
 } else {
			katMenu.setStyle('display','none');
			manMenu.setStyle('display','block');
 }
 $$('#kategorieMenuHeader,#manufacturerMenuHeader').addEvent('click',function(e){
			switch ( $(e.target).getParent().id ) {
					case 'kategorieMenuHeader':
							katHead.removeClass('inactive').addClass('active');
							manHead.removeClass('active').addClass('inactive');
							katMenu.setStyle('display','block');
							manMenu.setStyle('display','none');
							break;
					case 'manufacturerMenuHeader':
							katHead.removeClass('active').addClass('inactive');
							manHead.removeClass('inactive').addClass('active');
							katMenu.setStyle('display','none');
							manMenu.setStyle('display','block');
							break;
			}
			return false;
 });
});