var current_banner = 1;
var banners_count = 4;

function banners_rotate()
{
	var banners = new Array();
	var thumbs = new Array();
	
	for (var i = 0; i < banners_count; i++)
	{
		var id = current_banner + i;
		if (id > banners_count) id -= banners_count;
		
		var tid = current_banner + i + 1;
		if (tid > banners_count) tid -= banners_count;
		
		banners[i] = 'banner'+id;
		thumbs[i] = 'bthumb'+tid;
	}
	
	new Effect.Parallel([
		new Effect.Move(banners[0], { sync: true, x: -410, y: 0, mode: 'absolute' }),
		new Effect.Move(banners[1], { sync: true, x: 0, y: 0, mode: 'absolute' }),
		new Effect.Move(thumbs[0], { sync: true, x: -138, y: 0, mode: 'absolute' }),
		new Effect.Move(thumbs[1], { sync: true, x: 0, y: 0, mode: 'absolute' }),
		new Effect.Move(thumbs[2], { sync: true, x: 138, y: 0, mode: 'absolute' }),
		new Effect.Move(thumbs[3], { sync: true, x: 276, y: 0, mode: 'absolute' })
	], { 
	  	duration: 0.8,
	  	afterFinish: function () {
	  		for (i = 2; i < banners_count; i++)
	  		{
	  			$(banners[i]).style.left = ((i-1)*410)+'px';
	  		}
	  		$(thumbs[0]).style.left = (3*138)+'px';
	  	}
	});
	
	current_banner++;
	if (current_banner > banners_count) current_banner = 1;
	
	setTimeout('banners_rotate()', 7000);
}

Event.observe(window, 'load', function() { setTimeout('banners_rotate()', 7000); });