var images= [ "splash_1.jpg","splash_2.jpg","splash_3.jpg","splash_4.jpg",];

var image_idx = 0, fadeTimer = 3, swapper = 1, fader = 1;

function initSwap()
{
	var container = document.getElementById('splash_image');

	for(var i=0;i < images.length;i++)
	{
		var image = document.createElement('img');
		image.src = '/images/gallery/' + images[i];
		image.style.position = 'absolute';
		if (i != 0) {image.style.opacity = '0';image.style.filter = 'alpha(opacity:0)';}
		container.appendChild(image);
		images[i] = image;
	}
	swapper = setTimeout(doSwap,2000);
}

function doSwap()
{
	var s1 = image_idx;
	var s2 = s1+1==images.length?0:s1+1;
	image_idx = s2;
	fade(s1,0);fade(s2,1);
	swapper = setTimeout(doSwap,4000);
}

function fade(whoid,dir)
{
	var image = images[whoid], completed;
	var opac = parseFloat(image.style.opacity,10);

	if(dir > 0) { opac += .05; if(opac >= 1) {completed = true;} }
	else { opac -= .05; if(opac <= 0) {completed = true;} }

	set_opacity(image, opac);

	if(!completed) {fader = setTimeout("fade("+whoid+","+dir+")",40);}
}

function set_opacity(element, opacity)
{
	element.style.opacity = opacity;
	element.style.filter = 'alpha(opacity:'+(opacity*100)+')';  
}

onload = initSwap;