//var page = 0;
var PaginationClass = Class.create({
	initialize: function(el, url, page) {
		this.element = $(el);
		this.url = url;
        this.page = page;
        window.pagination = this;

        History.Observer.start();
        History.set('page', this.page);
        History.setTitle(History.getTitle() + ' ( Events )');
        transparentbg('eventLoading');

        $('events_prev').observe('click', function(e) {
            e.stop();
            window.pagination.to(--window.pagination.page);
        });

        $('events_next').observe('click', function(e) {
            e.stop();
            window.pagination.to(++window.pagination.page);
        });
	},
	to: function(num) {
        History.set('page', num);
        History.setTitle(History.getTitle() + ' ( Events )');
        new Ajax.History.Request(this.url + 'page=' + num, {
            method: 'get',
            history : {
                id    : 'page',
                state : num,
                cache : false
            },
            onLoading : function() {
                var loading = 'eventLoading';

                transparentbg(loading);
                $(loading).show();
            },
            onSuccess: function(transport) {
                var main = 'main_bg';
                var loading = 'eventLoading';
                var obj = transport.responseText.evalJSON();
                $('activeElement').update(obj.activeElement);
                $('ajaxContent').update(obj.content);
                this.page = obj.page;
                new Effect.Fade($(loading));
                transparentbg(main);
            }
        });
	}
});