$(document).ready(function() {

			 $("ul#topnav li.active span.sub").slideDown("fast");			   
			
						   							   
			 // initialise   MAINNAVIGATIE
			$("ul#topnav li").hover(function() { //Hover over event on list item
											 
				//var $currentClass = $(this).attr("class"); 	/*opzoeken huidige class*/
				//if ($currentClass != 'active'){   			/*is huidige class active geen animatie*/
				//		$("ul#topnav li.active span.sub").hide();
				//		///$(this).find("span").show(); //Show the subnav
				//		$(this).find("span").slideDown("fast"); //Show the subnav
				//	}
					
					
				$("ul#topnav li.active span.sub").hide();
						$(this).find("span").show(); //Show the subnav
						//$(this).find("span").slideDown("fast"); //Show the subnav
				$(this).css({ 'background-color' : '#4d8251 '});  	/* donkergroen */
				$(this).css({ 'color': '#d4e3d4'});  				/* lichtgroen */
				
			} , function() { //on hover out...
				$(this).css({ 'background-color' : '#d4e3d4' }); 
				$(this).css({ 'color': '#4d8251'}); 
				$(this).find("span").hide(); //Hide the subnav
				//$(this).find("span").slideUp("fast"); //Hide the subnav				
				// reset the active li and the span
				$('li.active').css({ 'background-color' : '#77a97a '}); 
				$('li.active').css({ 'color': '#FFFFFF'}); 
				$("ul#topnav li.active span.sub").show();
				//$('span.current').slideDown("fast"); //Show the subnav
	
			});
	
});