$(document).ready(function(){
    init()
    //Hide and show menu bar
    $("#bar-menu-button").click(function(){
        $("#bar-menu").toggle("slow")
    })
    //Go to new page method
    $("#button-enter").click(function()
    {
        testPage();
    })

});
//Initialization
const init = () => {
    //Hide bar menu
    $("#bar-menu").hide()
    //Load and render main page whit initailization
    $.get("../components/main-page.html", function(html_string)
    {
        $("#container").empty().append(html_string)
    })
    //Hide Bar Menu when scroll page 
    $(document).scroll(function(){
        $("#bar-menu").hide(1000)
    })
}
const testPage = () => {
    $.get("../components/test-page.html", function(html_string)
    {
        $("#container").empty().append(html_string)
    })
}