+
+ // remove placeholder item
+ elRemove(DomTraverse.childByClass(_list, 'jsMenuOverlayItemPlaceholder'));
+ },
+
+ open: function (event) {
+ if (!UiPageMenuMain._super.prototype.open.call(this, event)) {
+ return false;
+ }
+
+ _hasItems = _navigationList.childElementCount > 0;
+
+ if (_hasItems) {
+ var item, link;
+ while (_navigationList.childElementCount) {
+ item = _navigationList.children[0];
+
+ item.classList.add('menuOverlayItem');
+
+ link = item.children[0];
+ link.classList.add('menuOverlayItemLink');
+ link.classList.add('box24');
+
+ link.children[1].classList.remove('invisible');
+ link.children[1].classList.add('menuOverlayItemTitle');
+
+ _list.appendChild(item);
+ }
+
+ elShow(_container);
+ elShow(_spacer);
+ }
+ else {
+ elHide(_container);
+ elHide(_spacer);
+ }
+
+ return true;
+ },
+
+ close: function(event) {
+ if (!UiPageMenuMain._super.prototype.close.call(this, event)) {
+ return false;
+ }
+
+ if (_hasItems) {
+ elHide(_container);
+ elHide(_spacer);
+
+ var item, link, title = DomTraverse.childByClass(_list, 'menuOverlayTitle');
+ while (item = title.nextElementSibling) {
+ item.classList.remove('menuOverlayItem');
+
+ link = item.children[0];
+ link.classList.remove('menuOverlayItemLink');
+ link.classList.remove('box24');
+
+ link.children[1].classList.add('invisible');
+ link.children[1].classList.remove('menuOverlayItemTitle');
+
+ _navigationList.appendChild(item);
+ }
+ }
+
+ return true;