// image array
var images = new Array();
images[0] = '4f67a2e7ef.jpg';
images[1] = 'c1c47bc76f.jpg';
images[2] = '7c3bd510f9.jpg';
images[3] = 'd2835d1d0b.jpg';
images[4] = 'e0a0dcafb5.jpg';

// start settings
var minSecDisplayImage = 4;
var image_now          = Math.floor(Math.random()*images.length);
var image_next         = 0;
var visible_image_id   = 1;
var image_loaded       = false;
var waitSec            = 0;

// temp image to load images
var IMGt = new Image();
function setLoaded() {
 IMGt.onload= function() { 
    
	// if next image is loaded
    document.getElementById('IMGH'+Math.abs(visible_image_id-1)).setAttribute('src',IMGt.src);
    image_loaded=true;
 }
}
setTimeout('setLoaded()',1);


// should we fade now ?
function startTimerFade() {
 waitSec++;
 if(waitSec > minSecDisplayImage && image_loaded)
 {
  image_now = image_next;
  visible_image_id = Math.abs(visible_image_id-1);
  fade_from_to('img_header'+visible_image_id,0,100,1000,0,0);
  fade_from_to('img_header'+Math.abs(visible_image_id-1),100,0,1000,0,0);
  setTimeout('load_next_image()',1500);
 }
 else setTimeout('startTimerFade()',1000);
}

// load next image
function load_next_image() {
 image_loaded=false;
 image_next = image_now+1;
 if(image_next == images.length) image_next = 0;
 IMGt.src='/files/tmp/'+images[image_next];
 waitSec=0;
 setTimeout('startTimerFade()',1000);
}

function init() {
 document.getElementById('IMGH1').setAttribute('src','/files/tmp/'+images[image_now]);
 load_next_image();
}

setTimeout('init()',200);