(function ($) {

  /**
   * @param {object} _options
   */
  $.fn.menu = function (_options) {
    var options = {
      menuSubmenuClass: 'has_submenu'
    };
    $.extend(options, _options);
    var $menus = $(this).children('.' + options.menuSubmenuClass);
    var $container = $(this);

    $menus.on( "mouseenter", function () {
      var $menuItem = $(this);
      $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
      $('.hover', $container).removeClass('hover');
      $menuItem.addClass('hover');
      var submenu = $('<div style="width: ' + $menuItem.outerWidth() + 'px"><a href="' + $menuItem.find('a').attr('href') + '" style="width: ' + $menuItem.outerWidth() + 'px"></a></div>').append($menuItem.children('ul.submenu').clone());
      var pos = $menuItem.offset();
      submenu.addClass('menu-submenu').css({top: pos.top, left: pos.left});
      submenu.on( "mouseleave", function(){
        $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
        $menuItem.removeClass('hover');
      } );
      $('body').append(submenu);
      submenu.children('ul.submenu').slideDown();

      submenu.find('ul.submenu li.has_submenu').click(function(){
        $(this).find('ul.submenu').slideToggle();
        $(this).toggleClass('opened');
      });
      openPlayerInNewScreen();
    });
  };

}(jQuery));

$(function () {
  $('.menu, .mobile-menu').menu({});
});