(function($){
	var banner = $('#banner'),
		feed = banner.find('.feed'),
		interval = 10000,
		speed = 500;

	var linkify = function(text){
		text = text.replace(/(https?:\/\/)([\w\-:;?&=+.%#\/]+)/gi, '<a href="$1$2">$2</a>').replace(/(^|\W)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>').replace(/(^|\W)#(\w+)/g, '$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>');

		return text;
	}

	var relativeDate = function(date){
		if (navigator.appName === 'Microsoft Internet Explorer') return '';

		var unit = {
			now: '現在',
			minute: '1 分鐘前',
			minutes: ' 分鐘前',
			hour: '1 小時前',
			hours: ' 小時前',
			day: '昨天',
			days: ' 天前',
			week: '1 週前',
			weeks: ' 週前'
		};

		var current = new Date(),
			tweet = new Date(date),
			diff = (((current.getTime() + (1 * 60000)) - tweet.getTime()) / 1000),
			day_diff = Math.floor(diff / 86400);
		
		if (day_diff == 0){
			if (diff < 60) return unit.now;
			else if (diff < 120) return unit.minute;
			else if (diff < 3600) return Math.floor(diff / 60) + unit.minutes;
			else if (diff < 7200) return unit.hour;
			else if (diff < 86400) return Math.floor(diff / 3600) + unit.hours;
			else return '';
		} else if (day_diff == 1) {
			return unit.day;
		} else if (day_diff < 7) {
			return day_diff + unit.days;
		} else if (day_diff == 7) {
			return unit.week;
		} else if (day_diff > 7) {
			return Math.ceil(day_diff / 7) + unit.weeks;
		} else {
			return '';
		}
	}

	if ($(window).width() > 600){
		banner.show();

		$.getJSON('http://twitter.com/status/user_timeline/tommy351.json?count=10&callback=?', function(json){
			var length = json.length,
				fragment = document.createDocumentFragment(),
				counts = 0,
				timeout;

			for (var i=0; i<length; i++){
				var item = document.createElement('li');
				item.innerHTML = linkify(json[i].text) + '<small>'+relativeDate(json[i].created_at)+'</small>';
				fragment.appendChild(item);
			}

			var play = function(){
				timeout = setTimeout(function(){
					feed.animate({top: '-='+30}, speed, function(){
						$(this).append($(this).children().eq(counts).clone());
						counts++;
						play();
					});
				}, interval);
			}

			var pause = function(){
				clearTimeout(timeout);
			}

			banner.on('mouseenter', pause).on('mouseleave', play)
			.children('.loading').hide().end()
			.children('.container').show()
			.children('.feed').append(fragment);

			play();
		});
	}
})(jQuery);