var $si = jQuery.noConflict();  

// timers voor carrousel op homepage
var c=0;
var x=0;
var t;
var timer_is_on=0;
var speed = 7000;
function timedCount(){
   var aantal = $si('#brandimage .brandlink').length-1;   
   $si('#brandimage .brandlink').not('#brandlink'+c).fadeOut('fast');
   $si('#brandimage #brandlink'+c).appendTo($si('#brandimage')).fadeIn('fast');
   $si('#brandbox li.active').removeClass('active');
   $si('#brandbox li:eq('+c+')').addClass('active');
   // repeat na X images
   if (c==aantal){c=0;} else { c=c+1;};
   t=setTimeout("timedCount()",speed);
}
function doTimer(){
   if (!timer_is_on){
     timer_is_on=1;
     timedCount();
   }
}
function stopCount(){
   clearTimeout(t);
   timer_is_on=0;
}  
   
$si(document).ready(function(){

   $si('#brandbox li:gt(3) .brandpop').each(function(x){
      var h = -((x+1)*41) + 'px';
      $si(this).css('top',h);
   })
   $si('#brandbox a.linkimage').each(function(x){
      var back = 'url('+$si(this).attr('href')+')';
	  if(back.length>6){
      	$si('#brandimage').append('<div class="brandlink" id="brandlink'+x+'" style="background-image:'+back+'"></div>')
	  }
   })
   $si('#brandbox li').not('.more').hover(function(){
      stopCount();
      $si('#brandbox li.active').removeClass('active');
      $si(this).addClass('active');
      $si('.brandpop',this).show().parent().addClass('active');
      var x = $si('#brandbox li').index(this);
      $si('#brandimage .brandlink').not('#brandlink'+x).fadeOut('fast');
	  $si('#brandimage #brandlink'+x).appendTo($si('#brandimage')).fadeIn('fast');
   },function(){
      t=setTimeout("doTimer()",speed);
      $si(this).removeClass('.active');
   })
   $si('#brandbox li.more').hover(function(){
      stopCount();
      $si('#brandbox li.active').removeClass('active').addClass('last');
   },function(){
      t=setTimeout("doTimer()",speed);
      $si('#brandbox li.last').removeClass('last').addClass('active');
   })
   
  timedCount();
   
   
});