var $page = 1;

function showNews(dpage) {
	$.ajax({
		dataType: 'json',
		data: {page: parseInt($page) + parseInt(dpage)},
		url: getRoot('ajax-page/news'),
		success: reloadNews
	});

	$(".loader").show();
	$(".news-index").slideUp('fast');
}

function reloadNews(data) {
	$(".news-index").addClass("loaded");
	$(".news-content").replaceWith(data['html']);
	$(".news-index").slideDown('fast');
	$(".loader").hide();

	$page = data['page'];

	if (data['prev']) {
		$('.newer').show();
	} else {
		$('.newer').hide();
	}

	if (data['next']) {
		$('.older').show();
	} else {
		$('.older').hide();
	}
}

$(function() {
	$("#toggle_news").toggle(function(){
		$("#toggle_button").addClass("hide");
		$news = $(".news-index");
		$news_content = $(".news-content");

		if (!$news.hasClass('loaded')) {
			showNews(0);
		} else {
			$news.slideDown('fast');
		}


	}, function(){
		$(".news-index").slideUp('fast');
		$("#toggle_button").removeClass("hide");
	});

	$(".older").click(function() { showNews(1); });
	$(".newer").click(function() { showNews(-1); });
	
});