$(document).ready(function()
{ 
	$(".afspraak_button").hover(
      function () {
			$(this).attr({src : "css/images/afspraak_maken_visited.jpg"});
      }, 
      function () {
			$(this).attr({src : "css/images/afspraak_maken.jpg"});
      }
    );

	$.each($(".kader_rechts"), function()
		{
			var html = $(this).html()
			
			

			$(this).replaceWith("<div class=kader_box></div>");
			$(".kader_box").append("<div class=kader_content></div>");
			$(".kader_content").append(html);

			$(".kader_content").before("<div class=kader_header></div>");

			$(".kader_content").after("<div class=kader_footer></div>");
			
		});

	$.each($(".uitklap"), function()
		{
			$(this).hide();
		});
	
	$(".show_uitklap").click(function () 
	{ 
		if( $(this).parent().next().css("display") == 'none' )
		{
			$(this).parent().next().show();
		}
		else
		{
			$(this).parent().next().hide();
		}		
	});
	
	
	$.each($("#menu ul li ul"), function()
		{
			$(this).hide();
		});
		
	$.each($("#menu ul li.visited ul"), function()
		{
			$(this).show();
		});
		
		
	$("#menu ul li").click(function () { 
		
	   $.each($("#menu ul li.visited"), function()
		{
			$(this).removeClass("visited");
		});
			    
       if( $(this).children().css("display") == 'none' )
		{			
			$(this).addClass("visited");
			
			 $.each($("#menu ul li ul"), function()
				{
					$(this).hide();
				});
				
			$(this).children().css("display", "block");
		}
		else
		{
			$.each($("#menu ul li ul"), function()
				{
					$(this).hide();
				});
			
		}	
    });

});