/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*
 jQuery code to manage the menu.
 The DOM structure looks like this:
 <html>
   <body>
     <form>
       <ol class="tobago-menuBar">
         <li class="tobago-menu-markup-top" data-sub-menu="...">
           <a>Menu 1</a>
         </li>
         <li class="tobago-menu-markup-top" data-sub-menu="...">
           <a>Menu 2</a>
         </li>
         ...
       </ol>
       <div class="tobago-page">
         // page content     
       </div>
       <span ... </span>
       <div class="tobago-menu-store">  // container for the sub menus.
         <ol data-super-menu="...">
--->         insert iframe here
           <li class="tobago-menu">
             <a>Sub Menu 1.1</a>
               <ol>
--->         insert iframe here
                 <li class="tobago-menu">
                   <a>Sub Sub Menu 1.1.1</a>
                 </li>
                 ...
       </div>
     </form>
   </body>
 </html>
 The menu items of the top level (id="m1") are connected to the sub menus of the store div (id="m1::menu").   
 */

Tobago.Menu = {};

/*
  jQuery(this) is the "a" tag of a menu item.
 */
Tobago.Menu.handelKey = function(event) {

  var handled = false;
  
  var code = event.which;
  if (code  == 0) {
    code = event.keyCode;
  }

  var anchor = jQuery(this);
  switch (code) {
    case 27: // escape
      Tobago.Menu.closeAll();
      handled = true;
      break;
    case 37: // cursor left
      if (anchor.parent().hasClass('tobago-menu-markup-top')) {
        // on top: if on first goto last else goto prev
        var prevMenu = anchor.parent().prevAll('li').not(".tobago-menu-markup-disabled");
        if (prevMenu.length == 0) {
          // goto last
          anchor.parent().nextAll('li').not(".tobago-menu-markup-disabled").last().children('a').eq(0).focus();
        } else {
          // goto prev
          prevMenu.eq(0).children('a').focus();
        }
      } else if (anchor.parent().parent().tobagoMenu_findParentMenu().hasClass('tobago-menu-markup-top')) {
        var prevParent = anchor.parent().parent().tobagoMenu_findParentMenu()
            .prevAll('li').not(".tobago-menu-markup-disabled").eq(0);
        if (prevParent.length == 0) {
          anchor.parent().parent().tobagoMenu_findParentMenu().nextAll('li').not(".tobago-menu-markup-disabled").last()
              .children('a').focus();
        } else {
          prevParent.children('a').focus();
        }
      } else {
        anchor.closest('ol').prevAll('a').focus();
      }
      handled = true;
      break;
    case 38: // cursor up
      if (anchor.parent().hasClass('tobago-menu-markup-top')) {
        // on top: goto last child
        anchor.parent().tobagoMenu_findSubMenu().children().not(".tobago-menu-markup-disabled").last()
            .children('a').focus();
      } else {
        // if on first goto last else goto prev
        var prevAll = anchor.parent().prevAll('li').not(".tobago-menu-markup-disabled");
        if (prevAll.length == 0) {
          // goto last
          anchor.parent().nextAll('li').not(".tobago-menu-markup-disabled").last().children('a').eq(0).focus();
        } else {
          // goto prev
          prevAll.children('a').eq(0).focus();
        }
      }
      handled = true;
      break;
    case 39: // cursor right
      if (anchor.parent().hasClass('tobago-menu-markup-top')) {
        // on top: if on last goto first else goto next
        var nextMenu = anchor.parent().nextAll('li').not(".tobago-menu-markup-disabled");
        if (nextMenu.length == 0) {
          // goto first
          anchor.parent().prevAll('li').not(".tobago-menu-markup-disabled").last().children('a').eq(0).focus();
        } else {
          // goto next
          nextMenu.children('a').eq(0).focus();
        }
      } else if (anchor.nextAll('ol').children('li').not(".tobago-menu-markup-disabled").size() > 0) {
        anchor.nextAll('ol').children('li').not(".tobago-menu-markup-disabled").first().children('a').focus();
      } else {
        var menuTop = anchor.parent().tobagoMenu_findTopMenu();
        var nextTop = menuTop.nextAll().not(".tobago-menu-markup-disabled");
        if (nextTop.length == 0) {
          menuTop.prevAll().not(".tobago-menu-markup-disabled").last().children('a').focus();
        } else {
          nextTop.eq(0).children('a').focus();
        }
      }
      handled = true;
      break;
    case 40: // cursor down
      if (anchor.parent().hasClass('tobago-menu-markup-top')) {
        // on top: goto first child
        anchor.parent().tobagoMenu_findSubMenu().children(":first-child").children('a').focus();
        anchor.parent().tobagoMenu_findSubMenu().children().not(".tobago-menu-markup-disabled").first()
            .children('a').focus();
      } else {
        // if on last goto first else goto next
        var nextAll2 = anchor.parent().nextAll('li').not(".tobago-menu-markup-disabled");
        if (nextAll2.length == 0) {
          // goto first
          anchor.parent().prevAll('li').not(".tobago-menu-markup-disabled").last().children('a').eq(0).focus();
        } else {
          // goto next
          nextAll2.children('a').eq(0).focus();
        }
      }
      handled = true;
      break;
    default:
      break;
  }
  return !handled;
};

/**
 * jQuery(this) is a <a> tag of a menu item.
 */
Tobago.Menu.open = function(event) {

  var li = jQuery(this).parent();
  var sub = li.tobagoMenu_findSubMenu();

  // close menus in other branches
  li.siblings().tobagoMenu_findSubMenu().find('ol').andSelf().css('visibility', 'hidden');

  // close sub sub menu
  sub.children().find("ol").css('visibility', 'hidden');

  // we have to set display to none, because otherwise, the sub-menu may produce scroll-bars.
  // we have to set the display back to block, before evaluating the positions
  sub.css('display', 'block');

  // open sub menu
  if (sub.size() > 0) {
    // compute position
    var left;
    var top;
    var page = jQuery(".tobago-page-content:first");
    if (li.hasClass('tobago-menu-markup-top')) {
      // is top menu
      left = li.offset().left;
      top = li.offset().top + li.outerHeight();
      // fix menu position, when it is outside of the current page
      left = Math.max(0, Math.min(left, page.outerWidth() - sub.outerWidth()));
      top = Math.max(0, Math.min(top, page.outerHeight() - sub.outerHeight()));
      if (Tobago.browser.isMsie678) {
        left = Math.max(0, left - 1); // XXX TOBAGO-1339
      }
    } else {
      // is sub menu
      // fix menu position, when it is outside of the current page
      if (li.offset().left + li.outerWidth() + sub.outerWidth() <= page.outerWidth()) {
        left = li.position().left + li.outerWidth();
      } else {
        left = -sub.outerWidth();
      }
      top = li.position().top - 1; // 1 = border-top
      top = Math.min(top, page.outerHeight() - sub.outerHeight() + top - li.offset().top);
    }
    sub.css('left', left);
    sub.css('top', top);

    // show
    sub.css('visibility', 'visible');

    // IE6 select-tag fix
    if (Tobago.browser.isMsie6) {
      //          sub.css('width', sub.width());
      //          sub.css('height', sub.height());
      //          sub.css('display', 'none');
      //          sub.css('display', 'block');
      var iframe = sub.children("iframe:first");
      iframe.css('width', sub.outerWidth());
      iframe.css('height', sub.outerHeight());
      iframe.css('left', -(parseInt(sub.css('border-left-width')) + parseInt(sub.css('padding-left'))));
      iframe.css('top', -(parseInt(sub.css('border-top-width')) + parseInt(sub.css('padding-top'))));
    }
  }

  // old "hover" off
  li.siblings('.tobago-menu-markup-selected').removeClass("tobago-menu-markup-selected");
  sub.children('.tobago-menu-markup-selected').removeClass("tobago-menu-markup-selected");
  // "hover" on
  jQuery(this).parents('li').addClass("tobago-menu-markup-selected");
};

Tobago.Menu.closeAll = function() {
  jQuery(".tobago-menuBar").each(function() {
    Tobago.Menu.switchOff(jQuery(this));
  });
  return false;
};

/**
* returns the browser specific event which should be used.
*/
function compatibleKeyEvent() {
  return Tobago.browser.isMsie || Tobago.browser.isWebkit ? 'keydown' : 'keypress';
}

Tobago.Menu.mouseOver = function(event) {
  var a = jQuery(this).children('a'); // needed for "suggest"
  if (! a.data("tobago-ignore-focus")) { // can be removed, after refactoring to a jQuery widget variable
    a.focus();
  }
  return false;
};

Tobago.Menu.switchOn = function(menuBar, menu) {
  menuBar.find('li') // direct menus
      .add(menuBar.find('li').tobagoMenu_findSubMenu().find('li')) // add sub menus
      .bind('mouseover', Tobago.Menu.mouseOver)
      .children('a')
      .on('focus', Tobago.Menu.open)
      .bind(compatibleKeyEvent(), Tobago.Menu.handelKey);
  var a = menu.children('a');
  if (! a.data("tobago-ignore-focus")) { // can be removed, after refactoring to a jQuery widget variable
    if (menu.parents(".tobago-toolBar").size() == 0
        && menu.parents(".tobago-box-headerToolBar").size() == 0
        && menu.parents(".tobago-column-menu").size() == 0
        && menu.parents(".tobago-tabGroupToolBar-menu").size() == 0) {
      a.trigger("focus");
    } else {
      // XXX the call in the previous line doesn't work with toolBar -> dropDown (don't know why), so using direct call
      // XXX the problem is since updating jQuery from 1.6.4 to 1.10.1
      a.each(Tobago.Menu.open);
    }
  }
  jQuery("body").bind('click', Tobago.Menu.closeAll);
  menuBar.data('menu-active', true);        // write state back
};

Tobago.Menu.switchOff = function(menuBar) {
  menuBar.find("ol")
      .add(menuBar.find('li').tobagoMenu_findSubMenu().find('ol').andSelf())
      .css('visibility', 'hidden');
  menuBar.find('li').add(menuBar.find('li').tobagoMenu_findSubMenu().find('li'))
      .unbind('mouseover', Tobago.Menu.mouseOver)
      .children('a')
      .off('focus', Tobago.Menu.open)
      .unbind(compatibleKeyEvent(), Tobago.Menu.handelKey);
  jQuery("body").unbind('click', Tobago.Menu.closeAll);
  menuBar.find('.tobago-menu-markup-selected').removeClass("tobago-menu-markup-selected");
  menuBar.data('menu-active', false);        // write state back
};

/**
 * @param elements  a jQuery object to initialize (ajax) or null for initializing the whole document (full load).
 */
Tobago.Menu.init = function(elements) {

  var menus = Tobago.Utils.selectWithJQuery(elements, ".tobago-menu-markup-top");

  // a click on the top menu make the complete menu active or inactive respectively.
  menus.click(function(event) {

    // e. g. disabled by a popup
    if (jQuery(this).children("a").data("disabled")) {
      return;
    }
    // register on click handlers
    var menuBar = jQuery(this).parent();
    var wasActive = menuBar.data('menu-active'); // read state

    if (wasActive) {
      Tobago.Menu.switchOff(menuBar);
    } else {
      Tobago.Menu.switchOn(menuBar, jQuery(this));
    }

    event.stopPropagation();
  });

  // selectOne
  var selectOne = Tobago.Utils.selectWithJQuery(elements, ".tobago-menu-selectOne");
  selectOne.click(function() {
    var menu = jQuery(this);
    var hidden = menu.nextAll("input[type=hidden]").first();
    hidden.val(menu.data("tobago-value"));
    Tobago.Menu.closeAll();
  });

  // selectBoolean
  var selectBoolean = Tobago.Utils.selectWithJQuery(elements, ".tobago-menu-selectBoolean");
  selectBoolean.click(function() {
    var menu = jQuery(this);
    var hidden = menu.nextAll("input[type=hidden]").first();
    hidden.val(hidden.val() == "true" ? "false" : "true");
    Tobago.Menu.closeAll();
  });

  // IE6 select-tag fix
  // put a iframe inside the div, so that a <select> tag doesn't shine through.
  // the iframe must be resized (see above)
  if (Tobago.browser.isMsie6) {
    menus.children("ol").prepend(
        "<iframe class='tobago-menu-ie6bugfix' src='" + Tobago.blankPage + "'></iframe>");
  }

  // put the sub-menu in the data to find it later
  menus.each(function() {
    var superMenu = jQuery(this);
    var subMenu = superMenu.children("ol");
    superMenu.data("sub-menu", subMenu);
    subMenu.data("super-menu", superMenu);
  });

  menus.children("ol").each(function() {
    var subMenuContainer = jQuery(this);
    var menuStore = jQuery(".tobago-page-menuStore");
    if (elements && subMenuContainer.attr("id")) {
      // ajax case: remove the existing (old) menu
      menuStore.children("ol[id='" + subMenuContainer.attr("id") + "']").remove();
    }
    menuStore.append(subMenuContainer);
    if (elements) {
      // this is ajax case: the commands are just removed from elements and therefore not handled by Tobago.initDom,
      // so do it here
      Tobago.Utils.selectWithJQuery(subMenuContainer, '[data-tobago-commands]')
          .each(function () {Tobago.initCommand(jQuery(this));});
    }
  });

//  jQuery(".tobago-page-menuStore").append(menus.children("ol"));

  var toolBarMenu = Tobago.Utils.selectWithJQuery(
      elements, ".tobago-toolBar-menu, .tobago-boxToolBar-menu, .tobago-tabGroupToolBar-menu, .tobago-column-menu");
  // a click on toolBar menu opener -> forward to .tobago-menu-markup-top
  toolBarMenu.click(function(event) {
    jQuery(this).find('a').click();
    event.stopPropagation();
    return false;
  });

  // init context menus
  var contextMenu = Tobago.Utils.selectWithJQuery(elements, ".tobago-menu-contextMenu");
  contextMenu.parent().bind("contextmenu", function(event) {
    jQuery(this).children(".tobago-menu-contextMenu").find('a').click();
    event.stopPropagation();
    return false;
  });

  // prevent default
  var menu;
  if (elements) {
    // this is ajax case: the commands are just removed from elements, so get them from the data store
    menu = Tobago.Utils.selectWithJQuery(elements, ".tobago-menu-markup-top")
        .tobagoMenu_findSubMenu().find('.tobago-menu').andSelf();
  } else {
    menu = jQuery(".tobago-menu").not(".tobago-menu-markup-top");
  }
  menu.each(function() {
    var menuItem = jQuery(this);
    if (menuItem.children("ol").size() > 0) {
      menuItem.click(function(event) {
        console.info("prevent default"); // @DEV_ONLY
        event.preventDefault();
        return false;
      });
    } else {
      menuItem.click(function(event) {
        Tobago.Menu.closeAll();
      });
    }
  });
};

jQuery.tobagoMenuParent = function(element) {
  var result = [];

  result.push(element);

  return result;
};

/*
  jQuery(this) is a list of "li" element of a menu item as jQuery object.
  Returns a list of "ol" objects. All sub menus as jQuery object.
*/
(function(jQuery) {
  jQuery.fn.extend({
    tobagoMenu_findSubMenu: function() {
      var menu = jQuery(this).children("ol");
      jQuery(this).each(function() {
        menu = menu.add(jQuery(this).data("sub-menu"));
      });
      return menu;
    }
  });
})(jQuery);

/*
  jQuery(this) is a "ol" element which represents a sub menu.
  returns the "li" element connected with the given sub menu.
*/
(function(jQuery) {
  jQuery.fn.extend({
    tobagoMenu_findParentMenu: function() {
      var ol = jQuery(this);
      var superMenu = ol.data("super-menu");
      if (superMenu != null) {
        return superMenu;
      }
      return ol;
    }
  });
})(jQuery);

/*
  jQuery(this) is a "li" element which represents a menu item.
  returns the topmost "li" element connected with the given menu item.
*/
(function(jQuery) {
  jQuery.fn.extend({
    tobagoMenu_findTopMenu: function() {
      var parentMenu = jQuery(this).parent().tobagoMenu_findParentMenu();
      if (parentMenu.hasClass("tobago-menu-markup-top")) {
        return parentMenu;
      } else {
        return parentMenu.tobagoMenu_findTopMenu();
      }
    }
  });
})(jQuery);

Tobago.registerListener(Tobago.Menu.init, Tobago.Phase.DOCUMENT_READY, Tobago.Phase.Order.LATE);
Tobago.registerListener(Tobago.Menu.init, Tobago.Phase.AFTER_UPDATE, Tobago.Phase.Order.LATE);
