
(function( $ ){
$.fn.DrKleinHomepageStage = function () {

      if ($('body.page_type_home').length === 0) {
        return
      }
      var jStage = $("ul#stage_view")
      var jNavi = $("ul#second_level_navigation")

      // controllers private helpers
      var indexOf = function (jList, elm) {
        var i = idx = -1, len = jList.length;
        while (++i < len) {
          if (jList[i] === elm) {
            idx = i
            break
          }
        }
        return idx
      }
      var fadeReset = function () {
        return
      }
      var onNavigationItemHover = function (evt) {
        var jElm = $(this)
        if (!jElm.hasClass("selected")) {

          jElm.parent().find("li.selected").removeClass("selected")
          jElm.addClass("selected")

          var jList = jStage.find("> li")
          jElm = $(jList[indexOf(jNavi.find("> li"), this)])

          fadeReset()
          fadeReset = (function (list, elm) {
            return function () {
              list.removeClass("selected").css("z-index", 0).css("display", "none")
              elm.addClass("selected").css("display", "block").css("z-index", 1)
              fadeReset = function () {return}
            }
          })(jList.filter(".selected"), jElm)

          jElm.css("z-index", 2).fadeIn("fast", fadeReset)
        }
      }

      // apply accordion behavior onto the hompage's second level navigations list items.
      jNavi.find("> li").hover(onNavigationItemHover)
}
})( jQuery );


jQuery(document).ready(function ($) {
  $(document).DrKleinHomepageStage();
})

