$(document).ready(function(){
$.getJSON('http://twitter.com/status/user_timeline/inspirad0.json?count=5&callback=?', function(data){
				$('#tweet-container').html('');
				$.each(data, function(index, item){
					$('#tweet-container').append('<table class="wf">\
								<tr>\
								<td class="cont_text">\
									<div>\
										<div>'+item.text.linkify()+'</div>\
										<div class="cont_link"><i>'+relative_time(item.created_at)+'</i></div>\
									</div>\
								</td>\
								<td class="thumb_td">\
									<div id="thumb_'+Number(index+1)+'" class="thumb_right">\
										<div class="thumb">\
											<img onclick="thumbOpen(\''+Number(index+1)+'\');" class="thumb_img" src="images/btn/thumb.gif" onmouseover="over(this);" onmouseout="over(this);"/>\
											<div id="icons_'+Number(index+1)+'" class="thumb_left" style="display: none;">\
												<div class="thumb_icons">\
													<table>\
														<tr>\
															<td>\
																<a href="http://twitter.com/home?status='+"RT @inspirad0 "+this.text+'">\
																	<img alt="Retweet" src="images/ico/twitter.gif" />\
																</a>\
															</td>\
														</tr>\
													</table>\
												</div>\
											</div>\
										</div>\
									</div>\
								</td>\
							</tr>\
							<tr><td class="spacer" colspan="2"><img src="images/s.gif" alt="" /></td></tr>\
							</table>');
			});					
	});
});

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);
  
  var r = '';
  if (delta < 60) {
	r = 'a minute ago';
  } else if(delta < 120) {
	r = 'couple of minutes ago';
  } else if(delta < (45*60)) {
	r = (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (90*60)) {
	r = 'an hour ago';
  } else if(delta < (24*60*60)) {
	r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
	r = '1 day ago';
  } else {
	r = (parseInt(delta / 86400)).toString() + ' days ago';
  }
  
  return r;
}

String.prototype.linkify = function() {
	return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
		return m.link(m);
	});
};

var curr_thumb = '0';
function thumbOpen( id ) {
	if (curr_thumb != id) {
		$('#thumb_' + id).addClass('act');
		$('#icons_' + id).show('slide', {direction: 'right'}, 400);		
		if ($('#thumb_' + curr_thumb).hasClass('act')) {
			$('#icons_' + curr_thumb).hide('slide', {direction: 'right'}, 400);
			$('#thumb_' + curr_thumb).removeClass('act');
		}
		curr_thumb = id;
	} else {
		$('#icons_' + curr_thumb).hide('slide', {direction: 'right'}, 400);
		$('#thumb_' + curr_thumb).removeClass('act');
		curr_thumb = '0';
	}
	//alert(curr_thumb + ', ' + id);
}