function nextFriends(maxPage) {
	form = $('form.friendsList');
	currentPage = parseInt(form.find('input.page').val());
	if (currentPage < maxPage) {
		form.find('input.page').val(currentPage + 1);
		form.submit();
	} else return false;
}

function prevFriends(maxPage) {
	form = $('form.friendsList');
	currentPage = parseInt(form.find('input.page').val());
	if (currentPage > 1) {
		form.find('input.page').val(currentPage - 1);
		form.submit();
	} else return false;
}

function setPage(page, maxPage) {
	form = $('form.friendsList');
	currentPage = parseInt(form.find('input.page').val());
	if (page > 0 && page <= maxPage) {
		form.find('input.page').val(page);
		form.submit();
	} else return false;
}

function showFriends(result) {
	form = $('form.friendsList');
	list = form.find('div.friends');
	list.empty();
	pages = form.find('div.pages');
	pages.empty();

	count = parseInt(result.count);
	total = parseInt(result.totalFriends);
	page = parseInt(result.page);
	maxPage = Math.ceil(total / count);

	fromPage = page - 3;
	toPage = page + 3;
	if (toPage > maxPage) {
		toPage = maxPage;
		fromPage = toPage - 6;
	}

	if (page > 1) pages.append('<a href="javascript:;" onclick="return prevFriends(' + maxPage + ');" title="Back one page">&lt;&lt; Prev</a>');
		else pages.append('<a href="javascript:;" onclick="return false;" class="disabled" title="Back one page">&lt;&lt; Prev</a>');

	if (fromPage < 1)
		fromPage = 1;
	for (var i = fromPage; i <= toPage; i++) {
		pages.append(' <span class="separator">|</span> ');
		if (i == page) pages.append('<span>' + i + '</span>');
			else pages.append('<a href="javascript:;" onclick="return setPage(' + i + ',' + maxPage + ');">' + i + '</a>');
	}

	pages.append('<span> | </span>');

	if (page < maxPage) pages.append('<a href="javascript:;" onclick="return nextFriends(' + maxPage + ');" title="Next page">Next &gt;&gt;</a>');
		else pages.append('<a href="javascript:;" onclick="return false;" class="disabled" title="Next page">Next &gt;&gt;</a>');


	for (var i in result.friends) {
		friendData = result.friends[i];
		friend = $('<a href="' + friendData.url + '" title="' + friendData.name + '" class="imageFrame small gray"><img src="' + friendData.image + '" /></a>');
		list.append(friend);
	}
	list.append('<br style="clear: both;" />');
	Imagini.bindEvents(list);
}

$(function() {
	$('.nudgeTrigger').click(function() {
		loc = document.location.href;
		if (document.location.hash)
			loc = loc.replace(document.location.hash, "");
		quizName = $(this).attr('rel');
		$.post(
			loc, 
			{nudge: quizName}, 
			function (result) {
				Imagini.checkResult(result);
			}, 
			'json'
		);
		return false;
	});

	$('#profileAbout a.moreFriends').click(function() {
		$('#profileAbout form.friendsList').submit();
	});
});