$(document).ready(function() {
    // Color
    $(".pick-a-color").spectrum(
        {
            type: "text",
            showAlpha: false
        }
    );
    $(".pick-a-color").attr("autocomplete","off");

    // method confirm
    var doit = true;
    $("a[data-method]").on('click',function(){
        if($(this).data('confirm')){
            doit = confirm($(this).data('confirm'));
            if(!doit) return false;
        }
    });
    $("button[data-method]").on('click',function(){
        if($(this).data('confirm')){
            doit = confirm($(this).data('confirm'));
            if(!doit) return false;
        }
    }); 
        
    // Modal
    $(".btn-modal").click(function() {
        $("#"+$(this).data("modalid")+" .modal-title").text($(this).data("modaltitle"));
        $("#"+$(this).data("modalid")+" iframe").attr("src",$(this).data("modalurl"));
        $("#"+$(this).data("modalid")).modal("show");
    });

    // Item
    $( ".item" ).hover(function() {
        $(this).find(".item-action a").show();
    });

    $( ".item" ).mouseleave(function() {
        $(this).find(".item-action a").hide();
    });

    $( ".item-info" ).click(function() {
        parent=$(this).parent().parent().parent().parent().parent();           
        if(parent.find(".item-description").hasClass("hide")) {
            parent.find(".item-description").removeClass("hide");
            parent.addClass("w-100");
            parent.css("justify-content","flex-start");
        }
        else {
            parent.find(".item-description").addClass("hide");
            parent.removeClass("w-100");

            if(parent.hasClass("item-large"))
                parent.css("justify-content","flex-start");
            else
                parent.css("justify-content","center"); 
        }
    });  
        
    // Resize
    resize();
    
    // Focus
    $("#page").focus();
});

$( window ).resize(function() {
    resize();
});



function resize() {
    if($("#header").is(":visible")){
        $(".navbar-logo").hide();
        $("#menulink").hide();
        $("#header").hide();
    }
    else {
        $(".navbar-logo").show();
        $("#menulink").show();
        $("#header").show();
    }

    $("main").css("height",$(window).height()-$(".header").height());
    $("#page").css("height",$(window).height()-$(".header").height());
    $("#sidebar").css("min-height",$("body").height()-$(".header").height());
}