var Intro = {
	
	current: 0,
	speed: 2,
	rotate: null,
	data: [],
	
	initialize: function()
	{
		
		if( $('intro') )
		{
			Intro.getItems();
		}
		
	},
	
	
	getItems: function()
	{
		
		var images = $$('#intro .item');
		Intro.data = images;

		Intro.data.each( function(image,index){
			
			image.id = 'intro_' + index;
			image.style.display = ( index!= 0 ? 'none' : 'block' );
		
		});
		
		Intro.next();
		
	},
	
	
	next: function()
	{

		if( Intro.current == 0 )
		{
			
			new Effect.Appear('intro_'+(Intro.current+1));
			
			++Intro.current;

		}else	if( Intro.current >= (Intro.data.length-1) ){
			
			new Effect.Fade('intro_'+Intro.current);
			Intro.current = 0;
		
		}else{
			new Effect.Fade('intro_'+Intro.current);
			new Effect.Appear('intro_'+(Intro.current+1));
			
			++Intro.current;
		
		}

		Intro.autoRotate();
		
	},
	
	
	autoRotate: function()
	{
		
		setTimeout('Intro.next()',Intro.speed*1000);
		
	}

}



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