$(document).ready(function(){

    var menu_selected = $("#menu-official-cases");

    var scene = $("#scene-"+menu_selected.attr("id"));
    scene.hide();scene.show();
    var scene_is_hidden = scene.attr("is-hidden");
    console.log(scene_is_hidden);
    //live drop
    var DropScene = $("#drop-scene");
    var Drops = [];
    function addDrop(){
        var DropID = Drops.length;

        Drops.push('<div id="drop-id-'+DropID+'" class="col-md-3"><div class="panel alert alert-danger" style="margin-bottom: 0;max-height: 70px;background-color: #828282!important"><div class="panel-body user-card" style="padding: 0px;"><div class="media-main col-md-12" style="padding-left: 10px;padding-right: 5px;"><div class="col-md-3"><img src="https://steamcdn-a.akamaihd.net/apps/730/icons/econ/default_generated/weapon_cz75a_so_orca_light_large.8490865eba36c09ccd75a9b1f93445ff2e9f2b8f.png" style="height: 39px;width: 53px;margin-left: -28px;margin-top: -6px;" alt=""></div><div class="col-md-9"><div class="info pull-right" style="position: absolute;"><p class="item-title">CZ75-Auto | Tuxedo</p><p class="item-quality text-muted">Well-Worn</p></div></div></div></div></div></div>');
        //DropScene.append(Drops[DropID]);
    }

    //Just for design
    addDrop();
    addDrop();
    addDrop();
    addDrop();

    //Case selection  menu
    var case_menu_official = $("#menu-official-cases");
    var case_menu_customers = $("#menu-customers-cases");
    var case_menu_create = $("#menu-create-case");
    var scenes = [$("#scene-"+case_menu_official.attr("id")), $("#scene-"+case_menu_customers.attr("id")), case_menu_create];

    case_menu_official.click(function(){
        menu_selected.removeClass("isset");
        menu_selected = case_menu_official;
        if(scene != $("#scene-"+menu_selected.attr("id"))){
        scene.hide("fast");
        scene.addClass("scene-hiddened");

        scene = $("#scene-"+menu_selected.attr("id"));
        scene.removeClass("scene-hiddened");
        scene.show("slow");
        case_menu_official.addClass("isset");
        }
    });
    case_menu_customers.click(function(){
        menu_selected.removeClass("isset");
        menu_selected = case_menu_customers;
        if(scene != $("#scene-"+menu_selected.attr("id"))){
        scene.hide("fast");
        scene.addClass("scene-hiddened");


        scene = $("#scene-"+menu_selected.attr("id"));
        scene.removeClass("scene-hiddened");
        scene.show("slow");
        case_menu_customers.addClass("isset");
        }
    });
    case_menu_create.click(function(){
        menu_selected.removeClass("isset");
        menu_selected = case_menu_create;
        if(scene != $("#scene-"+menu_selected.attr("id"))){
        scene.hide("fast");
        scene.addClass("scene-hiddened");

        scene = $("#scene-"+menu_selected.attr("id"));
        scene.removeClass("scene-hiddened");
        scene.show("slow");
        case_menu_create.addClass("isset");
        }
    });

});