window.addEvent('domready', function() {
    
// hier word het blokje van 5 tumbnails aangepast	
	$$('#thumbnails span').addEvent('mouseover', function(){
		 if(this.hasClass('passief') != true){
			 if(this.hasClass('vulling') != true){
				$$('#thumbnails span').addClass('passief');
				this.removeClass('passief');
				$$('#thumb_nav_text span.'+this.className).removeClass('hidden');
			 }
		 } 
  });
	
    $$('#thumbnails span').addEvent('mouseout', function(){
		$$('#thumbnails span').removeClass('passief');
		$$('#thumb_nav_text span.'+this.className).addClass('hidden');
   });
	
	
	//hier word het blokje van vier doorzichtig en zichtbaar gemaakt
	$$('#main_thumbs span').addEvent('mouseover', function(){
		if(this.hasClass('passief') != true){
			$$('#main_thumbs span').addClass('passief');
			this.removeClass('passief');
			$$('#main_foto img').addClass('hidden');
			$$('#main_foto img.'+this.className).removeClass('hidden');
		}
    });
	
    $$('#main_thumbs span').addEvent('mouseout', function(){
		$$('#main_thumbs span').removeClass('passief');
   });
});