testing fix for off canvas menu sub menu toggling
authorAnthony Talarico <talarico@gaslightmedia.com>
Mon, 16 Apr 2018 12:36:13 +0000 (08:36 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Mon, 16 Apr 2018 12:36:13 +0000 (08:36 -0400)
sub menu toggling wasn't working properly, added js to correct it

js/app.js
js/custom/pageSetup.js

index 0de16a6..fb745e0 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -10,354 +10,384 @@ this.removeClass("drop-top")),1==d.missRight&&(d.left=d.left-this.outerWidth()+a
 var g=a(f(this.selector(c),a("<div></div>").html(c.attr("title")).html())),h=this.inheritable_classes(c);g.addClass(h).appendTo(e.append_to),Modernizr.touch&&(g.append('<span class="tap-to-close">'+e.touch_close_text+"</span>"),g.on("touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip",function(a){d.hide(c)})),c.removeAttr("title").attr("title","")},reposition:function(b,c,d){var e,f,g,h,i;c.css("visibility","hidden").show(),e=b.data("width"),f=c.children(".nub"),g=f.outerHeight(),h=f.outerWidth(),this.small()?c.css({width:"100%"}):c.css({width:e?e:"auto"}),i=function(a,b,c,d,e,f){return a.css({top:b?b:"auto",bottom:d?d:"auto",left:e?e:"auto",right:c?c:"auto"}).end()};var j=b.offset().top,k=b.offset().left,l=b.outerHeight();if(i(c,j+l+10,"auto","auto",k),this.small())i(c,j+l+10,"auto","auto",12.5,a(this.scope).width()),c.addClass("tip-override"),i(f,-g,"auto","auto",k);else{Foundation.rtl&&(f.addClass("rtl"),k=k+b.outerWidth()-c.outerWidth()),i(c,j+l+10,"auto","auto",k),f.attr("style")&&f.removeAttr("style"),c.removeClass("tip-override");var m=c.outerHeight();d&&d.indexOf("tip-top")>-1?(Foundation.rtl&&f.addClass("rtl"),i(c,j-m,"auto","auto",k).removeClass("tip-override")):d&&d.indexOf("tip-left")>-1?(i(c,j+l/2-m/2,"auto","auto",k-c.outerWidth()-g).removeClass("tip-override"),f.removeClass("rtl")):d&&d.indexOf("tip-right")>-1&&(i(c,j+l/2-m/2,"auto","auto",k+b.outerWidth()+g).removeClass("tip-override"),f.removeClass("rtl"))}c.css("visibility","visible").hide()},small:function(){return matchMedia(Foundation.media_queries.small).matches&&!matchMedia(Foundation.media_queries.medium).matches},inheritable_classes:function(b){var c=a.extend({},this.settings,this.data_options(b)),d=["tip-top","tip-left","tip-bottom","tip-right","radius","round"].concat(c.additional_inheritable_classes),e=b.attr("class"),f=e?a.map(e.split(" "),function(b,c){return-1!==a.inArray(b,d)?b:void 0}).join(" "):"";return a.trim(f)},convert_to_touch:function(b){var c=this,d=c.getTip(b),e=a.extend({},c.settings,c.data_options(b));0===d.find(".tap-to-close").length&&(d.append('<span class="tap-to-close">'+e.touch_close_text+"</span>"),d.on("click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose",function(a){c.hide(b)})),b.data("tooltip-open-event-type","touch")},show:function(a){var b=this.getTip(a);"touch"==a.data("tooltip-open-event-type")&&this.convert_to_touch(a),this.reposition(a,b,a.attr("class")),a.addClass("open"),b.fadeIn(this.settings.fade_in_duration)},hide:function(a){var b=this.getTip(a);b.fadeOut(this.settings.fade_out_duration,function(){b.find(".tap-to-close").remove(),b.off("click.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose"),a.removeClass("open")})},off:function(){var b=this;this.S(this.scope).off(".fndtn.tooltip"),this.S(this.settings.tooltip_class).each(function(c){a("["+b.attr_name()+"]").eq(c).attr("title",a(this).text())}).remove()},reflow:function(){}}}(jQuery,window,window.document),function(a,b,c,d){"use strict";Foundation.libs.topbar={name:"topbar",version:"5.5.3",settings:{index:0,start_offset:0,sticky_class:"sticky",custom_back_text:!0,back_text:"Back",mobile_show_parent_link:!0,is_hover:!0,scrolltop:!0,sticky_on:"all",dropdown_autoclose:!0},init:function(b,c,d){Foundation.inherit(this,"add_custom_rule register_media throttle");var e=this;e.register_media("topbar","foundation-mq-topbar"),this.bindings(c,d),e.S("["+this.attr_name()+"]",this.scope).each(function(){var b=a(this),c=b.data(e.attr_name(!0)+"-init");e.S("section, .top-bar-section",this);b.data("index",0);var d=b.parent();d.hasClass("fixed")||e.is_sticky(b,d,c)?(e.settings.sticky_class=c.sticky_class,e.settings.sticky_topbar=b,b.data("height",d.outerHeight()),b.data("stickyoffset",d.offset().top)):b.data("height",b.outerHeight()),c.assembled||e.assemble(b),c.is_hover?e.S(".has-dropdown",b).addClass("not-click"):e.S(".has-dropdown",b).removeClass("not-click"),e.add_custom_rule(".f-topbar-fixed { padding-top: "+b.data("height")+"px }"),d.hasClass("fixed")&&e.S("body").addClass("f-topbar-fixed")})},is_sticky:function(a,b,c){var d=b.hasClass(c.sticky_class),e=matchMedia(Foundation.media_queries.small).matches,f=matchMedia(Foundation.media_queries.medium).matches,g=matchMedia(Foundation.media_queries.large).matches;return d&&"all"===c.sticky_on?!0:d&&this.small()&&-1!==c.sticky_on.indexOf("small")&&e&&!f&&!g?!0:d&&this.medium()&&-1!==c.sticky_on.indexOf("medium")&&e&&f&&!g?!0:d&&this.large()&&-1!==c.sticky_on.indexOf("large")&&e&&f&&g?!0:!1},toggle:function(c){var d,e=this;d=c?e.S(c).closest("["+this.attr_name()+"]"):e.S("["+this.attr_name()+"]");var f=d.data(this.attr_name(!0)+"-init"),g=e.S("section, .top-bar-section",d);e.breakpoint()&&(e.rtl?(g.css({right:"0%"}),a(">.name",g).css({right:"100%"})):(g.css({left:"0%"}),a(">.name",g).css({left:"100%"})),e.S("li.moved",g).removeClass("moved"),d.data("index",0),d.toggleClass("expanded").css("height","")),f.scrolltop?d.hasClass("expanded")?d.parent().hasClass("fixed")&&(f.scrolltop?(d.parent().removeClass("fixed"),d.addClass("fixed"),e.S("body").removeClass("f-topbar-fixed"),b.scrollTo(0,0)):d.parent().removeClass("expanded")):d.hasClass("fixed")&&(d.parent().addClass("fixed"),d.removeClass("fixed"),e.S("body").addClass("f-topbar-fixed")):(e.is_sticky(d,d.parent(),f)&&d.parent().addClass("fixed"),d.parent().hasClass("fixed")&&(d.hasClass("expanded")?(d.addClass("fixed"),d.parent().addClass("expanded"),e.S("body").addClass("f-topbar-fixed")):(d.removeClass("fixed"),d.parent().removeClass("expanded"),e.update_sticky_positioning())))},timer:null,events:function(c){var d=this,e=this.S;e(this.scope).off(".topbar").on("click.fndtn.topbar","["+this.attr_name()+"] .toggle-topbar",function(a){a.preventDefault(),d.toggle(this)}).on("click.fndtn.topbar contextmenu.fndtn.topbar",'.top-bar .top-bar-section li a[href^="#"],['+this.attr_name()+'] .top-bar-section li a[href^="#"]',function(b){var c=a(this).closest("li"),e=c.closest("["+d.attr_name()+"]"),f=e.data(d.attr_name(!0)+"-init");if(f.dropdown_autoclose&&f.is_hover){var g=a(this).closest(".hover");g.removeClass("hover")}!d.breakpoint()||c.hasClass("back")||c.hasClass("has-dropdown")||d.toggle()}).on("click.fndtn.topbar","["+this.attr_name()+"] li.has-dropdown",function(b){var c=e(this),f=e(b.target),g=c.closest("["+d.attr_name()+"]"),h=g.data(d.attr_name(!0)+"-init");return f.data("revealId")?void d.toggle():void(d.breakpoint()||(!h.is_hover||Modernizr.touch)&&(b.stopImmediatePropagation(),c.hasClass("hover")?(c.removeClass("hover").find("li").removeClass("hover"),c.parents("li.hover").removeClass("hover")):(c.addClass("hover"),a(c).siblings().removeClass("hover"),"A"===f[0].nodeName&&f.parent().hasClass("has-dropdown")&&b.preventDefault())))}).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown>a",function(a){if(d.breakpoint()){a.preventDefault();var b=e(this),c=b.closest("["+d.attr_name()+"]"),f=c.find("section, .top-bar-section"),g=(b.next(".dropdown").outerHeight(),b.closest("li"));c.data("index",c.data("index")+1),g.addClass("moved"),d.rtl?(f.css({right:-(100*c.data("index"))+"%"}),f.find(">.name").css({right:100*c.data("index")+"%"})):(f.css({left:-(100*c.data("index"))+"%"}),f.find(">.name").css({left:100*c.data("index")+"%"})),c.css("height",b.siblings("ul").outerHeight(!0)+c.data("height"))}}),e(b).off(".topbar").on("resize.fndtn.topbar",d.throttle(function(){d.resize.call(d)},50)).trigger("resize.fndtn.topbar").load(function(){e(this).trigger("resize.fndtn.topbar")}),e("body").off(".topbar").on("click.fndtn.topbar",function(a){var b=e(a.target).closest("li").closest("li.hover");b.length>0||e("["+d.attr_name()+"] li.hover").removeClass("hover")}),e(this.scope).on("click.fndtn.topbar","["+this.attr_name()+"] .has-dropdown .back",function(a){a.preventDefault();var b=e(this),c=b.closest("["+d.attr_name()+"]"),f=c.find("section, .top-bar-section"),g=(c.data(d.attr_name(!0)+"-init"),b.closest("li.moved")),h=g.parent();c.data("index",c.data("index")-1),d.rtl?(f.css({right:-(100*c.data("index"))+"%"}),f.find(">.name").css({right:100*c.data("index")+"%"})):(f.css({left:-(100*c.data("index"))+"%"}),f.find(">.name").css({left:100*c.data("index")+"%"})),0===c.data("index")?c.css("height",""):c.css("height",h.outerHeight(!0)+c.data("height")),setTimeout(function(){g.removeClass("moved")},300)}),e(this.scope).find(".dropdown a").focus(function(){a(this).parents(".has-dropdown").addClass("hover")}).blur(function(){a(this).parents(".has-dropdown").removeClass("hover")})},resize:function(){var a=this;a.S("["+this.attr_name()+"]").each(function(){var b,d=a.S(this),e=d.data(a.attr_name(!0)+"-init"),f=d.parent("."+a.settings.sticky_class);if(!a.breakpoint()){var g=d.hasClass("expanded");d.css("height","").removeClass("expanded").find("li").removeClass("hover"),g&&a.toggle(d)}a.is_sticky(d,f,e)&&(f.hasClass("fixed")?(f.removeClass("fixed"),b=f.offset().top,a.S(c.body).hasClass("f-topbar-fixed")&&(b-=d.data("height")),d.data("stickyoffset",b),f.addClass("fixed")):(b=f.offset().top,d.data("stickyoffset",b)))})},breakpoint:function(){return!matchMedia(Foundation.media_queries.topbar).matches},small:function(){return matchMedia(Foundation.media_queries.small).matches},medium:function(){return matchMedia(Foundation.media_queries.medium).matches},large:function(){return matchMedia(Foundation.media_queries.large).matches},assemble:function(b){var c=this,d=b.data(this.attr_name(!0)+"-init"),e=c.S("section, .top-bar-section",b);e.detach(),c.S(".has-dropdown>a",e).each(function(){var b,e=c.S(this),f=e.siblings(".dropdown"),g=e.attr("href");f.find(".title.back").length||(b=a(1==d.mobile_show_parent_link&&g?'<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link hide-for-medium-up"><a class="parent-link js-generated" href="'+g+'">'+e.html()+"</a></li>":'<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5>'),1==d.custom_back_text?a("h5>a",b).html(d.back_text):a("h5>a",b).html("&laquo; "+e.html()),f.prepend(b))}),e.appendTo(b),this.sticky(),this.assembled(b)},assembled:function(b){b.data(this.attr_name(!0),a.extend({},b.data(this.attr_name(!0)),{assembled:!0}))},height:function(b){var c=0,d=this;return a("> li",b).each(function(){c+=d.S(this).outerHeight(!0)}),c},sticky:function(){var a=this;this.S(b).on("scroll",function(){a.update_sticky_positioning()})},update_sticky_positioning:function(){var a="."+this.settings.sticky_class,c=this.S(b),d=this;if(d.settings.sticky_topbar&&d.is_sticky(this.settings.sticky_topbar,this.settings.sticky_topbar.parent(),this.settings)){var e=this.settings.sticky_topbar.data("stickyoffset")+this.settings.start_offset;d.S(a).hasClass("expanded")||(c.scrollTop()>e?d.S(a).hasClass("fixed")||(d.S(a).addClass("fixed"),d.S("body").addClass("f-topbar-fixed")):c.scrollTop()<=e&&d.S(a).hasClass("fixed")&&(d.S(a).removeClass("fixed"),d.S("body").removeClass("f-topbar-fixed")))}},off:function(){this.S(this.scope).off(".fndtn.topbar"),this.S(b).off(".fndtn.topbar")},reflow:function(){}}}(jQuery,window,window.document);;// Load foundation
 $(document).foundation();
 $(document).ready(function () {
-    const oc_menu           = $('#oc-overlay').find(".left-off-canvas-list");
-    const menu_items        = oc_menu.children('ul').children('li');
-    const children_menus    = $('ul.children');
-    let other_menu;
-    
-    menu_items.each(function(){
-        $(this).on("click", function(){
-            other_menu = $(this).parent().siblings('ul.sub-menu-section').not(".oc-home-link");
-        })
-        if( $(this).children('ul').length > 0 ){
-            $(this).on("click", function(){
-                
-                other_menu.toggleClass("oc-hidden");
-                $(this).children('a').toggleClass('open');
-                $(this).children('a').siblings('ul').toggleClass('oc-open');
-                // $(this).children('a').siblings('ul').toggleClass('oc-hidden');
-                $(this).toggleClass('oc-expanded');
-                $(this).siblings().toggleClass("oc-collapsed");
-                $('.t-nav__curve').addClass("hide-curve");
-            })
-
-            $(this).children('a').on('click', function(e){
-                other_menu.toggleClass("oc-hidden");
-                e.preventDefault();
-                $(this).siblings('a').toggleClass('open');
-                $(this).siblings('ul').toggleClass('oc-open');
-                // $(this).siblings('ul').toggleClass('oc-hidden');
-                $(this).parent().toggleClass('oc-expanded');
-                $(this).parent().siblings().toggleClass("oc-collapsed");
-                $('.t-nav__curve').addClass("hide-curve");
-            })
-        }
-    });
-
-    $('a.toggle').click('click', function () {
-        // let other_menu = $(this).parent().parent();
-        // console.log(other_menu);
-        $(this).toggleClass('open');
-        $(this).siblings('ul').toggleClass('oc-open');
-        // $(this).siblings('ul').toggleClass('oc-hidden');
-        $(this).parent().toggleClass('oc-expanded');
-        $(this).parent().siblings().toggleClass("oc-collapsed");
-        $('.t-nav__curve').addClass("hide-curve");
-    });
-
-    $('ul.children').each(function () {
-        $(this).before('<a class="toggle" href="#"></a>');
-    });
-    $('#glm-member-password-lost-link').click(function() {
-        $('#glm-member-password-lost-form').show();
-    });
-    
-
-    $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
-        var menuImg = $(this).parent('li').prop('id');
-        var menuNum = menuImg.match(/\d+/)[0];
-        var menuImgSrc = 'img_for_menu_' + menuNum;
-        if (window['img_for_menu_' + menuNum]) {
-            $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
-        } else {
-            $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul');
-            $(this).find('li.image-placeholder').remove();
-        }
-        //console.log('ul = ' + menuImg);
-        //console.log('menu-id = ' + menuNum);
-    });
+   const oc_menu           = $('#oc-overlay').find(".left-off-canvas-list");
+   const menu_items        = oc_menu.find('ul').find('li');
+   const children_menus    = $('ul.children');
+   let other_menu;
+
+   // console.log(menu_items)
+   oc_menu.children('ul').on("click", '> li', function(event){
+       // console.log(event.target);
+       // console.log($(this));
+   })
+
+   menu_items.each(function(){
+       let menuThis = $(this);
+      
+       menuThis.on("click", function(){
+           other_menu = $(this).closest('ul.sub-menu-section').siblings('ul.sub-menu-section').not(".oc-home-link");
+       })
+       if( $(this).children('ul').length > 0 ){
+           let menuParent = $(this).parent();
+  
+
+
+
+
+
+
+
+
+
+           $(this).on("click", function(e){
+               // if( $(this).parent().hasClass('children') ){
+               //     console.log("yes");
+               // }
+
+               // collapse the nav menu that isn't in focus (primary or secondary)
+               other_menu.toggleClass("oc-hidden");
+
+               // alter the orientation of the nav arrow, it's the only el that uses a plain open class instead of oc-open
+               $(this).children('a').toggleClass('open');
+               e.stopImmediatePropagation();
+               // problem is here, this is a blanket toggle which affects sub menus unintentionally
+               $(this).children('a').siblings('ul').toggleClass('oc-open');
+
+               // $(this).children('a').siblings('ul').toggleClass('oc-hidden');
+
+               // For animation purposes
+               $(this).toggleClass('oc-expanded');
+               $(this).siblings().toggleClass("oc-collapsed");
+           })
+
+           $(this).children('a').on('click', function(e){
+               e.preventDefault();
+           })
+
+
+
+
+
+
+
+
+
+       } else {
+           let url = $(this).children('a').attr('href');
+           $(this).on("click", function(){
+               window.location = url;
+           })
+       }
+   });
+
+
 
-    $("#searchIcon").click(function(){
-        if($("#topSearchForm").css("display") == "none"){
+
+
+   $('ul.children').each(function () {
+       $(this).before('<a class="toggle" href="#"></a>');
+   });
+   $('#glm-member-password-lost-link').click(function() {
+       $('#glm-member-password-lost-form').show();
+   });
+  
+
+   $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
+       var menuImg = $(this).parent('li').prop('id');
+       var menuNum = menuImg.match(/\d+/)[0];
+       var menuImgSrc = 'img_for_menu_' + menuNum;
+       if (window['img_for_menu_' + menuNum]) {
+           $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
+       } else {
+           $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul');
+           $(this).find('li.image-placeholder').remove();
+       }
+       //console.log('ul = ' + menuImg);
+       //console.log('menu-id = ' + menuNum);
+   });
+
+   $("#searchIcon").click(function(){
+       if($("#topSearchForm").css("display") == "none"){
 //           $("#searchform").css("display", "inline");
-            $("#topSearchForm").toggle("slide");
-            $("#searchIcon").css("visibility", "hidden");
-        }
-         $("#lar-search").focus();
-    });
-    $("#lar-search").blur(function(){
-        $("#topSearchForm").toggle("slide");
-        $("#searchIcon").css("visibility", "visible");
-    });
-
-
-    // MOBILE SEARCH 
-    var right = $('#mobile-search-form').offset().right;
-    $("#mobile-search").on("click", function(){
-        $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
-        .animate({"right":"0px"}, "slow");
-    });
-    $(".mobile-search-close").on("click", function(){
-        $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
-        .animate({"right":"-100%"}, "slow");
-    });
-    var countup_options = {
-        useEasing: true, 
-        useGrouping: true, 
-        separator: ',', 
-        decimal: '.', 
-    };
-    $.fn.isInViewport = function(offset) {
-        var elementTop      = $(this).offset().top;
-        var elementBottom   = elementTop + $(this).outerHeight();
-        var viewportTop     = $(window).scrollTop();
-        var viewportBottom  = viewportTop + $(window).height();
-        var center          = (viewportBottom + viewportTop) / 2 + parseInt(offset);
-        return [elementBottom > viewportTop && elementTop < center,$(this)];
-    };
-    var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')];
-    var posts  = $('.home-feed-post');
-    
-    var blog_position = $("#home-feed-posts").position();
-    var scrolled = 0;
-    var the_number = parseInt($('.first-blur').text());
-
-    var our_impact_seen         = false;
-    $(window).on("scroll", function() {
-        var page_position  = $(window).scrollTop();      
-            if( $(window).width() < 1024 ){
-                $.each(blocks, function(){
-                    if( $(this).length > 0){
-                        var test_scroll = $(this).isInViewport(-75);
-                        
-                        if( test_scroll[0]){
-                            $(this).find(".overlay").addClass('mobile-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
-                        }else{
-                            $(this).find(".overlay").removeClass('mobile-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
-                        }
-                    }
-                });
-                $.each(posts, function(){
-                    
-                    if( $(this).length > 0){
-                        
-                        var test_scroll = $(this).isInViewport(-75);
-                        console.log( test_scroll[0] );
-                        if( test_scroll[0]){
-                            $(this).find(".overlay").addClass('blog-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
-                        }else{
-                            $(this).find(".overlay").removeClass('blog-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
-                        }
-                    }
-                });
-            }
-            if($("#home-feed-posts").length ){
-                if($("#home-feed-posts").isInViewport(100)[0]){
-                    $('#home-feed-posts').css("opacity", 1);
-                    $('#home-feed-posts').addClass("fadeInUp");
-                }
-            }
-
-        if( $('.blur-action').length > 0 ){
-            if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false  ){
-                $('.blur-container').children('span:first-child').addClass("in-sight");
-
-                window.setTimeout(function(){
-                    $('.first-blur').animate({opacity: 1}, 200);
-                    var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options);
-                    if (!our_impact_counter.error) {
-                    our_impact_counter.start();
-                    } else {
-                    console.error(our_impact_counter.error);
-                    }
-                }, 1000);
-                
-                window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600);
-                our_impact_seen         = true;
-            }
-            
-        }
-        scrolled++;
-        if ($(this).scrollTop() > 50 ) {
-            $('.scrolltop:hidden').stop(true, true).fadeIn();
-        } else {
-            $('.scrolltop').stop(true, true).fadeOut();
-        }
+           $("#topSearchForm").toggle("slide");
+           $("#searchIcon").css("visibility", "hidden");
+       }
+        $("#lar-search").focus();
+   });
+   $("#lar-search").blur(function(){
+       $("#topSearchForm").toggle("slide");
+       $("#searchIcon").css("visibility", "visible");
+   });
 
-        if ($(window).scrollTop() >= 46) {
-            $('.sticky-header').addClass('fixed-header');
-         }
-         else {
-            $('.sticky-header').removeClass('fixed-header');
-         }
-    });
-    $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})})
-
-    $("#block-3, #block-4").wrapAll(' <div id="small-blocks" class="row collapse">');
-    $("#block-2").wrap('<div id="med-block" class="row collapse">');
-    $("#small-blocks, #med-block").wrapAll('<div class="small-12 large-6 columns">');
-
-    var event_feed      = $("#event-feed");
-    var category_image  = $("#glm-category-images-list");
-    event_feed.addClass("feed");
-    category_image.addClass("category-feed");
-
-    function slickening(el, slides, autoplay){
-        if(el.hasClass('slick-initialized') ) {
-            el.slick('unslick')
-        }
-        el.slick({
-            infinite: true,
-            slidesToShow: slides,
-            slidesToScroll: 1,
-            autoplay: autoplay,
-            arrows: true,
-
-        });
-    }
-    function check_window_width(){
-        if( $('.slick-track').length > 0 ){
-            $('.slick-track').addClass("row collapse");
-        }
-        if($(window).width() > 1023){
-
-            slickening( $('.feed'), 3, false );
-        } else if($(window).width() < 1025 && $(window).width() > 639){
-            if( $(".feed").hasClass('slick-initialized') ) {
-                $(".feed").slick('unslick');
-            }
-            slickening( $('.feed'), 2, false );
-        } else if($(window).width() < 641 && $(window).width() > 319){
-            if( $(".feed").hasClass('slick-initialized') ) {
-                $(".feed").slick('unslick');
-            }
-            slickening( $('.feed'), 1, false );
-        }
-    }
 
-    check_window_width();
-    $(window).resize(function () {
-        check_window_width();
-        
-    });
+   // MOBILE SEARCH
+   var right = $('#mobile-search-form').offset().right;
+   $("#mobile-search").on("click", function(){
+       $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
+       .animate({"right":"0px"}, "slow");
+   });
+   $(".mobile-search-close").on("click", function(){
+       $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
+       .animate({"right":"-100%"}, "slow");
+   });
+   var countup_options = {
+       useEasing: true,
+       useGrouping: true,
+       separator: ',',
+       decimal: '.',
+   };
+   $.fn.isInViewport = function(offset) {
+       var elementTop      = $(this).offset().top;
+       var elementBottom   = elementTop + $(this).outerHeight();
+       var viewportTop     = $(window).scrollTop();
+       var viewportBottom  = viewportTop + $(window).height();
+       var center          = (viewportBottom + viewportTop) / 2 + parseInt(offset);
+       return [elementBottom > viewportTop && elementTop < center,$(this)];
+   };
+   var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')];
+   var posts  = $('.home-feed-post');
+  
+   var blog_position = $("#home-feed-posts").position();
+   var scrolled = 0;
+   var the_number = parseInt($('.first-blur').text());
 
+   var our_impact_seen         = false;
+   $(window).on("scroll", function() {
+       var page_position  = $(window).scrollTop();     
+           if( $(window).width() < 1024 ){
+               $.each(blocks, function(){
+                   if( $(this).length > 0){
+                       var test_scroll = $(this).isInViewport(-75);
+                      
+                       if( test_scroll[0]){
+                           $(this).find(".overlay").addClass('mobile-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
+                       }else{
+                           $(this).find(".overlay").removeClass('mobile-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
+                       }
+                   }
+               });
+               $.each(posts, function(){
+                  
+                   if( $(this).length > 0){
+                      
+                       var test_scroll = $(this).isInViewport(-75);
+                       console.log( test_scroll[0] );
+                       if( test_scroll[0]){
+                           $(this).find(".overlay").addClass('blog-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
+                       }else{
+                           $(this).find(".overlay").removeClass('blog-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
+                       }
+                   }
+               });
+           }
+           if($("#home-feed-posts").length ){
+               if($("#home-feed-posts").isInViewport(100)[0]){
+                   $('#home-feed-posts').css("opacity", 1);
+                   $('#home-feed-posts').addClass("fadeInUp");
+               }
+           }
 
-    // remove #/gallery/recent from url to track current page
-    var url = window.location.href.replace("#/gallery/recent", "");
+       if( $('.blur-action').length > 0 ){
+           if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false  ){
+               $('.blur-container').children('span:first-child').addClass("in-sight");
 
-    // 'current' class style to sidebar item that matches the current url
-      $('#side-links ul.sidebar li a').each(function() {
-        if ($(this).prop('href') == url) {
-            $(this).addClass('current');
-        }
-        if($(this).attr("class") === "current"){
-            $(this).parent("li").addClass("current");
-        }
-    });
-    $("#sitemap_pages").find("small").contents().unwrap();
-    $("#sitemap_posts").find("small").contents().unwrap();
-
-    // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED
-    // if( $('.slick-track').length > 0 ){
-        $('.slick-track').addClass("row collapse");
-        if( $('.slick-track').length > 0 ){
-                $('.slick-track').addClass("row collapse");
-        
-            if( $(window).width() > 1023){
-                $('.featured-event-details').each(function(index, value){
-                        var height  = $(this).outerHeight();
-                    $(this).css("bottom", "-"+height+"px");
-                    })
-        
-                    var image;
-                $('.featured-event').hover(
-                    function(){
-                        var details         = $(this).find('.featured-event-details');
-
-                        var details_height  = details.outerHeight();
-                        $(this).data("top", details_height);
-                        image           = $(this).find('.front-page-event-image');
-
-                        image.animate({bottom:details_height}, 400, function() {
-                            //callback
-                        });
-                    }, function(){
-                        details_height = $(this).data("top");
-                        image.animate({bottom:0}, 400, function() {
-                            //callback
-                        });
-                    }
-                );
-            }
+               window.setTimeout(function(){
+                   $('.first-blur').animate({opacity: 1}, 200);
+                   var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options);
+                   if (!our_impact_counter.error) {
+                   our_impact_counter.start();
+                   } else {
+                   console.error(our_impact_counter.error);
+                   }
+               }, 1000);
+              
+               window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600);
+               our_impact_seen         = true;
+           }
+          
+       }
+       scrolled++;
+       if ($(this).scrollTop() > 50 ) {
+           $('.scrolltop:hidden').stop(true, true).fadeIn();
+       } else {
+           $('.scrolltop').stop(true, true).fadeOut();
+       }
+
+       if ($(window).scrollTop() >= 46) {
+           $('.sticky-header').addClass('fixed-header');
         }
-        if( $(window).width() > 1023){
-            $('.front-page-post-content-container').each(function(index, value){
-                var title_height = $(this).find('h2').find('a').outerHeight();
-                var height  = $(this).outerHeight();
-                var offset = height - (title_height + 10);
-                $(this).css("bottom", "-"+offset+"px");
-            })
-
-            var image;
-            $('.home-feed-post').hover(
-                function(){
-                    var details         = $(this).find('.front-page-post-content-container');
-                    var details_height  = details.outerHeight();
-                    $(this).data("top", details_height);
-                    image           = $(this).find('.front-page-blog-image');
-                    image.animate({bottom:details_height}, 400, function() {
-                        //callback
-                    });
-                }, function(){
-                    details_height = $(this).data("top");
-                    image.animate({bottom:0}, 400, function() {
-                        //callback
-                    });
-                }
-            );
+        else {
+           $('.sticky-header').removeClass('fixed-header');
         }
-    // }
-    $(".menu-icon").on("click", function(){
-        $('#oc-overlay').fadeIn();
-    })
-    $("#menu-icon-close").on("click", function(){
-        $('#oc-overlay').fadeOut();
-    })
-    // checking if the video is currently playing
-    Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
-        get: function(){
-            return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
+   });
+   $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})})
+
+   $("#block-3, #block-4").wrapAll(' <div id="small-blocks" class="row collapse">');
+   $("#block-2").wrap('<div id="med-block" class="row collapse">');
+   $("#small-blocks, #med-block").wrapAll('<div class="small-12 large-6 columns">');
+
+   var event_feed      = $("#event-feed");
+   var category_image  = $("#glm-category-images-list");
+   event_feed.addClass("feed");
+   category_image.addClass("category-feed");
+
+   function slickening(el, slides, autoplay){
+       if(el.hasClass('slick-initialized') ) {
+           el.slick('unslick')
+       }
+       el.slick({
+           infinite: true,
+           slidesToShow: slides,
+           slidesToScroll: 1,
+           autoplay: autoplay,
+           arrows: true,
+
+       });
+   }
+   function check_window_width(){
+       if( $('.slick-track').length > 0 ){
+           $('.slick-track').addClass("row collapse");
+       }
+       if($(window).width() > 1023){
+
+           slickening( $('.feed'), 3, false );
+       } else if($(window).width() < 1025 && $(window).width() > 639){
+           if( $(".feed").hasClass('slick-initialized') ) {
+               $(".feed").slick('unslick');
+           }
+           slickening( $('.feed'), 2, false );
+       } else if($(window).width() < 641 && $(window).width() > 319){
+           if( $(".feed").hasClass('slick-initialized') ) {
+               $(".feed").slick('unslick');
+           }
+           slickening( $('.feed'), 1, false );
+       }
+   }
+
+   check_window_width();
+   $(window).resize(function () {
+       check_window_width();
+      
+   });
+
+
+   // remove #/gallery/recent from url to track current page
+   var url = window.location.href.replace("#/gallery/recent", "");
+
+   // 'current' class style to sidebar item that matches the current url
+     $('#side-links ul.sidebar li a').each(function() {
+       if ($(this).prop('href') == url) {
+           $(this).addClass('current');
+       }
+       if($(this).attr("class") === "current"){
+           $(this).parent("li").addClass("current");
+       }
+   });
+   $("#sitemap_pages").find("small").contents().unwrap();
+   $("#sitemap_posts").find("small").contents().unwrap();
+
+   // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED
+   // if( $('.slick-track').length > 0 ){
+       $('.slick-track').addClass("row collapse");
+       if( $('.slick-track').length > 0 ){
+               $('.slick-track').addClass("row collapse");
+      
+           if( $(window).width() > 1023){
+               $('.featured-event-details').each(function(index, value){
+                       var height  = $(this).outerHeight();
+                   $(this).css("bottom", "-"+height+"px");
+                   })
+      
+                   var image;
+               $('.featured-event').hover(
+                   function(){
+                       var details         = $(this).find('.featured-event-details');
+
+                       var details_height  = details.outerHeight();
+                       $(this).data("top", details_height);
+                       image           = $(this).find('.front-page-event-image');
+
+                       image.animate({bottom:details_height}, 400, function() {
+                           //callback
+                       });
+                   }, function(){
+                       details_height = $(this).data("top");
+                       image.animate({bottom:0}, 400, function() {
+                           //callback
+                       });
+                   }
+               );
+           }
+       }
+       if( $(window).width() > 1023){
+           $('.front-page-post-content-container').each(function(index, value){
+               var title_height = $(this).find('h2').find('a').outerHeight();
+               var height  = $(this).outerHeight();
+               var offset = height - (title_height + 10);
+               $(this).css("bottom", "-"+offset+"px");
+           })
+
+           var image;
+           $('.home-feed-post').hover(
+               function(){
+                   var details         = $(this).find('.front-page-post-content-container');
+                   var details_height  = details.outerHeight();
+                   $(this).data("top", details_height);
+                   image           = $(this).find('.front-page-blog-image');
+                   image.animate({bottom:details_height}, 400, function() {
+                       //callback
+                   });
+               }, function(){
+                   details_height = $(this).data("top");
+                   image.animate({bottom:0}, 400, function() {
+                       //callback
+                   });
+               }
+           );
+       }
+   // }
+   $(".menu-icon").on("click", function(){
+       $('#oc-overlay').fadeIn();
+   })
+   $("#menu-icon-close").on("click", function(){
+       $('#oc-overlay').fadeOut();
+   })
+   // checking if the video is currently playing
+   Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
+       get: function(){
+           return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
+       }
+   })
+   let video;
+   if($(window).width() > 1023 ){
+       video = $(".parallax-video").find('video');
+       video = video[0];
+   } else {
+       video = $("#front-page-video");
+       video = video[0];
+   }
+   $("#pause-video").on("click", function(){
+       if( video.playing ){
+           video.pause();
+           $(this).text('PLAY');
+       }else{
+           video.play();
+           $(this).text('PAUSE');
         }
-    })
-    let video;
-    if($(window).width() > 1023 ){
-        video = $(".parallax-video").find('video');
-        video = video[0];
-    } else {
-        video = $("#front-page-video");
-        video = video[0];
-    }
-    $("#pause-video").on("click", function(){
-        if( video.playing ){
-            video.pause();
-            $(this).text('PLAY');
-        }else{
-            video.play();
-            $(this).text('PAUSE');
-         }
-    });
-    $("#restart-video").on("click", function(){
-        video.pause();
-        video.currentTime = 0;
-        video.load();
-    });
-
-    $('.home-feed-post').on('click', function(){
-        window.location = $(this).data('url');
-    })
+   });
+   $("#restart-video").on("click", function(){
+       video.pause();
+       video.currentTime = 0;
+       video.load();
+   });
+
+   $('.home-feed-post').on('click', function(){
+       window.location = $(this).data('url');
+   })
 });
+
+
index 0019c57..a5da603 100644 (file)
 // Load foundation
 $(document).foundation();
 $(document).ready(function () {
-    const oc_menu           = $('#oc-overlay').find(".left-off-canvas-list");
-    const menu_items        = oc_menu.children('ul').children('li');
-    const children_menus    = $('ul.children');
-    let other_menu;
-    
-    menu_items.each(function(){
-        $(this).on("click", function(){
-            other_menu = $(this).parent().siblings('ul.sub-menu-section').not(".oc-home-link");
-        })
-        if( $(this).children('ul').length > 0 ){
-            $(this).on("click", function(){
-                
-                other_menu.toggleClass("oc-hidden");
-                $(this).children('a').toggleClass('open');
-                $(this).children('a').siblings('ul').toggleClass('oc-open');
-                // $(this).children('a').siblings('ul').toggleClass('oc-hidden');
-                $(this).toggleClass('oc-expanded');
-                $(this).siblings().toggleClass("oc-collapsed");
-                $('.t-nav__curve').addClass("hide-curve");
-            })
-
-            $(this).children('a').on('click', function(e){
-                other_menu.toggleClass("oc-hidden");
-                e.preventDefault();
-                $(this).siblings('a').toggleClass('open');
-                $(this).siblings('ul').toggleClass('oc-open');
-                // $(this).siblings('ul').toggleClass('oc-hidden');
-                $(this).parent().toggleClass('oc-expanded');
-                $(this).parent().siblings().toggleClass("oc-collapsed");
-                $('.t-nav__curve').addClass("hide-curve");
-            })
-        }
-    });
-
-    $('a.toggle').click('click', function () {
-        // let other_menu = $(this).parent().parent();
-        // console.log(other_menu);
-        $(this).toggleClass('open');
-        $(this).siblings('ul').toggleClass('oc-open');
-        // $(this).siblings('ul').toggleClass('oc-hidden');
-        $(this).parent().toggleClass('oc-expanded');
-        $(this).parent().siblings().toggleClass("oc-collapsed");
-        $('.t-nav__curve').addClass("hide-curve");
-    });
-
-    $('ul.children').each(function () {
-        $(this).before('<a class="toggle" href="#"></a>');
-    });
-    $('#glm-member-password-lost-link').click(function() {
-        $('#glm-member-password-lost-form').show();
-    });
-    
-
-    $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
-        var menuImg = $(this).parent('li').prop('id');
-        var menuNum = menuImg.match(/\d+/)[0];
-        var menuImgSrc = 'img_for_menu_' + menuNum;
-        if (window['img_for_menu_' + menuNum]) {
-            $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
-        } else {
-            $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul');
-            $(this).find('li.image-placeholder').remove();
-        }
-        //console.log('ul = ' + menuImg);
-        //console.log('menu-id = ' + menuNum);
-    });
+   const oc_menu           = $('#oc-overlay').find(".left-off-canvas-list");
+   const menu_items        = oc_menu.find('ul').find('li');
+   const children_menus    = $('ul.children');
+   let other_menu;
+
+   // console.log(menu_items)
+   oc_menu.children('ul').on("click", '> li', function(event){
+       // console.log(event.target);
+       // console.log($(this));
+   })
+
+   menu_items.each(function(){
+       let menuThis = $(this);
+      
+       menuThis.on("click", function(){
+           other_menu = $(this).closest('ul.sub-menu-section').siblings('ul.sub-menu-section').not(".oc-home-link");
+       })
+       if( $(this).children('ul').length > 0 ){
+           let menuParent = $(this).parent();
+  
+
+
+
+
+
+
+
+
+
+           $(this).on("click", function(e){
+               // if( $(this).parent().hasClass('children') ){
+               //     console.log("yes");
+               // }
+
+               // collapse the nav menu that isn't in focus (primary or secondary)
+               other_menu.toggleClass("oc-hidden");
+
+               // alter the orientation of the nav arrow, it's the only el that uses a plain open class instead of oc-open
+               $(this).children('a').toggleClass('open');
+               e.stopImmediatePropagation();
+               // problem is here, this is a blanket toggle which affects sub menus unintentionally
+               $(this).children('a').siblings('ul').toggleClass('oc-open');
+
+               // $(this).children('a').siblings('ul').toggleClass('oc-hidden');
+
+               // For animation purposes
+               $(this).toggleClass('oc-expanded');
+               $(this).siblings().toggleClass("oc-collapsed");
+           })
+
+           $(this).children('a').on('click', function(e){
+               e.preventDefault();
+           })
+
+
+
+
+
+
+
+
+
+       } else {
+           let url = $(this).children('a').attr('href');
+           $(this).on("click", function(){
+               window.location = url;
+           })
+       }
+   });
+
+
 
-    $("#searchIcon").click(function(){
-        if($("#topSearchForm").css("display") == "none"){
+
+
+   $('ul.children').each(function () {
+       $(this).before('<a class="toggle" href="#"></a>');
+   });
+   $('#glm-member-password-lost-link').click(function() {
+       $('#glm-member-password-lost-form').show();
+   });
+  
+
+   $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
+       var menuImg = $(this).parent('li').prop('id');
+       var menuNum = menuImg.match(/\d+/)[0];
+       var menuImgSrc = 'img_for_menu_' + menuNum;
+       if (window['img_for_menu_' + menuNum]) {
+           $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
+       } else {
+           $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul');
+           $(this).find('li.image-placeholder').remove();
+       }
+       //console.log('ul = ' + menuImg);
+       //console.log('menu-id = ' + menuNum);
+   });
+
+   $("#searchIcon").click(function(){
+       if($("#topSearchForm").css("display") == "none"){
 //           $("#searchform").css("display", "inline");
-            $("#topSearchForm").toggle("slide");
-            $("#searchIcon").css("visibility", "hidden");
-        }
-         $("#lar-search").focus();
-    });
-    $("#lar-search").blur(function(){
-        $("#topSearchForm").toggle("slide");
-        $("#searchIcon").css("visibility", "visible");
-    });
-
-
-    // MOBILE SEARCH 
-    var right = $('#mobile-search-form').offset().right;
-    $("#mobile-search").on("click", function(){
-        $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
-        .animate({"right":"0px"}, "slow");
-    });
-    $(".mobile-search-close").on("click", function(){
-        $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
-        .animate({"right":"-100%"}, "slow");
-    });
-    var countup_options = {
-        useEasing: true, 
-        useGrouping: true, 
-        separator: ',', 
-        decimal: '.', 
-    };
-    $.fn.isInViewport = function(offset) {
-        var elementTop      = $(this).offset().top;
-        var elementBottom   = elementTop + $(this).outerHeight();
-        var viewportTop     = $(window).scrollTop();
-        var viewportBottom  = viewportTop + $(window).height();
-        var center          = (viewportBottom + viewportTop) / 2 + parseInt(offset);
-        return [elementBottom > viewportTop && elementTop < center,$(this)];
-    };
-    var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')];
-    var posts  = $('.home-feed-post');
-    
-    var blog_position = $("#home-feed-posts").position();
-    var scrolled = 0;
-    var the_number = parseInt($('.first-blur').text());
-
-    var our_impact_seen         = false;
-    $(window).on("scroll", function() {
-        var page_position  = $(window).scrollTop();      
-            if( $(window).width() < 1024 ){
-                $.each(blocks, function(){
-                    if( $(this).length > 0){
-                        var test_scroll = $(this).isInViewport(-75);
-                        
-                        if( test_scroll[0]){
-                            $(this).find(".overlay").addClass('mobile-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
-                        }else{
-                            $(this).find(".overlay").removeClass('mobile-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
-                        }
-                    }
-                });
-                $.each(posts, function(){
-                    
-                    if( $(this).length > 0){
-                        
-                        var test_scroll = $(this).isInViewport(-75);
-                        console.log( test_scroll[0] );
-                        if( test_scroll[0]){
-                            $(this).find(".overlay").addClass('blog-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
-                        }else{
-                            $(this).find(".overlay").removeClass('blog-overlay');
-                            $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
-                        }
-                    }
-                });
-            }
-            if($("#home-feed-posts").length ){
-                if($("#home-feed-posts").isInViewport(100)[0]){
-                    $('#home-feed-posts').css("opacity", 1);
-                    $('#home-feed-posts').addClass("fadeInUp");
-                }
-            }
-
-        if( $('.blur-action').length > 0 ){
-            if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false  ){
-                $('.blur-container').children('span:first-child').addClass("in-sight");
-
-                window.setTimeout(function(){
-                    $('.first-blur').animate({opacity: 1}, 200);
-                    var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options);
-                    if (!our_impact_counter.error) {
-                    our_impact_counter.start();
-                    } else {
-                    console.error(our_impact_counter.error);
-                    }
-                }, 1000);
-                
-                window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600);
-                our_impact_seen         = true;
-            }
-            
-        }
-        scrolled++;
-        if ($(this).scrollTop() > 50 ) {
-            $('.scrolltop:hidden').stop(true, true).fadeIn();
-        } else {
-            $('.scrolltop').stop(true, true).fadeOut();
-        }
+           $("#topSearchForm").toggle("slide");
+           $("#searchIcon").css("visibility", "hidden");
+       }
+        $("#lar-search").focus();
+   });
+   $("#lar-search").blur(function(){
+       $("#topSearchForm").toggle("slide");
+       $("#searchIcon").css("visibility", "visible");
+   });
 
-        if ($(window).scrollTop() >= 46) {
-            $('.sticky-header').addClass('fixed-header');
-         }
-         else {
-            $('.sticky-header').removeClass('fixed-header');
-         }
-    });
-    $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})})
-
-    $("#block-3, #block-4").wrapAll(' <div id="small-blocks" class="row collapse">');
-    $("#block-2").wrap('<div id="med-block" class="row collapse">');
-    $("#small-blocks, #med-block").wrapAll('<div class="small-12 large-6 columns">');
-
-    var event_feed      = $("#event-feed");
-    var category_image  = $("#glm-category-images-list");
-    event_feed.addClass("feed");
-    category_image.addClass("category-feed");
-
-    function slickening(el, slides, autoplay){
-        if(el.hasClass('slick-initialized') ) {
-            el.slick('unslick')
-        }
-        el.slick({
-            infinite: true,
-            slidesToShow: slides,
-            slidesToScroll: 1,
-            autoplay: autoplay,
-            arrows: true,
-
-        });
-    }
-    function check_window_width(){
-        if( $('.slick-track').length > 0 ){
-            $('.slick-track').addClass("row collapse");
-        }
-        if($(window).width() > 1023){
-
-            slickening( $('.feed'), 3, false );
-        } else if($(window).width() < 1025 && $(window).width() > 639){
-            if( $(".feed").hasClass('slick-initialized') ) {
-                $(".feed").slick('unslick');
-            }
-            slickening( $('.feed'), 2, false );
-        } else if($(window).width() < 641 && $(window).width() > 319){
-            if( $(".feed").hasClass('slick-initialized') ) {
-                $(".feed").slick('unslick');
-            }
-            slickening( $('.feed'), 1, false );
-        }
-    }
 
-    check_window_width();
-    $(window).resize(function () {
-        check_window_width();
-        
-    });
+   // MOBILE SEARCH
+   var right = $('#mobile-search-form').offset().right;
+   $("#mobile-search").on("click", function(){
+       $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
+       .animate({"right":"0px"}, "slow");
+   });
+   $(".mobile-search-close").on("click", function(){
+       $("#mobile-search-form").css({right:right})  // Set the left to its calculated position
+       .animate({"right":"-100%"}, "slow");
+   });
+   var countup_options = {
+       useEasing: true,
+       useGrouping: true,
+       separator: ',',
+       decimal: '.',
+   };
+   $.fn.isInViewport = function(offset) {
+       var elementTop      = $(this).offset().top;
+       var elementBottom   = elementTop + $(this).outerHeight();
+       var viewportTop     = $(window).scrollTop();
+       var viewportBottom  = viewportTop + $(window).height();
+       var center          = (viewportBottom + viewportTop) / 2 + parseInt(offset);
+       return [elementBottom > viewportTop && elementTop < center,$(this)];
+   };
+   var blocks = [$('#block-1'),$('#block-2'),$('#block-3'),$('#block-4')];
+   var posts  = $('.home-feed-post');
+  
+   var blog_position = $("#home-feed-posts").position();
+   var scrolled = 0;
+   var the_number = parseInt($('.first-blur').text());
 
+   var our_impact_seen         = false;
+   $(window).on("scroll", function() {
+       var page_position  = $(window).scrollTop();     
+           if( $(window).width() < 1024 ){
+               $.each(blocks, function(){
+                   if( $(this).length > 0){
+                       var test_scroll = $(this).isInViewport(-75);
+                      
+                       if( test_scroll[0]){
+                           $(this).find(".overlay").addClass('mobile-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
+                       }else{
+                           $(this).find(".overlay").removeClass('mobile-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
+                       }
+                   }
+               });
+               $.each(posts, function(){
+                  
+                   if( $(this).length > 0){
+                      
+                       var test_scroll = $(this).isInViewport(-75);
+                       console.log( test_scroll[0] );
+                       if( test_scroll[0]){
+                           $(this).find(".overlay").addClass('blog-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, .7)");
+                       }else{
+                           $(this).find(".overlay").removeClass('blog-overlay');
+                           $(this).find(".overlay").css("background-color", "rbga(0,0,0, 0)");
+                       }
+                   }
+               });
+           }
+           if($("#home-feed-posts").length ){
+               if($("#home-feed-posts").isInViewport(100)[0]){
+                   $('#home-feed-posts').css("opacity", 1);
+                   $('#home-feed-posts').addClass("fadeInUp");
+               }
+           }
 
-    // remove #/gallery/recent from url to track current page
-    var url = window.location.href.replace("#/gallery/recent", "");
+       if( $('.blur-action').length > 0 ){
+           if( $(".blur-action").isInViewport(100)[0] && our_impact_seen == false  ){
+               $('.blur-container').children('span:first-child').addClass("in-sight");
 
-    // 'current' class style to sidebar item that matches the current url
-      $('#side-links ul.sidebar li a').each(function() {
-        if ($(this).prop('href') == url) {
-            $(this).addClass('current');
-        }
-        if($(this).attr("class") === "current"){
-            $(this).parent("li").addClass("current");
-        }
-    });
-    $("#sitemap_pages").find("small").contents().unwrap();
-    $("#sitemap_posts").find("small").contents().unwrap();
-
-    // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED
-    // if( $('.slick-track').length > 0 ){
-        $('.slick-track').addClass("row collapse");
-        if( $('.slick-track').length > 0 ){
-                $('.slick-track').addClass("row collapse");
-        
-            if( $(window).width() > 1023){
-                $('.featured-event-details').each(function(index, value){
-                        var height  = $(this).outerHeight();
-                    $(this).css("bottom", "-"+height+"px");
-                    })
-        
-                    var image;
-                $('.featured-event').hover(
-                    function(){
-                        var details         = $(this).find('.featured-event-details');
-
-                        var details_height  = details.outerHeight();
-                        $(this).data("top", details_height);
-                        image           = $(this).find('.front-page-event-image');
-
-                        image.animate({bottom:details_height}, 400, function() {
-                            //callback
-                        });
-                    }, function(){
-                        details_height = $(this).data("top");
-                        image.animate({bottom:0}, 400, function() {
-                            //callback
-                        });
-                    }
-                );
-            }
+               window.setTimeout(function(){
+                   $('.first-blur').animate({opacity: 1}, 200);
+                   var our_impact_counter = new CountUp('first-blur', 0, parseInt(the_number), 0, 2.5, countup_options);
+                   if (!our_impact_counter.error) {
+                   our_impact_counter.start();
+                   } else {
+                   console.error(our_impact_counter.error);
+                   }
+               }, 1000);
+              
+               window.setTimeout(function(){$('.blur-container').children("span:nth-child(3)").addClass("in-sight");}, 600);
+               our_impact_seen         = true;
+           }
+          
+       }
+       scrolled++;
+       if ($(this).scrollTop() > 50 ) {
+           $('.scrolltop:hidden').stop(true, true).fadeIn();
+       } else {
+           $('.scrolltop').stop(true, true).fadeOut();
+       }
+
+       if ($(window).scrollTop() >= 46) {
+           $('.sticky-header').addClass('fixed-header');
         }
-        if( $(window).width() > 1023){
-            $('.front-page-post-content-container').each(function(index, value){
-                var title_height = $(this).find('h2').find('a').outerHeight();
-                var height  = $(this).outerHeight();
-                var offset = height - (title_height + 10);
-                $(this).css("bottom", "-"+offset+"px");
-            })
-
-            var image;
-            $('.home-feed-post').hover(
-                function(){
-                    var details         = $(this).find('.front-page-post-content-container');
-                    var details_height  = details.outerHeight();
-                    $(this).data("top", details_height);
-                    image           = $(this).find('.front-page-blog-image');
-                    image.animate({bottom:details_height}, 400, function() {
-                        //callback
-                    });
-                }, function(){
-                    details_height = $(this).data("top");
-                    image.animate({bottom:0}, 400, function() {
-                        //callback
-                    });
-                }
-            );
+        else {
+           $('.sticky-header').removeClass('fixed-header');
         }
-    // }
-    $(".menu-icon").on("click", function(){
-        $('#oc-overlay').fadeIn();
-    })
-    $("#menu-icon-close").on("click", function(){
-        $('#oc-overlay').fadeOut();
-    })
-    // checking if the video is currently playing
-    Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
-        get: function(){
-            return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
+   });
+   $(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#glm-main-header").offset().top},"1000");return false})})
+
+   $("#block-3, #block-4").wrapAll(' <div id="small-blocks" class="row collapse">');
+   $("#block-2").wrap('<div id="med-block" class="row collapse">');
+   $("#small-blocks, #med-block").wrapAll('<div class="small-12 large-6 columns">');
+
+   var event_feed      = $("#event-feed");
+   var category_image  = $("#glm-category-images-list");
+   event_feed.addClass("feed");
+   category_image.addClass("category-feed");
+
+   function slickening(el, slides, autoplay){
+       if(el.hasClass('slick-initialized') ) {
+           el.slick('unslick')
+       }
+       el.slick({
+           infinite: true,
+           slidesToShow: slides,
+           slidesToScroll: 1,
+           autoplay: autoplay,
+           arrows: true,
+
+       });
+   }
+   function check_window_width(){
+       if( $('.slick-track').length > 0 ){
+           $('.slick-track').addClass("row collapse");
+       }
+       if($(window).width() > 1023){
+
+           slickening( $('.feed'), 3, false );
+       } else if($(window).width() < 1025 && $(window).width() > 639){
+           if( $(".feed").hasClass('slick-initialized') ) {
+               $(".feed").slick('unslick');
+           }
+           slickening( $('.feed'), 2, false );
+       } else if($(window).width() < 641 && $(window).width() > 319){
+           if( $(".feed").hasClass('slick-initialized') ) {
+               $(".feed").slick('unslick');
+           }
+           slickening( $('.feed'), 1, false );
+       }
+   }
+
+   check_window_width();
+   $(window).resize(function () {
+       check_window_width();
+      
+   });
+
+
+   // remove #/gallery/recent from url to track current page
+   var url = window.location.href.replace("#/gallery/recent", "");
+
+   // 'current' class style to sidebar item that matches the current url
+     $('#side-links ul.sidebar li a').each(function() {
+       if ($(this).prop('href') == url) {
+           $(this).addClass('current');
+       }
+       if($(this).attr("class") === "current"){
+           $(this).parent("li").addClass("current");
+       }
+   });
+   $("#sitemap_pages").find("small").contents().unwrap();
+   $("#sitemap_posts").find("small").contents().unwrap();
+
+   // THIS SECTION CONTAINS DUPLICATE CODE THAT NEEDS TO BE REFACTORED
+   // if( $('.slick-track').length > 0 ){
+       $('.slick-track').addClass("row collapse");
+       if( $('.slick-track').length > 0 ){
+               $('.slick-track').addClass("row collapse");
+      
+           if( $(window).width() > 1023){
+               $('.featured-event-details').each(function(index, value){
+                       var height  = $(this).outerHeight();
+                   $(this).css("bottom", "-"+height+"px");
+                   })
+      
+                   var image;
+               $('.featured-event').hover(
+                   function(){
+                       var details         = $(this).find('.featured-event-details');
+
+                       var details_height  = details.outerHeight();
+                       $(this).data("top", details_height);
+                       image           = $(this).find('.front-page-event-image');
+
+                       image.animate({bottom:details_height}, 400, function() {
+                           //callback
+                       });
+                   }, function(){
+                       details_height = $(this).data("top");
+                       image.animate({bottom:0}, 400, function() {
+                           //callback
+                       });
+                   }
+               );
+           }
+       }
+       if( $(window).width() > 1023){
+           $('.front-page-post-content-container').each(function(index, value){
+               var title_height = $(this).find('h2').find('a').outerHeight();
+               var height  = $(this).outerHeight();
+               var offset = height - (title_height + 10);
+               $(this).css("bottom", "-"+offset+"px");
+           })
+
+           var image;
+           $('.home-feed-post').hover(
+               function(){
+                   var details         = $(this).find('.front-page-post-content-container');
+                   var details_height  = details.outerHeight();
+                   $(this).data("top", details_height);
+                   image           = $(this).find('.front-page-blog-image');
+                   image.animate({bottom:details_height}, 400, function() {
+                       //callback
+                   });
+               }, function(){
+                   details_height = $(this).data("top");
+                   image.animate({bottom:0}, 400, function() {
+                       //callback
+                   });
+               }
+           );
+       }
+   // }
+   $(".menu-icon").on("click", function(){
+       $('#oc-overlay').fadeIn();
+   })
+   $("#menu-icon-close").on("click", function(){
+       $('#oc-overlay').fadeOut();
+   })
+   // checking if the video is currently playing
+   Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
+       get: function(){
+           return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
+       }
+   })
+   let video;
+   if($(window).width() > 1023 ){
+       video = $(".parallax-video").find('video');
+       video = video[0];
+   } else {
+       video = $("#front-page-video");
+       video = video[0];
+   }
+   $("#pause-video").on("click", function(){
+       if( video.playing ){
+           video.pause();
+           $(this).text('PLAY');
+       }else{
+           video.play();
+           $(this).text('PAUSE');
         }
-    })
-    let video;
-    if($(window).width() > 1023 ){
-        video = $(".parallax-video").find('video');
-        video = video[0];
-    } else {
-        video = $("#front-page-video");
-        video = video[0];
-    }
-    $("#pause-video").on("click", function(){
-        if( video.playing ){
-            video.pause();
-            $(this).text('PLAY');
-        }else{
-            video.play();
-            $(this).text('PAUSE');
-         }
-    });
-    $("#restart-video").on("click", function(){
-        video.pause();
-        video.currentTime = 0;
-        video.load();
-    });
-
-    $('.home-feed-post').on('click', function(){
-        window.location = $(this).data('url');
-    })
+   });
+   $("#restart-video").on("click", function(){
+       video.pause();
+       video.currentTime = 0;
+       video.load();
+   });
+
+   $('.home-feed-post').on('click', function(){
+       window.location = $(this).data('url');
+   })
 });
+
+