///<reference path="/global_resources/script/jQuery-1.3.2-vsdoc.js" />
$(document).ready(function () {
    $("#go_btn").click(function () {
        document.location = "?q=" + $("#query").val();
    });
    $(".sermon").click(function () {
        document.location = "?sermon=" + $(this).children(".sermonID").val();
    });
    organiseSermons();

});

var sermonspp = 10; //sermons per page
var sermons;
function organiseSermons() {
    sermons = jQuery.makeArray($(".sermon"));
    var pages = sermons.length / sermonspp;
    if (sermons.length % sermonspp > 0) {
        pages++;
    }
    $(".sermon").hide();
    $(".sermon").next().hide();
    for (var i = 0; i < sermonspp; i++) {
        $(sermons[i]).show();
        $(sermons[i]).next().show();
    }
    if (pages > 1) {
        for (var i = 1; i <= pages; i++) {
            $(".page_selector").append("<div id='page" + i + "' class='page page" + i + "'>" + i + "</div>");
        }
        $(".page1").css("background-color", "#99ccff");
        $(".page1").css("color", "white");
    }
    $(".page").click(function () {
        var newPage = $(this).text() - 1;
        $(".sermon").hide();
        $(".sermon").next().hide();
        var limit = Math.min((newPage * sermonspp) + sermonspp, sermons.length);
        for (var i = newPage * sermonspp; i < limit; i++) {
            $(sermons[i]).show();
            $(sermons[i]).next().show();
        }
        $(".page").css("background-color", "white");
        $(".page").css("color", "#99ccff");
        var highlight = ".page" + (newPage + 1);
        $(highlight.toString()).css("background-color", "#99ccff");
        $(highlight.toString()).css("color", "white");

    });
}