$(document).ready(function() {
	// default (fade-out) random images
	
	// verkleinen plaatjes
	$("#randomImages img,#randomImages2 img,#kunstwerkList img").crop(80,70);
	$("#randomImages img,#randomImages2 img,#kunstwerkList img").fadeTo("high", 0.4);
	
	// mouse over random images (fade-in)
	$("#randomImages img,#randomImages2 img,#kunstwerkList img").hover(
		function() {
			$(this).fadeTo("slow",1);
		},
		function() {
			$(this).fadeTo("slow",0.4);
		}
	);

	// mouseover menu 
	$("a.replace").hover(
			function() {
				$(this).parent('li').removeClass('normal');
				$(this).parent('li').addClass('selected');
		},
			function() {
				$(this).parent('li').removeClass('selected');
				$(this).parent('li').addClass('normal');
		}
	);
	
	// Bij het klikken van zoek knop formulier verzenden
	$("#kunstwerkListSearch").click(function() { 
		$('#filters').submit();
	  	return false; 
		}
	);
	
	// Bij het navigeren van de pagina's, formulier data mee-'posten'
	$("#kunstwerkListNav a").click(function() { 
		// Pagina navigatie
		$("#kunstwerkListNavPage").attr('value', $(this).html());
		// Filters ook meenemen
		$("#kunstwerkListNavSchool").attr('value', $('#filter_school').attr("value"));
		$("#kunstwerkListNavLeeftijd").attr('value', $('#filter_leeftijd').attr("value"));
		$("#kunstwerkListNavOpdracht").attr('value', $('#filter_opdracht').attr("value"));
		$("#kunstwerkListNavModule").attr('value', $('#filter_module').attr("value"));
		
		$('#navigation').submit();
	  	return false; 
		}
	);  
     
	 // Als de plaatjes geladen zijn met class preload, functie voor het tonen van plaatjes aanroepen      
	 $('.preload').onImagesLoad({             
		 selectorCallback: selectorImagesLoaded         
	 });     
	 $('.preload2').onImagesLoad({             
		 selectorCallback: selectorImagesLoaded         
	 });   
	 // show randomimages   
	 function selectorImagesLoaded($selector){                     
		 $("#randomImages").css("visibility","visible"); 
		 $("#randomImages2").css("visibility","visible"); 
		 $("#kunstwerkList").css("visibility","visible"); 
	 }     
	 
	// apply to all png images and to div#logo 
	 
	 $('img[@src$=.png], #menu').ifixpng();
	 $('img[@src$=.png], #menuListItems li.normal').ifixpng(); 
	 $('img[@src$=.png], #menuListItems li.selected').ifixpng(); 
	 //$('img[@src$=.png]').ifixpng(); 
	 
	 // submenu
     $("#menuListItems li").click(function() { //When trigger is clicked...  
    	// Add class "selected".
    	$(this).addClass("active");
    	$("ul.submenu").fadeOut('fast');
    	
        //Following events are applied to the subnav itself (moving subnav up and down)  
        $(this).find("ul.submenu").fadeIn('fast').show(); //Drop down the subnav on click  
  
        $(this).parent().hover(function() {  
        }, function(){  
            $(this).parent().find("ul.submenu").fadeOut('fast'); //When the mouse hovers out of the subnav, move it back up  
        });  
  
        //Following events are applied to the trigger (Hover events for the trigger)  
        }).hover(function() {  
            $(this).addClass("active");
        }, function(){  //On Hover Out  
            $(this).removeClass("active");
     });
});