Update: Move Layout JS to Core JS Bundle

2013-07-25 17:48:08 +10:00
parent 19503366c4
commit cb30257c59
7 changed files with 173 additions and 132 deletions
@@ -0,0 +1,67 @@
+(function ($, window, document, Modernizr) {
+
+    // Document Ready
+    $(function () {
+
+        // Search Functionality
+        $('#term').watermark('Search').keypress(function (e) {
+            if (e.keyCode == 13) {
+                $(this).closest('form').submit();
+            }
+        }).focus(function () {
+            $(this).select();
+        });
+
+        // Menu Functionality
+        var $menu = $('#menu');
+        var $menuSubVisible = [];
+        $menu.find('li').each(function () {
+            var $menuItem = $(this);
+            var $subMenu = $menuItem.children('ul').first();
+            if ($subMenu.length > 0) {
+                $menuItem.mouseover(function () {
+                    menuShow($menuItem, $subMenu);
+                }).mouseout(function () {
+                    menuHide($menuItem, $subMenu);
+                }).addClass('hasSubmenu');
+
+                // Touch-enabled browser
+                if (Modernizr.touch) {
+                    $menuItem.on('touchstart', function (e) {
+                        // Already Open - allow 'click'
+                        for (var i = 0; i < $menuSubVisible.length; i++)
+                            if ($menuSubVisible[0] === $subMenu)
+                                return;
+
+                        // Show
+                        menuShow($menuItem, $subMenu);
+                        $menuSubVisible.push($subMenu);
+                        $(document).on('click', menuTouchHide)
+                        e.preventDefault();
+                    });
+                }
+            };
+        });
+        function menuTouchHide() {
+            while ($menuSubVisible.length > 0) {
+                var $subMenu = $menuSubVisible.pop();
+                $subMenu.hide();
+            }
+        }
+        function menuShow($menuItem, $subMenu) {
+            var timeoutToken = $menuItem.data('menuTimeoutToken');
+            if (timeoutToken)
+                window.clearTimeout(timeoutToken);
+            if (!$subMenu.is(':visible'))
+                $subMenu.show();
+        }
+        function menuHide($menuItem, $subMenu) {
+            var timeoutToken = subMenuHideToken = window.setTimeout(function () {
+                $subMenu.hide();
+            }, 250);
+            $menuItem.data('menuTimeoutToken', timeoutToken);
+        }
+
+
+    });
+})(jQuery, window, document, Modernizr);