var hoofdNav;

function handelResizeAf()
{
	hideMobileNav();
	zetSubMenuMinBreedte();
}

function zetSubMenuMinBreedte()
{
	var maxBreedte = hoofdNav.width();
	var hoofdNavOffsetLeft = hoofdNav.offset().left;
	hoofdNav.find("ul > li > ul").each(function(index)
	{
		var element = $j(this);
		var breedteUL = element.width();
		var offsetParentUL =element.parent().offset().left-hoofdNavOffsetLeft;
		if (offsetParentUL+breedteUL>maxBreedte)
		{
			element.css({marginLeft:(maxBreedte-offsetParentUL-breedteUL-3)+"px"});	
		}
		element.css({minWidth:element.parent().width()+"px"});
	});
}

function hideMobileNav()
{
	$j(".mobile-nav").hide();
        $j(".site").removeClass('site-uitklap');
		$j("body").removeClass('body-uitklap');
}

function showMobileNav()
{
    if ($j(".site").hasClass('site-uitklap'))
    {
		hideMobileNav();
    }
    else 
    {
		$j(".mobile-nav").show();
        $j(".site").addClass('site-uitklap');
		$j("body").addClass('body-uitklap');
    }
}

$j(function() 
{
	hoofdNav = $j(".hoofdnav");
	
	zetSubMenuMinBreedte();
	 
	$j(window).resize(function(){
		handelResizeAf();
    });

});