$(document).ready(function()
{ 

	$(".clearinput").click(function () { 
      $(this).val("");
    });

	$(".sub_menu").each(function ()
	{
		$(this).hide();
	});

	$(".sub_menu_visited").each(function ()
	{
		id_submenu = $(this).attr("id")
	
		switch (id_submenu){
			case "jongste_jeugd":
				$("#topmenu ul li.jongste_jeugd").addClass("jongste_jeugd_visited");
			break;
			case "junioren":
				$("#topmenu ul li.junioren").addClass("junioren_visited");
			break;
			case "senioren":
				$("#topmenu ul li.senioren").addClass("senioren_visited");
			break;
			case "tophockey":
				$("#topmenu ul li.tophockey").addClass("tophockey_visited");
			break;
		}

		$(this).show();
	});

	$("#topmenu ul li").hover(
		function () 
		{
			$(".sub_menu").each(function ()
			{
				$(this).hide();
			});

		   var topmenu = $(this).attr("class");
		   switch (topmenu){
				case "jongste_jeugd":
					$("li.junioren").removeClass("junioren_visited");
					$("li.senioren").removeClass("senioren_visited");
					$("li.tophockey").removeClass("tophockey_visited");

					$(this).addClass("jongste_jeugd_visited");
					$("#jongste_jeugd").css("display", "block");
				break;

				case "junioren":
					$("li.jongste_jeugd").removeClass("jongste_jeugd_visited");
					$("li.senioren").removeClass("senioren_visited");
					$("li.tophockey").removeClass("tophockey_visited");

					$(this).addClass("junioren_visited");
					$("#junioren").css("display", "block");
				break;

				case "senioren":
					$("li.jongste_jeugd").removeClass("jongste_jeugd_visited");
					$("li.junioren").removeClass("junioren_visited");
					$("li.tophockey").removeClass("tophockey_visited");

					$(this).addClass("senioren_visited");
					$("#senioren").css("display", "block");
				break;

				case "tophockey":
					$("li.jongste_jeugd").removeClass("jongste_jeugd_visited");
					$("li.junioren").removeClass("junioren_visited");
					$("li.senioren").removeClass("senioren_visited");
					
					$(this).addClass("tophockey_visited");
					$("#tophockey").css("display", "block");
				break;

				
		   }
		}, 
		function () 
		{
			 var topmenu = $(this).attr("class");
			
			 switch (topmenu)
				{
					case "jongste_jeugd jongste_jeugd_visited":
						$(this).next().removeClass("junioren_visited");
						$(this).next().next().removeClass("senioren_visited");
						$(this).next().next().next().removeClass("tophockey_visited");	
						$(".sub_menu").each(function ()
						{
							$(this).hide();
						});

						$("#jongste_jeugd").css("display", "block");
					break;

					case "junioren junioren_visited":

						$(this).prev().removeClass("jongste_jeugd_visited");
						$(this).next().removeClass("senioren_visited");
						$(this).next().next().removeClass("tophockey_visited");							
					
						$(".sub_menu").each(function ()
						{
							$(this).hide();
						});

						$("#junioren").css("display", "block");
					break;

					case "senioren senioren_visited":
						
						$(this).prev().prev().removeClass("jongste_jeugd_visited");
						$(this).prev().removeClass("junioren_visited");
						$(this).next().removeClass("tophockey_visited");			

						$(".sub_menu").each(function ()
						{
							$(this).hide();
						});

						$("#senioren").css("display", "block");
					break;

					case "tophockey tophockey_visited":
						$(this).prev().prev().prev().removeClass("jongste_jeugd_visited");
						$(this).prev().prev().removeClass("junioren_visited");
						$(this).prev().removeClass("senioren_visited");	
						$(".sub_menu").each(function ()
						{
							$(this).hide();
						});

						$("#tophockey").css("display", "block");
					break;
				}
		}
    );

	$(".hoofditem").hover(
		 	function()
			{
			  $(this).addClass("hoofditem_hover");
			},

			function()
			{
			  $(this).removeClass("hoofditem_hover");
			});  	
		
		  $('.hoofitem_content').hide();	
		  
		  $.each($(".visited"),function()
			{
			 	$(this).css("display", "block");	
			});

		  $('.hoofditem').click(
		  		function()
				{	
					$.each($(".icon"),function()
					{
					 	$(this).children(".icon").removeClass("icon2");
					});
					
					if($(this).next(".hoofitem_content").css("display") == 'block')
					{
						$(this).children(".icon").removeClass("icon2");
						$(this).next().slideUp("slow");						
					}
					else
					{	
						$.each($(".icon"),function()
						{
							$(this).removeClass("icon2");
						});
						$.each($(".hoofitem_content"), function()
							{
							 	$(this).hide();
							});
						$(this).children(".icon").addClass("icon2");
						$(this).next().slideDown("slow");
						$(this).next().css("display", "block");
					}				
				}
			);

			$(".hoofitem_content li").hover(
		 	function()
			{
			  $(this).addClass("hoofitem_content_hover");
			},

			function()
			{
			  $(this).removeClass("hoofitem_content_hover");
			});
});