// verberg en toon de backtotop-link als de site hoger is als het window
function inittotop(){
   $j('#columnwrapper').append('<a href="#" id="scrollup">naar boven</a>')
   if($j('#top.landing').length==0 && $j('#top.home').length==0){ // niet op landingspagina's
      $j('#scrollup').hide().unbind('click').click(function(){
         $j.scrollTo( '#top', 800);    // onclick - scroll naar boven
         return false;
      });   
      if ($j("#container").height() > $j(window).height()){ // check hoogte
         $j('#scrollup').show();   
      }   
   }
}


// maak de hoogte gelijk van x elementen binnen wrapper
function equalheight(wrapper,element,x){
   $j(element, wrapper).height(''); // reset
   var rij = Math.ceil($j(element, wrapper).length/x); //aantal rijen
   for(i=0;i<rij;i++){ // per rij
      var hoogte = 0;
      var j = i*x;
      for(a=j;a<j+x;a++){ // per x items
         var hoogteN = $j(element+':eq('+a+')', wrapper).height();
         if (hoogteN > hoogte){hoogte = hoogteN;};
      };
      $j(element, wrapper).slice(j,a).height(hoogte);
   };
};

// timers voor carrousel op homepage
var t;
var timer_is_on=0;
var speed = 7000;
function timedCount(){
   var brandbox = $j('.home #top #visuals');
   // toon de 2e visual
   $j('li:eq(1)',brandbox).show().fadeIn("slow",function(){
      // laad alvast de 3e visual
      var visual2 = 'url('+$j('li:eq(2) a.visual', brandbox).attr('href')+')';
      $j('li:eq(2) a.link',brandbox).css('backgroundImage',visual2).parent().hide();
      // verplaats de 1e naar achteren
      var obj = $j('li:first',brandbox).hide().remove().clone();
      $j('ul',brandbox).append(obj);
   });
   // herhaal
   t=setTimeout("timedCount()",speed);
}

function doTimer(){
   if (!timer_is_on){
     timer_is_on=1;
     timedCount();
   }
}

function stopCount(){
   clearTimeout(t);
   timer_is_on=0;
} 


var $j = jQuery.noConflict();  
$j(document).ready(function(){

   // menu
   $j('#menu>ol>li').hover(function(){
      $j(this).addClass("active");
      var x = $j(this).position();
      var w = $j(this).width()/2;
      m = -757 + x.left + w +'px top';
      $j('ul',this).css('backgroundPosition', m);
      $j('ul li',this).css('marginLeft', x.left);
      $j('ul', this).slideDown(200);
   },function(){
      $j(this).removeClass('active');
      $j('ul', this).stop().hide().removeAttr("style");
   });
   

   // brandbox home   
   var brandbox = $j('.home #top #visuals');
   if(brandbox.length){
      var visual1 = 'url('+$j('li:eq(0) a.visual', brandbox).attr('href')+')';
      $j('li:eq(0) a.link',brandbox).css('backgroundImage',visual1);
      var visual2 = 'url('+$j('li:eq(1) a.visual', brandbox).attr('href')+')';
      $j('li:eq(1) a.link',brandbox).css('backgroundImage',visual2).parent().hide();
      $j('li:gt(1)',brandbox).hide();
      t=setTimeout("doTimer()",speed);
   }
   brandbox.hover(function(){
      stopCount();
   },function(){
      t=setTimeout("doTimer()",speed);
   });
 
   // gelijke blokken op homepage
   if($j('.homeblok').length){
      equalheight('#actualiteit','.top',4); 
      equalheight('#ingangen','.top',4); 
   }
   
   $j('#incidenten,#actueel').css('cursor','pointer').click(function(){
      var url = $j('a.meer',this).attr('href');
      document.location = url;
   });
   
   // toon de backtotop-link als de site hoger is als het window
   if($j('.home').length<1){
      inittotop();
   }
   
   $j('#actualiteit .homeblok').hover(function(){
      $j(this).addClass('hover');
   },function(){
      $j(this).removeClass('hover');
   });
   
   $j('#ingangen .homeblok .meer').hover(function(){
      $j(this).parents('.homeblok').addClass('hover');
   },function(){
      $j(this).parents('.homeblok').removeClass('hover');
   });

   
   $j('#banners a').each(function(){
      var back = 'url('+$j('img',this).attr('src')+')';
      back = back.replace('_h.','.');
      $j(this).css('backgroundImage',back);
   }).hover(function(){
      $j('img',this).animate({opacity:'0'},'fast');
   },function(){
      $j('img',this).stop().animate({opacity:'1'});
   });
   
});