// 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
window.addEvent('domready', function() {
    var pagerPageHeight = $('contentList').getSize().y;
    var contentArea = $('paging');
    var pagerCurPage = 1;
    var pagerPagesCount = 1;
    var pagerPages = $('pager');

    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': 'Prev',
            'id': 'cust-pager-prev',
            'events': {
                'click': function() {
                    pagerChangePage(pagerCurPage - 1);
                }
            }
        });

        var next = new Element('a', {
            'class': 'cust-pager-next',
            'html': 'Next',
            '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');
            $('cust-pager-item-' + pagerCurPage).set('class', 'cust-pager-item-sel');

        } 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();

});