$(document).ready(function () {

   
   var clickedElementClassName = null;
   
   $("#afbeeldingsbox0 a").click(function() {
     
     $("#afbeeldingsbox0 li:visible:not(.active)").hide();
     
     clickedElementClassName = this.className.replace(' active', '');
     correspondingElement = $("#afbeeldingsbox0 li." + clickedElementClassName);
     
     if (!correspondingElement.is(":visible")) {
       $("#afbeeldingsbox0 li.active").fadeOut(500).removeClass("active");
       $("#afbeeldingsbox0 a.active").removeClass("active");
       
       $("#afbeeldingsbox0 li." + clickedElementClassName).fadeIn(500).addClass("active");
       $("#afbeeldingsbox0 a." + clickedElementClassName).addClass("active");
     }
     
     return false;
   });


});

$(document).ready(function () {

   
   var clickedElementClassName = null;
   
   $("#afbeeldingsbox1 a").click(function() {
     
     $("#afbeeldingsbox1 li:visible:not(.active)").hide();
     
     clickedElementClassName = this.className.replace(' active', '');
     correspondingElement = $("#afbeeldingsbox1 li." + clickedElementClassName);
     
     if (!correspondingElement.is(":visible")) {
       $("#afbeeldingsbox1 li.active").fadeOut(500).removeClass("active");
       $("#afbeeldingsbox1 a.active").removeClass("active");
       
       $("#afbeeldingsbox1 li." + clickedElementClassName).fadeIn(500).addClass("active");
       $("#afbeeldingsbox1 a." + clickedElementClassName).addClass("active");
     }
     
     return false;
   });


});




$(document).ready(function () {

   
   var clickedElementClassName = null;
   
   $("#afbeeldingsbox2 a").click(function() {
     
     $("#afbeeldingsbox2 li:visible:not(.active)").hide();
     
     clickedElementClassName = this.className.replace(' active', '');
     correspondingElement = $("#afbeeldingsbox2 li." + clickedElementClassName);
     
     if (!correspondingElement.is(":visible")) {
       $("#afbeeldingsbox2 li.active").fadeOut(500).removeClass("active");
       $("#afbeeldingsbox2 a.active").removeClass("active");
       
       $("#afbeeldingsbox2 li." + clickedElementClassName).fadeIn(500).addClass("active");
       $("#afbeeldingsbox2 a." + clickedElementClassName).addClass("active");
     }
     
     return false;
   });


});




$(document).ready(function () {

	 var clickedElementClassName = null;
   
   $("#afbeeldingsbox3 a").click(function() {
     
     $("#afbeeldingsbox3 li:visible:not(.active)").hide();
     
     clickedElementClassName = this.className.replace(' active', '');
     correspondingElement = $("#afbeeldingsbox3 li." + clickedElementClassName);
     
     if (!correspondingElement.is(":visible")) {
       $("#afbeeldingsbox3 li.active").fadeOut(500).removeClass("active");
       $("#afbeeldingsbox3 a.active").removeClass("active");
       
       $("#afbeeldingsbox3 li." + clickedElementClassName).fadeIn(500).addClass("active");
       $("#afbeeldingsbox3 a." + clickedElementClassName).addClass("active");
     }
     
     return false;
   });


});



$(document).ready(function () {

	 var clickedElementClassName = null;
   
   $("#afbeeldingsbox4 a").click(function() {
     
     $("#afbeeldingsbox4 li:visible:not(.active)").hide();
     
     clickedElementClassName = this.className.replace(' active', '');
     correspondingElement = $("#afbeeldingsbox4 li." + clickedElementClassName);
     
     if (!correspondingElement.is(":visible")) {
       $("#afbeeldingsbox4 li.active").fadeOut(500).removeClass("active");
       $("#afbeeldingsbox4 a.active").removeClass("active");
       
       $("#afbeeldingsbox4 li." + clickedElementClassName).fadeIn(500).addClass("active");
       $("#afbeeldingsbox4 a." + clickedElementClassName).addClass("active");
     }
     
     return false;
   });


});