function Pager(tableName, itemsPerPage) {
    this.tableName = tableName;
    this.itemsPerPage = itemsPerPage;
    this.currentPage = 1;
    this.pages = 0;
    this.inited = false;

    this.showRecords = function(from, to) {
        var rows = document.getElementById(tableName).rows;
        // i starts from 1 to skip table header row
        for (var i = 1; i < rows.length; i++) {
            if (i < from || i > to)
                rows[i].style.display = 'none';
            else
                rows[i].style.display = '';
        }
    }

    this.showPage = function(pageNumber) {
        if (! this.inited) {
            alert("not inited");
            return;
        }

        var oldPageAnchor = document.getElementById('pg'+this.currentPage);
        oldPageAnchor.className = 'pg-normal';

        this.currentPage = pageNumber;
        var newPageAnchor = document.getElementById('pg'+this.currentPage);
        newPageAnchor.className = 'pg-selected';

        var from = (pageNumber - 1) * itemsPerPage + 1;
        var to = from + itemsPerPage - 1;
        this.showRecords(from, to);
    }

    this.prev = function() {
        if (this.currentPage > 1)
            this.showPage(this.currentPage - 1);
    }

    this.next = function() {
        if (this.currentPage < this.pages) {
            this.showPage(this.currentPage + 1);
        }
    }

    this.init = function() {
        var rows = document.getElementById(tableName).rows;
        var records = (rows.length - 1);
        this.pages = Math.ceil(records / itemsPerPage);
        this.inited = true;
    }

    this.showPageNav = function(pagerName, positionId) {
        if (! this.inited) {
            alert("not inited");
            return;
        }
        var element = document.getElementById(positionId);

        var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-normal-left"> &#171</span> ';
        for (var page = 1; page <= this.pages; page++)
            pagerHtml += ' <span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span> ';
        pagerHtml += '<span onclick="'+pagerName+'.next();" class="pg-normal-right"> &#187;</span>';

        element.innerHTML = pagerHtml;
    }
}


$(document).ready(function(){
    
    $(".iframe").colorbox({iframe:true, width:"1070px", height:"680px"});
	$("a[href$=jpg],a[href$=png],a[href$=gif],a[href$=JPG],a[href$=PNG],a[href$=GIF]").colorbox();
    $('a.gallery').colorbox(); 
    
    $(".main_slider").jCarouselLite({
        btnNext: ".slider_next",
        btnPrev: ".slider_prev",
        visible: 6,
        scroll: 6,
        mouseWheel: true,
        speed: 1000,
        circular: false
    });


    $("#vinnitsa").click(function(){ 
        $("#dnepropetrovsk").removeClass("active");
        $("#dnepropetrovsk_a").css("display","none");
        $("#vinnitsa").addClass("active");
        $("#vinnitsa_a").addClass("active").fadeIn(700);
    });
    $("#dnepropetrovsk").click(function(){
        $("#vinnitsa").removeClass("active");
        $("#vinnitsa_a").css("display","none");
        $("#dnepropetrovsk").addClass("active");
        $("#dnepropetrovsk_a").fadeIn(700);
    }); 
    
    $("#vote_question .question").click(function(){
        var quest_id = $(this).attr("id");
        $(this).addClass("active");
        if (quest_id != "quest_1") {
            $("#vote_question #quest_1").removeClass("active");
        }
        if (quest_id != "quest_2") {
            $("#vote_question #quest_2").removeClass("active");
        }
        if (quest_id != "quest_3") {
            $("#vote_question #quest_3").removeClass("active");
        }
        if (quest_id != "quest_4") {
            $("#vote_question #quest_4").removeClass("active");
        }
    });
    
    $("#vote_action").click(function(){
        var answer_id = $("#vote_question .active").attr("id");
        if(answer_id) {
            $.ajax({
                url: "/ajax.php",
                type: "POST",
                data: ({
                    pAction : 'get_vote',
                    answer_id : answer_id,
                }),
                success: function(result) {
                    $("#vote .read_more").html("<div class=\"comment_text\">Спасибо. Ваш голос засчитан.</div> "); 
                }
            });
        } else {
            alert("Нужно выбрать вариант ответа!");
        };
    });
    
    $(".add_to_favorite").click(function(){
        var album_id = $(this).attr("id");
        $.ajax({
            url: "/ajax.php",
            type: "POST",
            data: ({
                pAction : 'add_to_favorite',
                album_id : album_id,
            }),
            success: function(result) {
                $("#"+album_id).removeAttr("class").addClass("in_favorite");
                var fav_count = parseInt ($("#bulk").html()) + 1;
                $("#bulk").html(fav_count);
            }
        });
    });
    
    $(".del_from_favorite").click(function(){
        var album_id = $(this).attr("id");
        $.ajax({
            url: "/ajax.php",
            type: "POST",
            data: ({
                pAction : 'del_from_favorite',
                album_id : album_id,
            }),
            success: function(result) {
                $("."+album_id).hide();
                var fav_count = parseInt ($("#bulk").html()) - 1;
                $("#bulk").html(fav_count);
            }
        });
    });

});