// jQuery initialization and CSS settings, waiting for DOM tree to initialize
$(document).ready(function(){

   // Main navigation settings, please use #nav for your main UL
   sfHover = function() {
      var sfEls = document.getElementById("MainMenu").getElementsByTagName("LI");
      for (var i=0; i<sfEls.length; i++) {
         sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
         }
         sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
         }
      }
   }
   if (window.attachEvent) window.attachEvent("onload", sfHover);
   
   // Add multi-level dropdown indicator. Please add id="p1" and continue with running numbers (p2, p3 etc)
   // This will allow right arrow to appear for drop down with subs
   $('#MainMenu').find('#p1').prev().addClass('has_sub');
   
   // Activate "class='active'" on current URL, modify this according to your class/id. Just 
   // enter the class/id selector. I also set the file names to all lowercase in common.inc
   var path = location.pathname.substring(1).toLowerCase();
   var filename = path.match(/.*\/([^/]+)\.([^?]+)/i)[1];

   if ( path )
   {
     $('#MainMenu li a[href$="' + path + '"]').addClass('active'); // for main nav
     $('.header_topnav ul li a[href$="' + path + '"]').addClass('active'); // for top nav (optional)
     $('.footer_nav ul li a[href$="' + path + '"]').addClass('active'); // for footer nav (optional)
     $('.content_side ul li a[href$="' + path + '"]').addClass('active'); // for side nav (main level)
     $('.content_side ul li ul li a[href$="' + path + '"]').addClass('active'); // for side nav (secondary level)
   };

   // For URL with parameters or report ids
   var path2 = location.search.substring(1);
   if ( path2 )
   {
     $('#MainMenu li a[href$="' + path2 + '"]').addClass('active');
     $('#MainMenu ul li a[href$="' + path2 + '"]').addClass('active');
     $('.footer_nav ul li a[href$="' + path2 + '"]').addClass('active');
     $('.content_side ul li a[href$="' + path2 + '"]').addClass('active');
     $('.content_side ul li ul li a[href$="' + path2 + '"]').addClass('active');
   };
});