
if (document.images)
	{
	preload_image_object = new Image();

	image_url = new Array();
	image_url[0] = "images/headerimg_1.jpg";
	image_url[1] = "images/headerimg_2.jpg";
	image_url[2] = "images/headerimg_3.jpg";
	image_url[3] = "images/headerimg_4.jpg";
	image_url[4] = "images/headerimg_5.jpg";
	image_url[5] = "images/headerimg_6.jpg";
	image_url[6] = "images/headerimg_7.jpg";

	var i = 0;
	for(i=0; i<=6; i++) 
	preload_image_object.src = image_url[i];
}

var images = new Array( 'images/headerimg_1.jpg',
			'images/headerimg_2.jpg',
			'images/headerimg_3.jpg',
			'images/headerimg_5.jpg',
			'images/headerimg_6.jpg',
			'images/headerimg_7.jpg',
			'images/headerimg_4.jpg');
			

var randomnumber=Math.floor(Math.random()*6)

//var nextImage = 1;
var nextImage = randomnumber;
var imageWidth = 704;
var imageHeight = 198;
var imageTimeout = 4000;

function setOpacity(el, opacity) {

	//  Which opacity method does this browser support?

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function fadeImage(el, currentOpacity) {

	currentOpacity += 5;

	if (currentOpacity > 100) {
		setOpacity(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		el.style.zIndex = 1;
		window.setTimeout(startFading, imageTimeout);
	}
	else {
		setOpacity(el, currentOpacity);
		window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
	}

}


function startFading() {

	var el = document.getElementById('image-container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

	nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;

}


function pageLoad() {

	var el = document.getElementById('image-container');

	while (el.firstChild) { el.removeChild(el.firstChild); }

	el.style.width = imageWidth + 'px';
	el.style.height = imageHeight + 'px';

	for(var i=0; i<images.length; i++) {

		var t = document.createElement('IMG');
		//t.setAttribute('src',images[i]);
		
		t.setAttribute('src',images[Math.floor(Math.random()*6)]);
		
		t.setAttribute('width',imageWidth);
		t.setAttribute('height',imageHeight);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);

	}

	el.firstChild.style.visibility = 'visible';

	window.setTimeout(startFading, imageTimeout);

}


//window.onload = pageLoad;

