(function($) { // start anonymous function so we can use jQuery as $

	$(document).ready(function() {
		var stories = $("#stories .page");
		var perpage = 3;
		$(".total-pages").html( Math.ceil(stories.length / perpage) );
		$(".current-page").html( 1 );
		sIndex = 0;
		setStories = function(start) {
			stories.each(function(i) {
				if( (i >= start) && (i < start+perpage) ) {
					$(this).css("display", "block");
				} else {
					$(this).css("display", "none");
				}
			});
			sIndex = start;
			if (sIndex >= perpage) {
				$(".pageHomePrev").removeClass("inactive");
			} else {
				$(".pageHomePrev").addClass("inactive");
			}
			
			if (sIndex >= (stories.length - perpage) ) {
				$(".pageHomeNext").addClass("inactive");
			} else {
				$(".pageHomeNext").removeClass("inactive");
			}
			
			$(".current-page").html( (sIndex / perpage) + 1 );
		}
		setStories(0);
		
		$(".pageHomeNext").click(function(e) {
			e.preventDefault();
			if( sIndex < (stories.length - perpage) ) {
				setStories(sIndex + perpage);
			}
		});
		
		$(".pageHomePrev").click(function(e) {
			e.preventDefault();
			if( sIndex >= perpage ) {
				setStories(sIndex - perpage);
			}
		});
	});
})(jQuery);