+\r
+tinyMCEPopup.onInit.add(function() {\r
+ var tinymce = tinyMCEPopup.getWin().tinymce, dom = tinyMCEPopup.dom, each = tinymce.each;\r
+\r
+ each(dom.select('div.tabs'), function(tabContainerElm) {\r
+ var keyNav;\r
+\r
+ dom.setAttrib(tabContainerElm, "role", "tablist"); \r
+\r
+ var items = tinyMCEPopup.dom.select('li', tabContainerElm);\r
+ var action = function(id) {\r
+ mcTabs.displayTab(id, mcTabs.getPanelForTab(id));\r
+ mcTabs.onChange.dispatch(id);\r
+ };\r
+\r
+ each(items, function(item) {\r
+ dom.setAttrib(item, 'role', 'tab');\r
+ dom.bind(item, 'click', function(evt) {\r
+ action(item.id);\r
+ });\r
+ });\r
+\r
+ dom.bind(dom.getRoot(), 'keydown', function(evt) {\r
+ if (evt.keyCode === 9 && evt.ctrlKey && !evt.altKey) { // Tab\r
+ keyNav.moveFocus(evt.shiftKey ? -1 : 1);\r
+ tinymce.dom.Event.cancel(evt);\r
+ }\r
+ });\r
+\r
+ each(dom.select('a', tabContainerElm), function(a) {\r
+ dom.setAttrib(a, 'tabindex', '-1');\r
+ });\r
+\r
+ keyNav = tinyMCEPopup.editor.windowManager.createInstance('tinymce.ui.KeyboardNavigation', {\r
+ root: tabContainerElm,\r
+ items: items,\r
+ onAction: action,\r
+ actOnFocus: true,\r
+ enableLeftRight: true,\r
+ enableUpDown: true\r
+ }, tinyMCEPopup.dom);\r
+ });\r
+});
\ No newline at end of file