/*


*/

$.bgmax = 5;



$.setrandombg = function(){
  var index = Math.floor(Math.random()*$.bgmax+1);
  var image = "/cusimages/achtergronden/dudok_" + index + ".png";
  $("#panel").css({
    'background-image': ("url('" + image + "')")
  }).data("imageindex", index);
}

$.randombg = function(){
  var panel = $("#panel");
  var current = panel.data("imageindex");
  var index = Math.floor(Math.random()*$.bgmax+1);
  
  var maxit = 10;
  while (index===current && maxit--){
   index = Math.floor(Math.random()*$.bgmax+1);
  }

  var image = "/cusimages/achtergronden/dudok_" + index + ".png";
    
  $("#switchbg")
    .hide()
    .css({
     'background-image': ("url('" + image + "')")
    })
    .fadeIn(3000, function(){
      $("#panel").css({
       'background-image': ("url('" + image + "')")
      })
  });
  
  panel.data("imageindex", index);
};

$(function(){
 setInterval("$.randombg()", 10000);
});