;(function($) {
	var pageSize;
	var pos = 0;
	var pages = 0;
	var pPrev;
	var pNext;
	
	var updatePos = function(){
		$('#CenterWrapper').scrollTo((pos * pageSize) + 'px', 500);
		pPrev.toggleClass('left', pos <= 0);
		pPrev.toggleClass('left-active', pos > 0);
		pNext.toggleClass('right', pos >= pages);
		pNext.toggleClass('right-active', pos < pages);
	}
	
	$(function(){
		$('#Container').corner('5px');
		$('#Header, #MainNav a').corner('3px top cc:#e5007d');
		$('#RightColumn').corner('3px br cc:#e5007d');
		$('#CenterColumn').corner('3px bl cc:#e5007d');
		$('#MainNav').css('backgroundPosition', $('#MainNav ul').width() + 'px 0px');
		$('#MetaNav').css('backgroundPosition', $('#MetaNav ul').width() + 'px 0px');
		
		pageSize = $('#CenterWrapper').css('overflow', 'hidden').height();
		
		pPrev = $('<a href="#" class="arrow left"></a>');
		pNext = $('<a href="#" class="arrow right"></a>');
		
		pPrev.click(function(e){
			e.preventDefault();
			if($(this).hasClass('left-active')){
				pos--;
				updatePos();
			}
		});
		
		pNext.click(function(e){
			e.preventDefault();
			if($(this).hasClass('right-active')){
				pos++;
				updatePos();
			}
		});
		
		$('#CenterColumn').append($('<div id="PageNav"></div>').append(pPrev).append(pNext).hide());
		
	});
	
	$(window).load(function(e){
		var he = $('#CenterInner').height();
		
		pages = Math.floor(he / pageSize - 0.02);
		$('#CenterInner').height(pages * pageSize + pageSize);
		if(pages > 0){
			$('#PageNav').show();
			updatePos();
		}
	});
})(jQuery);