﻿function showTwitterFeed(json) {

	$("#twitter-feed ul").children().remove();
	$(json).each(function() {
		showTweet(this);
	});

	$("#twitter-feed-navigation").css("display", "block");
	$("#twitter-feed").jCarouselLite({
		btnNext: "#twitter-feed-navigation .next",
		btnPrev: "#twitter-feed-navigation .prev",
		visible: 2,
		vertical: true,
		easing: "easeInSine",
		speed: 1000,
		mouseWheel: true,
		auto: 5000
	});
}

function showTweet(item) {
	$("#twitter-feed ul").append('<li><div class="message">'
			+ '<a href="http://twitter.com/' + item.user.screen_name + '"><img src="' + item.user.profile_image_url + '" alt="' + '" class="avatar"/></a> '
			+ '<a href="http://twitter.com/' + item.user.screen_name + '">' + item.user.screen_name + '</a>: '
			+ item.text.linkify()
		+ '</div><div class="info">'
			+ relative_time(item.created_at)
			+ " from "
			+ item.source
			+ ' &middot; <a href="http://twitter.com/?status=@' + item.user.screen_name + '&amp;in_reply_to_status_id=' + item.id + '&amp;in_reply_to=' + item.user.screen_name + '" class="litnv" target="_blank">Reply</a> '
			+ '&middot; <a href="http://twitter.com/' + item.user.screen_name + '/statuses/' + item.id + '" class="lit" target="_blank">View Tweet</a>'
		+ '</div><hr class="hr-clear" />'
		+ '</li>');
}

String.prototype.linkify = function() {
	return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
		return m.link(m);
	});
};
