jQuery(function()
{
	jQuery('#slideshow').cycle();
	menufix('#menu > ul:eq(0)');
	menufix('#menu > ul:eq(1)');
	jQuery('#menu li:not(#menu li li)').hover(function()
	{
		if(jQuery(this).hasClass('flip'))
		{
			jQuery(this).find('ul:first').css({'right' : '0px', 'left' : 'auto'});
		}
		else
		{
			jQuery(this).find('ul:first').css('left', '5px');
		}
	}
	,function()
	{
		jQuery(this).find('ul:first').css('left', '-9999px');
	});
	
	// submenu submenu
	jQuery('#menu li li:not(#menu li.flip li)').hover(function()
	{
		jQuery(this).find('ul:first').css('left', '185px');
	}
	,function()
	{
		jQuery(this).find('ul:first').css('left', '-9999px');
	});
	jQuery('#menu li.flip li').hover(function()
	{
		jQuery(this).find('ul:first').css({'right' : '185px', 'left' : 'auto'});
	}
	,function()
	{
		jQuery(this).find('ul:first').css('left', '-9999px');
	});
});

function menufix(menu)
{
	var menuWidth = jQuery(menu).width();
	var windowWidth = jQuery('#width').width();
	jQuery(menu + '> li').each(function()
	{
		menuWidth = menuWidth - (jQuery(this).width() + 10);
		if(jQuery(this).hasClass('submenu'))
		{
			// diepte
			if(jQuery(this).hasClass('deep-1')){ var deep = 1; }
			if(jQuery(this).hasClass('deep-2')){ var deep = 2; }
			if(jQuery(this).hasClass('deep-3')){ var deep = 3; }
			if(jQuery(this).hasClass('deep-4')){ var deep = 4; }
			if(deep == null){ alert('geen diepte opgegeven'); }
			
			// ruimte berekenen
			if(windowWidth < 895)
			{ 
				var spaceLeft = menuWidth - (895 - windowWidth); 
			}
			else
			{
				
				var spaceLeft = ((windowWidth - 895) / 2) + menuWidth;
			}
			
			// class toecoegen als nodig is
			if(spaceLeft < (deep * 185))
			{
				jQuery(this).addClass('flip');
			}
			
			//jQuery('#header .overlay').append(menuWidth + ' >> ' );
			//jQuery('#header .overlay').append(spaceLeft + ' ');
		}
	});
}