$(document).ready(function () {
	$(".icon").mouseover(function () {
		var classes = $(this).attr("class").split(" ");
		
		$("#content").html($("#" + classes[2]).html());
		
		$("#content").stop();
		$("#content").css({top: "-150px", opacity: "0", display: "block"});
		$("#content").animate({top: "-210px"}, {queue: false, duration: 200})
			.animate({opacity: "0.9"}, 200);
	});
	
	$(".icon").mouseout(function () {
		$("#content").animate({top: "-270px"}, {queue: false, duration: 200})
			.animate({opacity: "0"}, 200);
	});
	
	$.ajax({
		url: "http://twitter.com/statuses/user_timeline/Farhodjon.json?count=1&callback=?",
		data: {},
		dataType: "jsonp",
		callbackParameter: "jsoncallback",
		timeout: 5000,
		success: function(data){
			$("#twitter").html('<span class="gray">@Farhodjon:</span><br/>' + data[0].text);
		},
		error: function(XHR, textStatus, errorThrown){
			$("#twitter").html('<span class="gray">@Farhodjon:</span><br/><span class="with-margin">o_O</span>');
		}
	});
});