HeaderImages = [
  'header_01.jpg',
  'header_02.jpg',
  'header_03.jpg',
  'header_04.jpg',
  'header_05.jpg',
  'header_06.jpg',
  'header_07.jpg',
  'header_08.jpg',
  'header_09.jpg',
  'header_10.jpg',
  'header_11.jpg',
  'header_12.jpg',
  'header_13.jpg',
  'header_14.jpg',
  'header_15.jpg'
];

function initialize(){
  $(document.body).addClass(Browser.Engine.name+' '+Browser.Engine.name+'_'+Browser.Engine.version+' '+Browser.Platform.name);
  ImageFlipper.init();
}
window.addEvent('domready', initialize);

ImageFlipper = {
  init:function(){
    var container = $('header_image');
    if (!container){ return false; }
    this.container = container;
    this.path  = 'img/headers/';
    
    this.photo = HeaderImages.indexOf(HeaderImages.getRandom());
    this.showImage();
  },
  showImage:function(){
    var photo = HeaderImages[this.photo];
    var newImage = new Element('img', {
      'src':this.path+photo,
      'styles':{ 'opacity':0 },
      'tween':{
        duration:1500,
        property:'opacity'
      }
    });
    this.container.getChildren('.old').each(function(el){ el.dispose(); });
    this.container.getChildren('img').each(function(el){ el.addClass('old'); });
    newImage.inject(this.container).tween(1);
    this.photo++;
    if (this.photo === HeaderImages.length){ this.photo = 0; }
    var preload = new Asset.images(this.path+HeaderImages[this.photo]);
    var t=setTimeout("ImageFlipper.showImage()",6500);
  }
};