var twitterFeed;

$(document).ready(function() { 
	loadData();
    setInterval(loadData, 300000); // Update Twitter feed every 5 minutes
});

function loadData() {
    $.getJSON('http://twitter.com/statuses/user_timeline/lmff.json?id=flint_tweets&count=3&callback=?', {}, function(data) {
        twitterFeed = data;
        updateDisplay($('div.twitterFeed'));
    });
}

function getTimeMessage(time) {
	var currentDate = new Date();
	var currentTime = currentDate.getTime() / 1000;	// Convert to seconds
	var twitterTime = Date.parse(time) / 1000; // Convert to seconds
	
	var timeDiff = currentTime - twitterTime;
	
	if (timeDiff < 60) {
		timeMessage = 'less than a minute ago.';
	} else if (timeDiff < 120) {
		timeMessage = 'about a minute ago.';
	} else if (timeDiff < (45 * 60)) {
		timeMessage = Math.floor(timeDiff / 60) + ' minutes ago.';
	} else if (timeDiff < (90 * 60)) {
		timeMessage = 'about an hour ago.';
	} else if (timeDiff < (24 * 60 * 60)) {
		timeMessage = 'about ' + Math.floor(timeDiff / 3600) + ' hours ago.';
	} else if (timeDiff < (48 * 60 * 60)) {
		timeMessage = '1 day ago.';
	} else {
		timeMessage = Math.floor(timeDiff / 86400) + ' days ago.';
	}
	
	return timeMessage;
}

function updateDisplay(element) {
    var innerHtml = '';
    $.each(twitterFeed, function (index, item) {
    	if(item.text != undefined && item.created_at != undefined) {
	    	innerHtml += '<li>';
    		if(item.user.profile_image_url != '' && item.user.profile_image_url != null) {
				innerHtml += '<img src="'+ item.user.profile_image_url +'" alt="' + item.in_reply_to_screen_name + '" />';
			}
			innerHtml += '<span class="feedTextWrapper"><span class="feedTextTop"></span><span class="feedText">' + item.text + '</span><span class="feedTextBottom"></span></span>';
			/*innerHtml += '<span>' + getTimeMessage(item.created_at);
			if(item.in_reply_to_screen_name != '' && item.in_reply_to_screen_name != null) {
				innerHtml += ' in reply to ' + item.in_reply_to_screen_name;
			}
			innerHtml += '</span>';*/
			innerHtml += '</li>';
		}
    });
    
    if(innerHtml != '') {
    	innerHtml = '<ul>' + innerHtml + '</ul>';
    	$(element).html(innerHtml);
	}
}