Event.observe ( document, 'dom:loaded', init );

function init () {
	Event.observe( 'toggle_content', 'click', content_onclick );
	$('gallery').select('li[class!="main"]').each( function (n) { n.setStyle({display:'none'}); });
	setTimeout ( 'slideshow()', 8000 );
}

function content_onclick (event) {
	Effect.toggle('text_content', 'appear', { duration:2} ); 	
	Effect.stop(event);
}

function slideshow() {
	if (document.current && document.current.next('li') && document.current.next('li').down('span.title_collection').innerHTML) 
		document.current = document.current.next('li');
	else 
		document.current = $('gallery').select('li[class!="main"]').first();
	
	//alert (document.current.getStyle('backgroundImage'));
	$('main_image').fade({ afterFinish : function () {
		$('main_image').setStyle ({backgroundImage : document.current.getStyle('backgroundImage')});
		$('main_image').appear();
		$('toggle_content').update ( document.current.down('span.title_collection').innerHTML );
		$('text_content').update ( document.current.down('span.more').innerHTML );
	}});
	
	setTimeout ( 'slideshow()', 8000 );
	
}