function twitterCallback2(twitters) {
  var statusHTML = [];
  //var num_of_followers = twitters[0].user.followers_count;

  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push('<li><span>'+status+'</span> <a class="twitter_created_at" style="font-size:85%;" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
  
}

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);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

document.observe('dom:loaded',function(){
	var el = $$('body').first();
	if (el) stf = new SenseTwitterFeed(el);
});

var SenseTwitterFeed = Class.create({
	
	initialize: function(element) {
		
		this.element = element;	
		this.initTwitterFeed();
	},
	
	initTwitterFeed: function() {
		
		// get refs to the elemnts
		this.bubble = this.element.down('#twitter_feed');
		this.tweet = this.bubble.down('li');
		this.links = this.tweet.select('a');
		this.created_at = this.bubble.down('.twitter_created_at');
		
		console.log(this.links);
		
		this.showTweet();
		
		// add ev handlers on the menu items
		var menu_items = this.element.down('#navigation').select('a');
		
		menu_items.each(function(menu) {
			menu.observe('mouseover', function(e) {
				this.bubble.hide();
			}.bind(this));
			menu.observe('mouseout', function(e) {
				this.showTweet();
			}.bind(this));
		}.bind(this));
	},

	showTweet: function() {
		// change font colours to match background - avoids jitters in IE
		this.tweet.setStyle({ color:'#fff' });
		this.links.each(function(link) {
			link.setStyle({ color:'#fff' });
		});
		
		// fade in the bubble outline
		this.bubble.tween().fadeIn({ 
			seconds: 0.1
		});
		// fade in the tweet text
		this.tweet.tween(
			{ styleFrom:{ color:'#fff' }, styleTo:{ color:'#666' }, transition:'linear' }
		);
		// fade in the link text
		this.links.each(function(link) {
			link.tween(
				{ styleFrom:{ color:'#fff' }, styleTo:{ color:'#649d00' }, transition:'linear' }
			);
		});
		
	}
});