// JavaScript Document

$(function(){
		 $.ajax({
        dataType: "jsonp",
        cache: true,
        url: "http://api.twitter.com/1/statuses/user_timeline/droogweb.json",
        success: function (data) {
			for(var i = 0; i < 5; i++){
				var text = data[i].text;
				var time = new Date(data[i].created_at.replace(/^(.+ .+ .+)( .+ .+)( .+)$/,"$1$3$2"));
				var year = time.getFullYear();
				var month = time.getMonth()+1;
				var day = time.getDate();
				
				var html = "<span class='date'>"+year+"."+month+"."+day+"</span>&nbsp;<a href='https://twitter.com/#!/droogweb/'>"+text+"</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
				$("#tweetArea p span#tweet").append(html);
				
				
			}
			tweetanime();
        }
    });   
});


function tweetanime(){
	var width = $("#tweetArea p span#tweet").width();
	$("#tweetArea p").animate({
		left: -(width) + "px"
	}, width*20, "linear", function(){
		$("#tweetArea p").css("left", "0px");
		tweetanime();
	});
}