window.addEvent('domready', function() {
	initHomeRenderings();
        loadImage(0);
	initHomeRenderingsRotate();
});

var num_imgs = rotate_images.length;
var iimg;
var bgel;

initHomeRenderings = function() {
	var action = 0;
	bgel = $E('.fimage');
	var bgsrc = bgel.getStyle('background-image').replace(/.*?\((.*\/).*?\).*/, '$1').replace(/"/g, '');

	// precache
	iimg = $A([]);
	for(var i = 0; i < num_imgs; i++)
	{
		var tmp	=	{};
		tmp		=	new Image();
		tmp.src =	bgsrc + rotate_images[i];

		var idx	=	i;
		iimg[idx]	=	tmp;
	}
}

loadImage = function(idx)
{
	var obgs	=	$$('.fimage');
	var nbgel	=	bgel.clone();
	var bgcol	=	iimg[idx].src.replace(/.*_([a-f0-9]+)\.jpg$/i, '$1');

	nbgel.className = nbgel.className.replace(/i[0-9]+/ig, '');
	nbgel.className += ' i' + (idx + 1);
        nbgel.setStyle('background-image', 'url('+iimg[idx].src+')');
        
        /*
	nbgel.setStyles({
		'background-image': 'url('+iimg[idx].src+')'
		'background-color': '#' + bgcol
	});
        */

	nbgel.inject(obgs[obgs.length - 1], 'after');

	var fxn = new Fx.Tween(nbgel, {property: 'opacity', duration: 1500});
	fxn.set(0);
	fxn.start(0, 1).chain(function() {
		obgs.each(function(el) {el.dispose()});
	});
}

initHomeRenderingsRotate = function() {
	var idx	=	0;
	do_click = function() {
		idx	=	(idx + 1) % num_imgs;
		loadImage(idx);

		do_click.delay(5000);
	}

	do_click.delay(5000);
}