Team:ETH Zurich/scripts/template js

function initTemplate() {

   var elementPosition = $('#main_menu').offset();

   // Keep the menu fixed at the top when scrolling
   //=============================================================================
   $(window).scroll(function () {
       if ($(window).scrollTop() + 18 > elementPosition.top) {
           $('#main_menu')
               .css('position', 'fixed')
               .css('top', '18px');
           $('#main_wrapper')
               .css('margin-top', '42px');
       } else {
           $('#main_menu')
               .css('position', 'static');
           $('#main_wrapper')
               .css('margin-top', '0px');
       }
   });

   // Show submenu when the corresponding menu item is clicked
   //=============================================================================
   $(".menu_item").click(function (e) {
       $(".menu_item").not(this)
           .removeClass('menu_open')
           .children('.submenu')
           .removeClass('submenu_visible');
       $('.submenu', this).toggleClass('submenu_visible');
       $(this).toggleClass('menu_open');
       e.stopPropagation();
   });

   // Close submenus when the user clicks anywhere on the page
   //=============================================================================
   $(document).click(function () {
       $('.submenu').removeClass('submenu_visible');
       $('.menu_item').removeClass('menu_open');
   });

   // Highlight menu buttons when mouse hover
   //=============================================================================
   $(".menu_container a").mouseover(function (e) {
       e.stopPropagation();
       $(this).addClass('menu_hover');
   }).mouseout(function () {
       $(this).removeClass('menu_hover');
   });

}