$(document).ready(function () {

    $(".menu_item > li > a").on("click", function (e) {

        if (!$(this).hasClass("active")) {

            // hide any open menus and remove all other classes
            $(".menu_item li ul").slideUp(350);
            $(".menu_item li a").removeClass("active");

            // open new menu and add the open class
            $(this).next("ul").slideDown(350);
            $(this).addClass("active");
            //$(".side_menu").niceScroll({ horizrailenabled: false }); //add jquery nicescroll with horizontal scroll disabled
            
        } else if ($(this).hasClass("active")) {

            $(this).removeClass("active");
            $(this).next("ul").slideUp(350);
        }
    });

    $(".bottom_menu_item > li > a").on("click", function (e) {

        if (!$(this).hasClass("active")) {

            // hide any open menus and remove all other classes
            $(".bottom_menu_item li ul").slideUp(350);
            $(".bottom_menu_item li a").removeClass("active");

            // open new menu and add the open class
            $(this).next("ul").slideDown(350);
            $(this).addClass("active");
            //$("#bottom_menu").niceScroll();

        } else if ($(this).hasClass("active")) {

            $(this).removeClass("active");
            $(this).next("ul").slideUp(350);
        }
    });


    var side_collapsed = false;
    var btm_collapsed = false;

    //Collapse Side Menu
    $('#collapse_side').on('click', function () {

        side_collapsed = !side_collapsed;
        var arrow = document.getElementById('collapse_side');

        if (side_collapsed) {
            $('.side_menu').toggle('slide', 'left', 1200);
            // move the left collapse arrow along with menu and set it to be a right arrow (bring back menu)
            $('#collapse_side').css('position', 'absolute').animate({
                left: '-=270'
            }, {
                duration: 1500,
                complete: function () {
                    arrow.innerHTML = "→";
                }
            });
        }
        else {
            $('.side_menu').toggle('slide', 'left', 1200);
            // move the right collapse back along with menu
            $('#collapse_side').css('position', 'absolute').animate({
                left: '+=270'
            }, {
                duration: 1100,
                complete: function () {
                    arrow.innerHTML = "←";
                }
            });
        }
    });


    //Collapse Bottom Menu
    $('#collapse_btm').on('click', function () {

        btm_collapsed = !btm_collapsed;
        var arrow = document.getElementById('collapse_btm');

        if (btm_collapsed) {
            //$('#bottom_menu').toggle('slide', 'down', 1200);
            $("#bottom_menu").slideToggle("slow");
            // move the left collapse arrow along with menu and set it to be a right arrow (bring back menu)
            $('#collapse_btm').css('position', 'absolute').animate({
                bottom: '-=270'
            }, {
                duration: 1500,
                complete: function () {
                    arrow.innerHTML = "↑";
                }
            });

        }
        else {
            //$('#bottom_menu').toggle('slide', 'down', 1200);
            $("#bottom_menu").slideToggle("slow");
            // move the right collapse back along with menu
            $('#collapse_btm').css('position', 'absolute').animate({
                bottom: '+=270'
            }, {
                duration: 600,
                complete: function () {
                    arrow.innerHTML = "↓";
                }
            });
        }
    });

});