$j(document).ready(function(){

	// Lightbox
	//SexyLightbox.initialize({imagesdir: '/images', color: 'black'});
	
	// Alle menuitems voorzien van een mouseover en mouseout
	$j(".menuitem").each(function() {
		$j(this).mouseover(function(){
			doMenu(this,'over');
	    }).mouseout(function(){
	    	doMenu(this,'out');
	    });
	});
	
	// Submenu's voorzien van mouseover en mouseout
	$j(".submenu").each(function() {
		$j(this).mouseover(function(){
			clearSleep(this);
	    }).mouseout(function(){
	    	sleepSubmenu();
	    });
	});
});
var t = null;
var taal= 'nl';
function doMenu(object,actie) {

	submenu = object.id + "-submenu";
	
	if(actie == 'over') {
		object.src = '/images/' + taal + '/btn-menu-' + object.id + '1.gif';
		
		if(document.getElementById(submenu)) {
			clearSleep();
			openSubmenu(object);
		} else {
			clearSleep();
			sleepSubmenu();
		}
		
	 
	} else {
		
		
		if(document.getElementById(submenu)) {
			clearSleep();
			sleepSubmenu();
		} else {
			object.src = '/images/' + taal + '/btn-menu-' + object.id + '0.gif';
			clearSleep();
		}		
		
	}
}

function clearSleep() {
	clearTimeout(t);
}

function openSubmenu(object) {
	// Eerst alles sluiten
	closeSubmenu();
	object.src = '/images/' + taal + '/btn-menu-' + object.id + '1.gif';
	$j('#' + object.id + '-submenu').show();
}

function sleepSubmenu() {
	t = setTimeout(closeSubmenu,0);
}

function closeSubmenu() {
	$j('.submenu').hide();

	// Alle knoppen weer terugzetten (degene die een submenu hebben)
	$j(".menuitem").each(function() {
		submenu = this.id + "-submenu";
		if(document.getElementById(submenu)) {
			this.src = '/images/' + taal + '/btn-menu-' + this.id + '0.gif';
		}	
	});
}
