//test
var change_images_timer;
window.addEvent('domready', function(){
  change_images_timer = function() {
    //set up front images for a nice fades
    $$('.front_photos')[0].fade('hide');
    $$('.front_photos li').dispose();
    $$('.back_photos li').each(function(element){
      element.clone().inject($$('.front_photos')[0]);
    });
    $$('.front_photos')[0].fade('show');

    //pick some more images and set up the back images
    (function() {
      var people = $$('.people_images li');
      unique_items = [];
      $$('.back_photos li').dispose();
      for (var i = 0; i < 4; i++) {
        var item;
        do {
          item = Math.floor(Math.random()*people.length);
        } while (unique_items.contains(item))
        unique_items.push(item)
      
        var picture = people[item].clone();
      
        picture.inject($$('.back_photos')[0]);
      }
      $$('.front_photos')[0].fade('out');
    }).delay(500);
  }.periodical(20000);
});