page("/", route);page("/groups/:id", route);page("/donate", route);page("/worship", route);page("/ministry", route);page("/events", route);page("/history", route);page("/policies", route);page("/holidayclub", route);page("/contact", route);page("/outlook", route);page("/groups", route);
page('*', route);

//initiate router
page();

function route(ctx) {

    //remove all event handlers on page
    $("#content").find("*").unbind();

    //remove load event on document
    $(document).unbind("pageLoad");

    //instruct that we are loading
    $("body").addClass("loading-page");

    //remove all highlighted icons
    $(`[href]`).parent().removeClass("active");
    $(".loader").fadeIn();

    //make request to system
    $.ajax({
        type: 'POST',
        url: "/_pages/router.php",
        data: {
            path: ctx.path,
            route: ctx.routePath,
            params: ctx.params
        },
        success: (html) => {
            //remove padding from content
            $(".loader").fadeOut();

            //write html
            $("#router").html(html);

            //scroll to top of page
            $(window).scrollTop(0);

            $("body").removeClass("loading-page");

            $(document).trigger("pageLoad");
        },
        error: (xhr, status, errorThrown) => {
            page.redirect('/')
            console.log(xhr);
        }
    })
}