// This Javascript is written by Peter Velichkov (http://www.creonfx.com)
// and is distributed under the following license : http://creativecommons.org/licenses/by-sa/3.0/
// Use and modify all you want just keep this comment. Thanks


var pagerPageHeight = $('warper').getSize().y;
var contentArea = $('cn');
var pagerCurPage = 1; 
var pagerPagesCount = 1;
var pagerPages = $('pager');
var pagerNext = '&nbsp;&nbsp;&nbsp;&nbsp;';
var pagerPrev = '&nbsp;&nbsp;&nbsp;&nbsp;';


var pagerInit = function(){

	var contentHeight = contentArea.getSize().y ;
	pagerPagesCount = (contentHeight / pagerPageHeight).toInt();
	if (contentHeight % pagerPageHeight != 0 ) pagerPagesCount++;
	if (pagerPagesCount === 1) return;
	
	var prev = new Element('a', {
			'class': 'cust-pager-prev',
			'html': pagerPrev,
			'id': 'cust-pager-prev',
			'events': {
				'click': function(){
					pagerChangePage(pagerCurPage - 1);
				}
			}
		});

	var next = new Element('a', {
			'class': 'cust-pager-next',
			'html': pagerNext,
			'id': 'cust-pager-next',
			'events': {
				'click': function(){
					pagerChangePage(pagerCurPage + 1);
				}
			}
	});	
	
	prev.inject(pagerPages,'top');
	$('cust-pager-prev').setStyle('display','none');
		
	for (var i=1; i<=pagerPagesCount; i++){
		var anchor = new Element('a', {
			'class': 'cust-pager-item',
			'id': 'cust-pager-item-'+ i,
			'html': i,
			'events': {
				'click': pagerChangePage.pass(i)
			}
		});
		anchor.inject(pagerPages);
	}
	
	next.inject(pagerPages,'bottom');
};
	
var pagerChangePage = function(page){
	$('cust-pager-item-' + pagerCurPage).set('class', 'cust-pager-item');
	$('cust-pager-item-' + page).set('class', 'cust-pager-item-sel');
	
	pagerCurPage = page;

	if (pagerCurPage === 1) {
		$('cust-pager-prev').setStyle('display', 'none');
	}else{
		$('cust-pager-prev').setStyle('display', 'inline');
	}
	
	if (pagerCurPage === pagerPagesCount) {
		$('cust-pager-next').setStyle('display', 'none');
	}else{
		$('cust-pager-next').setStyle('display', 'inline');
	}
		
	contentArea.setStyle('top', (-1) * pagerPageHeight * (page - 1));
};

pagerInit();