var images;

function placeTUF(){
	$('tuf').setStyles({
		'left': (window.getSize().x - $('tuf').getSize().x) / 2,
		'visibility': 'visible'
	});
}

function openTUF(i){
	if (i > images.length - 1)
		return;
	
	images.each(function(el){
		el.setStyle('display', 'none');
	});
	
	if (!$defined(i))
		i = 0;
	
	images[i].setStyle('display', 'block');
	
	openTUF.delay(100, this, i + 1);
}

function closeTUF(i){
	if (i < 0)
		return;
	
	images.each(function(el){
		el.setStyle('display', 'none');
	});
	
	if (!$defined(i))
		i = images.length - 1;
	
	images[i].setStyle('display', 'block');
	
	closeTUF.delay(100, this, i - 1);
}

window.addEvent('domready', function(){
	images = $('tuf').getElements('img');
});

window.addEvent('domready', placeTUF);
window.addEvent('resize', placeTUF);
