$(function () {
    $(".header-menu .triggerImg").bind("click", function () {
        changeMenuIcon();
        showLayou1();
        showShadow();
        initScoll();
    });
    $(".header-menu span").bind("click", function () {
        changeMenuIcon1();
        hideLayou1();
        hideShadow();
        //initScoll();

    });
        //alert($(".layout").children("[class!='triggerImg']").eq(0).attr("class"));
  
})
function changeMenuIcon() {
    $('.header-menu .triggerImg').hide();
    $('.header-menu span').show();
}
function showShadow() {
    $('.menu-shadow-overlay').show();
}
function showLayou1(){ 
    $(".layout").css({'margin-right':'250px','transition':'all 0.3s ease-in-out'});
    $(".layou1").css({ 'width': '250px', 'transition': 'all 0.3s ease-in-out' });
  
    $("body").css('overflow', 'hidden');
    $(".layou1").show();
    //$(".layout").css({ 'width': '80%'});
    //$(".layou1").css('width', '20%');
   
    //$(".layou1").show();
   
}
function changeMenuIcon1() {
    $('.header-menu .triggerImg').show();
    $('.header-menu span').hide();
}
function hideShadow() {
    $('.menu-shadow-overlay').hide();
}
function hideLayou1() {
    $(".layout").css({ 'margin-right': '0', 'transition': 'all 0.3s ease-in-out' });
    //$(".layou1").css({ 'width': '250px', 'transition': 'all 0.3s ease-in-out' });

    $("body").css('overflow', 'auto');
    $(".layou1").hide();
}
function initScoll() {
    var $window = $(window);
    $(function () {
        $("#scollar").jScrollPane();
        $('.colla1').on('hidden.bs.collapse', function () {
            $('#scollar').jScrollPane();
        });

        $('.colla1').on('shown.bs.collapse', function () {
            $('#scollar').jScrollPane();
        });
        $window.resize(function () {
            $('#scollar').jScrollPane();
        });

        //$('.jspContainer *').click(function () {
        //    $('#scollar').delay(1000).jScrollPane();
        //});
    });
}