jQuery(document).ready(function($){
    // check if there is no menu 
    if($("#primary-menu").length == 0){
        $("#menusymbol").hide();
    }
    //$(key + "#page article a").attr("datas",$(this).attr("href"));
    //$(key + "#page article a").attr("href","#");
    menuSt = true;

    key = ".home "
    if($(".home").length>0){
        key = ".home ";
    }else{
        key=".archive ";
    }
    $(key + "#page article").on('click',function(){
        focart = $(key + "#focusedArticle");
        focart.find("img").hide();
        if($(this).find(".post-thumbnail img").attr('src')){
            focart.find("img").slideDown();
            focart.find("img").attr('srcset',$(this).find("a img").attr('src'));
            focart.find("#imageWrapper").attr('style',"background:url("+ $(this).find("a img").attr('src') +"); background-size: cover;")
        }
        
        focart.find(".entry-title").text($(this).find(".entry-title").text());
        focart.find(".entry-content").html($(this).find(".entry-content").html());
        focart.find(".entry-meta").text($(this).find(".entry-meta").text());
        focart.find("#goToSite").attr("href",$(this).find("a").attr("href"));
        togglemenu();
    });
    $(key + "#page article").first().trigger("click");

    $("#page #site-navigation ul.menu").slideUp();
    $("#menuhead").on("click",function(){
        $("#page #site-navigation ul.menu").slideToggle();
    });

    for(a of $(key + ".type-post")){
        a.innerHTML = "<div class='fakeimage'></div>"+a.innerHTML;
        //console.log(a);
    }
    function togglemenu(){
        $("#modal").toggleClass("vis");
        $(key + "#page").toggleClass("vis");
        $(".page aside").toggleClass("vis");
        $('html, body').scrollTop(0);
        if(menuSt){
            menuSt=false;
        }else{
            menuSt=true;
        }
    }
    $("#fourgrid").on("click",togglemenu);
    $("#modal").on("click",togglemenu);

    $(window).on("scroll",function(){
        diff = $(window).scrollTop() - $("#goToSite")[0].offsetTop;

        if(diff > -150 & menuSt & $(window).scrollTop()>100){
            togglemenu();
        }
    });
});