dojo.require("jazz.util.theming");

require(["dojo/on", "dojo/_base/array", "dojo/dom-construct", "dojo/mouse", "dojo/dom-style", "dojo/query", "dojo/NodeList-traverse", "dojo/dom-class"], function(on, array, domConstruct, mouse, domStyle, query, domClass){


	var addHelpMenuEntry = {};


	addHelpMenuEntry.init = function() {
		
		//if menu dropdown opens, whether by click or hover
		on(dojo.doc, "DOMNodeInserted", function(evt){	
			if (dojo.hasClass(evt.target, "dijitPopup")){	
			
				//this timeout is needed, because the child elements take some time to be generated. Unfortunately they are not recognized by DOMNodeInserted event
				setTimeout(function(){
				
					//check if the help menu was clicked or hovered
					helpMenu = query(".help-menu").parent()[0];
					if (dojo.hasClass(helpMenu, "menu-open")){

						//then add links as much as you like
						addHelpMenuEntry.addLinkToHelpMenu("Link to google", "http://www.google.de");
						addHelpMenuEntry.addLinkToHelpMenu("Link to wikipedia", "http://www.wikipedia.de");
						
					}
				}, 50);
			}
		});
	};




	addHelpMenuEntry.addLinkToHelpMenu = function(title, url) {
			
		var menuItems = dojo.query(".dijitMenuTable tbody")[0];

		var html = ''
		+'<tr class="jazz-ui-menu-MenuItem dijitReset dijitMenuItem" tabindex="-1" role="menuitem" style="-moz-user-select: none; cursor: pointer;">'
			+'<td class="dijitReset dijitMenuItemLabel" colspan="3" data-dojo-attach-point="_td">'
				+'<span class="MenuItemContent" data-dojo-attach-point="_wrapper">'
					+'<img class="dijitIcon dijitMenuItemIcon " data-dojo-attach-point="iconNode" alt="" src="/ccm/web/dojo/resources/blank.gif"/>'
					+'<span data-dojo-attach-point="containerNode"><a href="'+url+'" target="_blank">'+title+'</a> </span>'
				+'</span>'
			+'</td>'
			+'<td class="dijitReset dijitMenuItemAccelKey" data-dojo-attach-point="accelKeyNode" style="display: none"/>'
			+'<td class="dijitReset dijitMenuArrowCell" role="presentation">'
				+'<div style="visibility: hidden" data-dojo-attach-point="arrowWrapper">'
					+'<img class="dijitMenuExpand" alt="" src="/ccm/web/dojo/resources/blank.gif"/>'
					+'<span class="dijitMenuExpandA11y">+</span>'
				+'</div>'
			+'</td>'
		+'</tr>';
		
		var newNode = domConstruct.place(html, menuItems, "last");
		
		
		//this is required as the dropdown style is generated by js and not handled in a css file
		on(newNode, mouse.enter, function(evt){
			domStyle.set(newNode, "backgroundColor", "#fedda8");
		});
		on(newNode, mouse.leave, function(evt){
			domStyle.set(newNode, "backgroundColor", "");
		});						  

	};


	addHelpMenuEntry.init();

});