$(function() {
	
	var timer = null;
	
	$("ul.topmenu").children("li").hover(function() {
		var $x = $("div.container_submenu[rel="+$(this).attr("rel")+"]");
		if ( !$x.is(":visible") ) {
			$("div.container_submenu").fadeOut("fast");
			if ( $x.size() > 0 ) {
				var nLeft = $(this).position().left;
				if ( ($x.width()-1)+nLeft > 738 ) nLeft -= ((($x.width()-1)+nLeft)-735);
				$x.css("left", nLeft).fadeIn("fast");
			}
		}
		$("ul.topmenu").children("li").removeClass("selected");
		$(this).addClass("selected");
	}, function() {
		$(this).removeClass("selected");
	});
	
	$("ul.submenu").children("li").hover(function() {
		$("ul.submenu li").removeClass("selected");
		$(this).addClass("selected");
	}, function() {
		$(this).removeClass("selected");
	});
	
	$("div.container_submenu").bind("mouseenter", function() {
		var $x = $("ul.topmenu li[rel="+$(this).attr("rel")+"]");
		$x.addClass("selected");
	});
	
	$("div#container_topmenu").bind("mouseleave", function() {
		var $x = $("div.container_submenu[rel="+$("li.fallback").attr("rel")+"]");
		timer = window.setTimeout(function() {
			if ( !$x.is(":visible") ) {
				$("div.container_submenu").fadeOut("fast");
				if ( $x.size() > 0 ) $x.fadeIn("fast");
			}
			$("ul.topmenu li").removeClass("selected");
			$("li.fallback").addClass("selected");
		}, 1000);
	});
	
	$("li a").click(function() {
		$("div#container_topmenu").unbind("mouseleave");
		$(this).parent().unbind().addClass("selected");
	});
	
	$("ul.topmenu li, ul.submenu li").not(".selected").click(function() {
		document.location.href = $("a", this).attr("href");
	});
	
	$("div#container_topmenu").bind("mouseenter", function() {
		window.clearTimeout(timer);
	});
	
	// Menu-item Leergangen standaard selecteren op Home pagina
	if ( $("ul.topmenu li.fallback").size() == 0 ) {
		$("ul.topmenu li").each( function(i) {
			if ( $(this).children('a').text() == 'Leergangen' ) {
				$(this).addClass('fallback');
			}
		});
	}
	
	$("div.container_submenu").hide();
	var $x = $("div.container_submenu[rel="+$("li.fallback").attr("rel")+"]");
	if ( $x.size() > 0 ) {
		var nLeft = $("li.fallback").position().left;
		if ( ($x.width()-1)+nLeft > 738 ) nLeft -= ((($x.width()-1)+nLeft)-737);
		$x.css("left", nLeft).fadeIn("fast");
	}
	$("li.fallback").addClass("selected");
});