$(document).ready(display);

function display(){
	mp = $("#messagepanel");
	mp.append("<table width=\"100\"><span id=\"messages\"></span></table>");
	getTweets();
	setInterval("getTweets()",180000);
}

function getTweets()
{
	$.getJSON("http://twitter.com/statuses/friends_timeline.json?callback=?",populate);
}

function populate(data,stat){
	tb = $("#messages");
	tb.empty();
	$.each(data, function(i,item){
		msgid = "msg" + item.id;
		if ((i%2) > 0) cls="odd";
		else cls="even";
		itext = item.text
		itext = itext.replace(/((http|mailto|ftp):\/\/[\/\w\.]*)/,"<a target=\"_blank\" href=\"$1\">(Link)</a>");
		itext = itext.replace(/\B@(\w+)/g,"<a target=\"_blank\" href=\"http://twitter.com/$1\">@$1</a>");
		itext = itext.replace(/\B#(\w+)/g,"<a target=\"_blank\" href=\"http://search.twitter.com/search?q=%23$1\">#$1</a>");
		tb.append("<tr id=\"" + msgid + "\" class=\"message-" + cls + "\"></tr>");
		// $("#" + msgid).append("<td class=\"message\"><img class=\"mug\" src=\"" + item.user.profile_image_url + "\" width=\"20\"/><div class=\"message\"><span class=\"handle\">&nbsp;" + item.user.screen_name + ":</span>&nbsp;" + itext + "</td>");
		$("#" + msgid).append("<td class=\"message\"><a target=\"_blank\" href=\"http://twitter.com/" + item.user.screen_name + "\"><img class=\"mug\" src=\"" + item.user.profile_image_url + "\" width=\"20\" border=\"0\"/></a><div class=\"message\"><span class=\"handle\">&nbsp;" + item.user.screen_name + ":</span>&nbsp;" + itext + "</td>");
	});
}