function jsGetFbPost() {
	var d = 'req_url=' + escape('https://graph.facebook.com/124561090892752/feed');
	$.getJSON('/services/facebook.req.aspx', d, function (data) {
		var cnt = 20;
		for (var i = 0; i < Math.min(cnt, data.data.length); i++) {
			$('#fb_fans').append(jsGetFbPostHTML(data.data[i]));
		}
		$('#fb_fans a').attr('target', '_blank');
		$('#fb_container').tinyscrollbar();
	});
}

function jsGetFbPostHTML(p) {
	var d = new Date(p.created_time);

	var html = "<div class='fb_item'>";
	//html += "<div class='title'>" + post.title + "</a></div>";
	if (p.from.id) {
		html += "<div class='from_img'><img src='http://graph.facebook.com/" + p.from.id + "/picture' /></div>";
		html += "<div class='from'>" + p.from.name + "</div>";
	}

	if (p.message) {
		html += "<div class='content'>" + p.message + "</div>";
	}

	if (p.picture) {
		html += "<div class='pic'><img src='" + p.picture + "' /></div>"
	}


	/* action button */
	html += "<div class='fb_act'>";
	if (p.icon) {
		html += "<div class='icon'><img src='" + p.icon + "' align='absmiddle' /></div>";
	}
	for (var i = 0; i < p.actions.length; i++) {
		html += "<a href='" + p.actions[i].link + "' target='_blank'>" + p.actions[i].name;
		if (p.actions[i].name == "Like" && p.likes) {
			html += " <span class='cnt'>(" + p.likes.count + ")</span>";
		} else if (p.actions[i].name == "Comment" && p.comments) {
			html += " <span class='cnt'>(" + p.comments.count + ")</span>";
		}
		html += "</a>";
		if (i < p.actions.length - 1) {
			html += " · ";
		}
	}
	if (p.created_time) {
		html += "<div class='create'>" + utils.prettyDate(new Date(p.created_time)) + "</div>";
	}
	html += "</div>";

	// · 
	// + d.toDisplayString();

	html += "<div class='sep'></div></div>";
	return html;
}

$(function () {
	jsGetFbPost();
});