$(document).ready(function(){

	$(".toggle_menu").click(function ()
	{
		var menu_item_id = $(this).attr('id');
		var submenu_item_id = menu_item_id.replace('menu_', 'submenu_');
		var item_id = submenu_item_id.replace('submenu_', 'item_');
		var visible = $("#"+submenu_item_id).css("display");
		
		$("#item_regio_info").slideUp("slow");
		$("#item_staanplaatsen").slideUp("slow");
		$(".toggle_item").slideUp("slow");
		
		if(visible == "none")
		{
			$(".toggle_submenu").slideUp("slow");
			$(".toggle_menu" ).css({backgroundPosition:"top"});
				if(submenu_item_id == 'submenu_mooistecampings')
				{
					$("#"+submenu_item_id).slideDown("slow");
					$("#item_mooistecampings").slideDown("slow");
					$("#"+menu_item_id).css({backgroundPosition:" bottom"});
				}
				else if(submenu_item_id == 'submenu_contact')
				{
					$("#"+submenu_item_id).slideDown("slow");
					$("#item_contact").slideDown("slow");
					$("#"+menu_item_id).css({backgroundPosition:" bottom"});
				}
				else
				{
					$(".toggle_submenu").slideUp("slow");
					$("#"+submenu_item_id).slideDown("slow");
					$("#"+menu_item_id).css({backgroundPosition:" bottom"});
					$(".toggle_submenu_item" ).css({backgroundPosition:"top"});
					$("#item_staanplaatsen").slideDown("slow");
					$("#submenu_staanplaatsen").css({backgroundPosition:" bottom"});
				}
		}
		else
		{
			$(".toggle_submenu").slideUp("slow");
			$("#"+menu_item_id).css({backgroundPosition:"top"});
		}
	});


	$(".toggle_submenu_item").click(function ()
	{
		var submenu_item_id = $(this).attr('id');
		var item_id = submenu_item_id.replace('submenu_', 'item_');
		
		var visible = $("#"+item_id).css("display");
		if(visible == "none")
		{
			$(".toggle_submenu_item" ).css({backgroundPosition:"top"});
			$(".toggle_item").slideUp("slow");
			
			if(submenu_item_id=="submenu_regio")
			{
				$("#"+item_id).slideDown("slow");
				$("#"+submenu_item_id).css({backgroundPosition:"bottom"});
			}
			else if(submenu_item_id=="submenu_staanplaatsen")
			{
				$("#"+item_id).slideDown("slow");
				$("#"+submenu_item_id).css({backgroundPosition:"bottom"});
			}			
		}
		else
		{
			$(".toggle_item").slideUp("slow");
			$(".toggle_submenu_item" ).css({backgroundPosition:"top"});
		}
	});

});

