$(document).ready(function(){
    setCorrectDisplays();
  //  var timer = setInterval( showDiv, 5000);
        $("#scrollBannerNav ul > li a").click(function() 
        {
 
            //set all as inactive
         //    $("#scrollBannerNav ul li .active").attr("rel");
            
            $("#scrollBannerNav ul li .active").removeClass("active");
            $("#scrollBannerNav ul li").addClass("inactive");
            //set this one's parent as active
            $(this).parent().removeClass("inactive");
            $(this).parent().addClass("active");
            //get fortissimmo id & show
            var fortissimmo_id = $(this).parent().attr("rel");
        
          //  var fortissimmo_id = $(this).attr("rel");
           $("#scroller #content > .section").each(function(i){$(this).hide();})
            $("#scroller #content > .section[rel='"+ fortissimmo_id +"']").each(function(i){$(this).show();})
 
        //  $("#scroller #content div[rel='" + fortissimmo_id +"']").show();
   });
 })
 
function setCorrectDisplays()
 {
    
    //loop alle items van #scrollBannerNav
    $("#scrollBannerNav ul > .active").each(function(i)
     {
        var fortissimmo_id = $(this).attr("rel");
        $("#scroller #content div[rel='" + fortissimmo_id +"']").show();
        
   });
    
   $("#scrollBannerNav ul > .inactive").each(function (i) 
   {
        var fortissimmo_id = $(this).attr("rel");
        $("#scroller #content div[rel='" + fortissimmo_id +"']").hide();
        
   });
   
   

   
   $("#scrollBannerNav ul .active").each(function (i) 
   {
        var fortissimmo_id = $(this).attr("rel");
        $("#scroller #content div[rel='" + fortissimmo_id +"']").show();
   });
  
   //als de list, een attribuut heeft met class="inactive", dan moet het overeenkomstige element (rel = fortissimmo) in 
   //   #scroller #content  op visible = false gezet worden
   //   anders visible = true
 }