//.multitwitter_plugin

/*
 * - Contar o numero de tweets; - OK
 * - A cada número X de tweets, criar uma ul dentro da div - OK;
 * - Fazer o efeito de transição;
*/
$(document).ready(function() {
	if( $( '.multitwitter_plugin li' ).length > 10 )
		paginate_tweets();
});

var multitwitter_length;
var multitwitter_width;
var container_width;

function paginate_tweets()
{
	var i = 1;
	var source = '<ul class="multitwitter_plugin">';
	
	$( '.multitwitter_plugin li' ).each(function(){

		var tweet = $(this).html();		
		
		source += '<li class="clearfix">' + tweet + '</li>';

		if( i % 10 == 0 && tweet != $( '.multitwitter_plugin li' ).last().html() )
		{
			source += '</ul>'
			source += '<ul class="multitwitter_plugin">'
		}
		
		i++;
	});
	
	source += '</ul>'
	
	$( '#container_tweets' ).html( source );
	
	twitter_setup();
}

function twitter_setup()
{
	multitwitter_length = $( '.multitwitter_plugin' ).length;
	multitwitter_width = $( '.multitwitter_plugin' ).outerWidth( true );
	container_width = multitwitter_length * multitwitter_width;
	
	$( '#container_tweets' ).width( container_width );
	
	$( '.multitwitter_plugin' ).each(function(){
		$(this).find('li').last().addClass( 'last' );
	});
	
	twitter_interval();
}

function twitter_interval()
{
	window.setInterval("twitter_animate();", 40000);	
}

function twitter_animate()
{
	$( '#container_tweets' ).animate({
		left: -multitwitter_width
	},'slow',function(){
		$(this).find( 'ul:first' ).appendTo( '#container_tweets' );
		$(this).css( 'left' , '0px')
	});
}