/*
 * twitter.js
 *
 */

var twitter;

$(document).ready(function(){
	twitter = new TwitterPanel();
});

function TwitterPanel(){
	var tweetData;
	var currentTweet = 0;
	var tweetNum = 0;
	var tweetBody;
	var tweetTime;
	var urlReg = new RegExp("(https?|ftp)(:¥/¥/[-_.!~*¥'()a-zA-Z0-9;¥/?:¥@&=+¥$,%#]+)", "ig");
	var content;
	
	$.getJSON('http://api.twitter.com/1/statuses/user_timeline/akichischool.json?callback=?', {'d': new Date().getTime()}, function(data){
		tweetData = data;
		tweetNum = tweetData.length;
		tweetTime = new Date(tweetData[0].created_at);
		tweetBody = tweetData[0].text;
		tweetBody = tweetBody.replace(urlReg, "<a href='$1'>$1</a>");
		
		content = '<div class="twitterBlockA01">\
				<div class="iconBlock">\
					<div class="icon"><img src="' + tweetData[0].user.profile_image_url + '" width="24" height="24" alt="" /></div>\
					<div class="name"><a href="http://twitter.com/akichischool" target="_blank">akichischool</a></div>\
				</div>\
				<p class="body">' + tweetBody + '</p>\
				<div class="date">[1/' + tweetNum + '] ' + tweetTime.getFullYear() + '/' + (tweetTime.getMonth() + 1) + '/' + tweetTime.getDay() + ' ' + tweetTime.getHours() + ':' + tweetTime.getMinutes() + '</div>\
			</div>';
		$("#latestArticle").before(content);
		setTimeout(changeTweet, 8000);
	});
	
	function changeTweet(){
		currentTweet++;
		if(currentTweet == tweetNum) currentTweet = 0;
		
		tweetBody = tweetData[currentTweet].text;
		tweetBody = tweetBody.replace(urlReg, "<a href='$1'>$1</a>");
		tweetTime = new Date(tweetData[currentTweet].created_at);
		$(".twitterBlockA01 p.body").html(tweetBody);
		var footer = '[' + (currentTweet + 1) + '/' + tweetNum + '] ' + tweetTime.getFullYear() + '/' + (tweetTime.getMonth() + 1) + '/' + tweetTime.getDay() + ' ' + tweetTime.getHours() + ':' + tweetTime.getMinutes();
		$(".twitterBlockA01 div.date").text(footer);
		setTimeout(changeTweet, 8000);
	}
}