/*
# javascript voor de menu's - beheer
# ###############
# Onderdeel van sQuarecoW CMS
# © 2006-2008 sQuarecoW new media
# Versie: 2.01
# Module: menu
# ###############
*/

window.addEvent('domready', function(){
	
	// het weergeven van het mainmenu
	if ($defined($('menu'))) {
		
		// we laten altijd de hoofdcategorien zien
		menus.each(function(item) {
			if (item.category == 0) {
				new Element('li', {
					'id': item.id,
				}).set('html', '<a href="' + item.url + '" title="' + item.title + '" id="href_' + item.id + '">' +  item.title + '</a>').inject($('menu_top_level'));
						
				// zijn er sub-items?
				if (item.has_menus == 1) {
					
					// zorg dan dat er een sublevel getoond kan worden
					$('href_' + item.id).addEvent('mouseenter', function(e) {
						showSubLevel(item.id);
					});
				}
				
				else {
					// zo niet, dan moet het huidige submenu wel weg
					$('href_' + item.id).addEvent('mouseenter', function(e) {
						emptySubLevel();
					})
				}
			}
		});
		
		// het weergeven van het sublevel
		function showSubLevel(parent) {
			emptySubLevel();
			
			menus.each(function(item) {
				if (item.category == parent) {
					new Element('li', {
						'id': item.id,
					}).set('html', '<a href="' + item.url + '" title="' + item.title + '" id="href_' + item.id + '">' +  item.title + '</a>').inject($('menu_sub_level'));
				}
			});				
		}
		
		// leeg de sub-level ul
		function emptySubLevel() {
			items = $('menu_sub_level').getElements('li');
			items.each(function(item) {
				item.destroy();
			});
		}
	}
});