function Pager(el){
     this.gotoFirst = function(){
        var itemsNum = $(element).find('#itemsNum').val();
        for (var i=1; i <= parseInt(itemsNum); i++) {
            var item = 'item'+i;
            $(element).find('#'+item).hide();
            $(element).find('#first').hide();
            $(element).find('#previous').hide();
        }
        var firstItem = 'item1';
        $(element).find('#'+firstItem).show();
        if (parseInt(itemsNum) > 1) {
            $(element).find('#next').show();
            $(element).find('#last').show();
        }
        $(element).find('#currentItemId').val(1);
    }

    this.gotoNext =function(){
        var itemsNum = $(element).find('#itemsNum').val();
        var currentItemId = $(element).find('#currentItemId').val();
        var nextItemId = parseInt(currentItemId) + 1;
        if (nextItemId <= parseInt(itemsNum)) {
            if (currentItemId == 1) {
                $(element).find('#first').show();
                $(element).find('#previous').show();
            }
            var remItem = 'item' + currentItemId;
            var showItem = 'item' + nextItemId;
            $(element).find('#'+remItem).hide();
            $(element).find('#'+showItem).show();
            if (nextItemId == parseInt(itemsNum)) {
                $(element).find('#next').hide();
                $(element).find('#last').hide();
            }
        }
        $(element).find('#currentItemId').val(nextItemId);
        
    }
    this.gotoPrevious = function(){
        var itemsNum = $(element).find('#itemsNum').val();
        var currentItemId = $(element).find('#currentItemId').val();
        var previousItemId = parseInt(currentItemId)-1;
        if (previousItemId == 1) {
            $(element).find('#first').hide();
            $(element).find('#previous').hide();
        }
        if (previousItemId < parseInt(itemsNum) && previousItemId != 0) {
            $(element).find('#next').show();
            $(element).find('#last').show();
        }
        var remItem = 'item'+currentItemId;
        var showItem = 'item'+previousItemId;
        $(element).find('#'+remItem).hide();
        $(element).find('#'+showItem).show();
        $(element).find('#currentItemId').val(previousItemId);
        
    }
    this.gotoLast = function(){
        var itemsNum = $(element).find('#itemsNum').val();
        for (var i=1; i < parseInt(itemsNum); i++) {
            var blog = 'item'+i;
            $(element).find('#'+blog).hide();
            $(element).find('#next').hide();
            $(element).find('#last').hide();
        }
        if (parseInt(itemsNum) > 1) {
            $(element).find('#first').show();
            $(element).find('#previous').show();
        }
        var lastitem = 'item'+parseInt(itemsNum);
        $(element).find('#'+lastitem).show();
        $(element).find('#currentItemId').val(parseInt(itemsNum));
    }
    
    var element = el;
    var self = this;
    $(element).find('#next').each(function(index){
        $(this).click(self.gotoNext);
    });
    $(element).find('#previous').each(function(index){
        $(this).click(self.gotoPrevious);
    });
    $(element).find('#first').each(function(index){
        $(this).click(self.gotoFirst);
    });
    $(element).find('#last').each(function(index){
        $(this).click(self.gotoLast);
    });
        
}