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

function isset(variable) {
	return typeof variable != 'undefined';
}

window.addEvent('domready', function(){
	
	// het weergeven van het mainmenu
	if (isset(menu)) {
		var width = 0;
		// ga alle menu-items langs
		menu.each(function(item) {
			var category = 0;
			// zijn er kinderen?
			menu.each(function(subitem) {
				if (subitem.category == item.id) {
					category = 1;
				}
			});
			if (category == 1) {
				// hang dan een actie aan het item in het hoofdmenu
				$('menu_' + item.id).set({
					'events': {
						'mouseenter': function() {
							var id = this.get('id').split('_');
							this.addClass('active');
							
							var ul = new Element('ul', {
								
							}).inject($('menu_' + id[1]));
							// zoek de kinderen
							menu.each(function(subitem) {
								if (subitem.category == id[1]) {
									var li = new Element('li', {
										'html': '<a href="' + subitem.url + '"' + (subitem.cssclass != '' ? ' class="' + subitem.cssclass + '"' : '') + (subitem.rel != '' ? ' rel="' + subitem.rel + '"' : '') + (item.subitem != '' ? ' target="' + subitem.target + '"' : '') + '>' + subitem.title + '</a>'
									}).inject(ul);
								}
							});
							
							// cufon!
							Cufon.replace('div.menu ul li.top-level ul li a', {hover: true});
							Cufon.now();
						},
						'mouseleave': function() {
							if (typeof this.getElement('ul') != 'undefined')
								this.getElement('ul').destroy();
							this.removeClass('active');
						}
					}
				});
			}
			if (item.category.toInt() == 0) {
				// layout fix: tel de breedte
				width += $('menu_' + item.id).getStyle('width').toInt();
				//console.log(width);
			}
		});
		// menu breedte aanpassen
		//width = width + $('menu').getElement('li.li-start').getStyle('width').toInt() + $('menu').getElement('li.li-end').getStyle('width').toInt() + 4;
		//$('menu').setStyles({'width': width, 'left': ((980 - width) / 2)});
	}
});