var groups = new Array();
var i = 0;
var i_max = 0;

function swapFade()
{
	
	Effect.Fade(groups[i], { duration:0.8, from:1.0, to:0.0 });
	i++;
	if (i == i_max) i = 0;
	Effect.Appear(groups[i], { duration:0.8, from:0.0, to:1.0 });
}

function makeSlideShow()
{ 
	groups = $$('#section-image ul li');
	//groups.first().addClassName('selected');
	groups.each(function(g)
	{
		g.addClassName('startup');
		g.setStyle({display:'none'});
	});
	groups.first().setStyle({display:'block'});
	
	$$('#images ul').first().setStyle({display:'block'});
	
	i_max = groups.length;

	$$('#images').first().setStyle({background:'none'});
		
	setInterval('swapFade()',2000);
}

function detectImageLoad()
{
	var thumbnailGroup = $$('#images ul li img');
	var stillLoading = false;
	thumbnailGroup.each(function(t){
		if (!t.complete) stillLoading = true;
	})
	if (stillLoading) {
		detectImageLoad();
	} else {
		makeSlideShow();
	}
}

Event.observe(window, 'load', function () {
	detectImageLoad();
})