$( function( ) {
	
	toggleMenu = function( menuId, h4 ) {
		
		if ( $( '#' + menuId ).is( ':hidden' ) ) {
			
			$( '#' + menuId ).slideDown( 'slow', function( ) {
				
				if ( h4 ) {
					
					$( h4 ).removeClass( ).addClass( 'roll_open' );
					
				}
				
			} );
			
		} else {
			
			$( '#' + menuId ).slideUp( 'slow', function( ) {
				
				if ( h4 ) {
					
					$( h4 ).removeClass( ).addClass( 'roll_closed' );
					
				}
				
			} );
			
		}
		
	}
	
	$("#wachtwoord").replaceWith("<input type='text' id='wachtwoord' name='password' class='vak'>");
	$("#wachtwoord").val("Wachtwoord");
	$("#wachtwoord").focus(function(){
		$("#wachtwoord").replaceWith("<input type='password' id='wachtwoord' name='password' class='vak'>");
		$("#wachtwoord").focus();
	});
	
	$("#gebruikersnaam").val("Gebruikersnaam");
	$("#gebruikersnaam").focus(function(){
		$("#gebruikersnaam").replaceWith("<input type='text' id='gebruikersnaam' name='username' class='vak'>");
		$("#gebruikersnaam").focus();
	});
	
	$('.ncheckbox').checkbox({
		cls:'jquery-safari-checkbox',
		empty: 'images/empty.png'
	});
	$('.ncheckbox2').checkbox({
		cls:'jquery-safari-checkbox2',
		empty: 'images/empty.png'
	});
	$('#provinciebox').selectbox({debug: false});
	$('#categoriebox').selectbox({debug: false,	inputClass: 'selectbox2', selectedClass:'selected2',containerClass:'selectbox-wrapper2'});
	
	$(".datepicker").datepicker({minDate: 1, dateFormat: 'dd-mm-yy' });
	
	$(".ovdiv").click(function(){
		if($(this).css("overflow") == "hidden"){
			$(this).css("overflow","auto")
			$(this).css("height","")
		}
		else{
			$(this).css("overflow","hidden")
			$(this).css("height","40px")
		}
	
	});
		$("#menu .active").each(
		function(){
			$(this).attr("active",1);
			$(this).find("a").addClass("activehover");
			$(this).find("a").css("color","white");
			$(this).find(".menright").css("visibility","visible");
		});
		
		
	$("#menu").find("li").hover(
		function(){
			if($(this).attr("active") != 1){
				$(this).find("a").addClass("activehover");
				$(this).find(".menright").css("visibility","visible");
				$(this).find("a").css("color","white");
			}
		}
		,
		function(){
			if($(this).attr("active") != 1){
				$(this).find("a").removeClass("activehover");
				$(this).find("div").css("visibility","hidden");
				$(this).find("a").css("color","");
			}
		});
		

});