// JavaScript Document

$.fn.hoverscroll.params = $.extend($.fn.hoverscroll.params, {
	vertical : true,
	width: 320,
	height: 140,
	arrows: false
});
	
$.ajax({
	dataType: 'jsonp',
	data: 'count=3',
	crossDomain:true,
	jsonp: 'callback=?',
	async: true,
	url: 'http://twitter.com/status/user_timeline/threeforhope.json',
	success: function (data) {
		$('div#feed').empty();
		for(var x=0;x<data.length;x++){
			$('div#feed').append(
				'<div class="tweet" style="color:#fff;padding:5px;width:290px;max-width:300px;font-size:0.8em;">' + 
				'@<a  href="http://twitter.com/#!/'+data[x].user.screen_name +'" target="_blank" style="color:#fa426e;font-weight:bold;text-decoration:none;">' 
				+ data[x].user.screen_name + '</a>: ' + data[x].text  +
				'</div>');
		}
		$('ul#feed').hoverscroll();
		Cufon.replace('div.tweet')
	}
});