$(document).ready(function() {	
	var mainActive = false;
	var subActive = false;
	var moving = {};
	$('.menulink').mouseenter(function() {
		var subid = this.id.split('main_');
		subid = subid[1];
		var subContainer = $('#sub_'+subid);
		var sublist = $('#sublist_'+subid);
		var height = parseInt(sublist.css('height'));
		var menuitem = this;
		mainActive = true;			

		if(moving[subid] !== true) {
			subContainer.css('display', 'block');
			if(subContainer.length == 1) {
				moving[subid] = true;
			}
			subContainer.animate({height:height}, 400, 'swing', function() {
				moving[subid] = false;	
			});
		}
		subContainer.mouseenter(function() {
			menuitem.className = 'menulinkActive';
			subActive = true;
		});	
		subContainer.mouseleave(function() {
			menuitem.className = 'menulink';
			setTimeout (function() {
				subActive = false;
				if(mainActive == false && moving[subid] !== true) {	
					if(subContainer.length == 1) {
						moving[subid] = true;
					}
					subContainer.animate({height:0}, 400, 'swing', function() {
						moving[subid] = false;
					});
					subContainer.css('display', 'none');
				}
			}, 10);
		});	
		$('#sublist_'+subid+' li a').mouseover(function() {
			if(this.id == '') {
				var bgcolor = 'ef0000'
			}else {
				var bgcolor = this.id;
			}
			$(this).css('background', '#'+bgcolor);
		});
		$('#sublist_'+subid+' li a').mouseout(function() {
			$(this).css('background', '#f2f2f2');
		});
	});	
	$('.menulink').mouseleave(function() {
		var id = this.id;
		setTimeout (function() {
			var subid = id.split('main_');
			subid = subid[1];		
			var subContainer = $('#sub_'+subid);
			var sublist = $('#sublist_'+subid);
			var height = parseInt(sublist.css('height'));
			mainActive = false;
			if(subActive == false) {
				if(subContainer.length == 1) {
					moving[subid] = true;
				}
				subContainer.animate({height:0}, 200, 'swing', function() {
					moving[subid] = false;	
				});				
				subContainer.css('display', 'none');
			}		
		}, 10);
	});
	
	$('#subNavigatie li.menuItem a').mouseover(function() {
		if(this.id == '') {
			var bgcolor = 'ef0000'
		}else {
			var bgcolor = this.id;
		}
		$(this).css('background', '#'+bgcolor);
	});
	$('#subNavigatie li.menuItem a').mouseout(function() {
		$(this).css('background', '#ffffff');
	});

});