$(document).ready(function () {
    var $menu = $(".left-menu");
    var $menu_a = $("a", $menu);
    var id = false;
    var sections = [];
    var hash = function (h) {
        if (history.pushState) {
            history.pushState(null, null, h);
        } else {
            location.hash = h;
        }
    };
    $menu_a.click(function (event) {
        event.preventDefault();
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top - $(".l-menu").height()
        }, {
            duration: 700,
            complete: hash($(this).attr("href"))
        });
    });
    $menu_a.each(function () {
        sections.push($($(this).attr("href")));
    });
    $(window).scroll(function (event) {
        var scrolling = $(this).scrollTop() + $(this).height() / 3;
        var scroll_id;
        for (var i in sections) {
            var section = sections[i];
            if (scrolling > section.offset().top) {
                scroll_id = section.attr("id");
            }
        }
        if (scroll_id !== id) {
            id = scroll_id;
            $menu_a.removeClass("isactive");
            $("a[href='#" + id + "']", $menu).addClass("isactive");
        }
    });

    
    
    $(window).load(function () {
        var doc_h = $(document).height();
        var win_w = $(window).width();
        var st = $(window).scrollTop();
        if (st > 0) {
            $(".sub-bg").addClass("scroll");
        } else {
            $(".sub-bg").removeClass("scroll");
        }
        $(window).scroll(function () {
            var st = $(window).scrollTop();
            if (st > 100) {
                $(".sub-bg").addClass("scroll");
            } else {
                $(".sub-bg").removeClass("scroll");
            }
        });
    });
  
  
    /*$(".mainportfolio .port_img").click(function(e){
      e.preventDefault();
      
      $(".main_modal").addClass("show");
    });
    $("#modal_btn").click(function(){
      $(".main_modal").removeClass("show");
    });*/

});