$(function(){

	$("#content").load($("div.paging-main ul.paging li a:first").attr("href")+" #content");
	$("div.paging-main ul.paging").css("width",(40*($("div.paging-main ul.paging li").size()+1))+"px");
	$("div.paging-main ul.paging li a:first").addClass("selected");


	// constant variables are 40, 5, 11.
	$("li.paging-last a").click(function(){
		$("div.paging-main ul.paging").animate({marginLeft: (11-40*($("div.paging-main ul.paging li").size()-5))+"px"}, "slow", "swing");
		return false;
	});
	$("li.paging-first a").click(function(){
		$("div.paging-main ul.paging").animate({marginLeft: "11px"}, "slow", "swing");
		return false;
	});
	$("li.paging-prev a").click(function(){
		var m = parseInt($("div.paging-main ul.paging").css("margin-left"));
		$("div.paging-main ul.paging").animate({marginLeft: "-="+(m>-40*(5)?m-11:-40*(5-1))+"px"}, "slow", "swing");
		return false;
	});
	$("li.paging-next a").click(function(){
		var m = parseInt($("div.paging-main ul.paging").css("margin-left"));
		$("div.paging-main ul.paging").animate({marginLeft: "-="+(m<-40*($("div.paging-maing ul.paging li").size()+5)?0:40*(5-1))+"px"}, "slow", "swing");
		return false;
	});


	$("div.paging-main ul.paging li a").click(function(){

		$("#content").html('<p class="loading"><img src="../img/loading.gif" alt=""></p>');

		$("#content").data("file",$(this).attr("href"));

		$('html,body').animate({ scrollTop: $("h1").offset().top-20 }, 'slow','swing',function(){
			$("#content").load($("#content").data("file")+" #content");
		});

		$("ul.paging li a").removeClass("selected");
		$(this).addClass("selected");

		return false;
	});


});