// JavaScript Document

function addMenuElement(parent,table,css){
	
	var parent = document.getElementById(parent);
	
	var button = document.createElement("A");
	parent.parentNode.appendChild(button);
	
	var addHandler = function(e) {
		var srcItem = '';
		var wrapper = ElementOrder.getWrapper(parent);
		var childs = wrapper.getChilds();
		srcItem = childs[childs.length - 1];
		//alert(srcItem.innerHTML);
		if (srcItem!=undefined){
			var newItem = document.createElement("div");
			newItem.elementOrder = wrapper;
			$(newItem).update(srcItem.innerHTML).addClass(css);
			newItem.childNodes[newItem.childNodes.length - 2].value=childs.length;
			parent.appendChild(newItem);		
			
			var up = newItem.childNodes[0];
			$(up).on("click", function(e) { this.parentNode.elementOrder.moveUp(this.parentNode); });
			
			var down = newItem.childNodes[newItem.childNodes.length - 1];
			$(down).on("click", function(e) { this.parentNode.elementOrder.moveDown(this.parentNode); });
		}
		else{
			var newItem = document.createElement("div");
			newItem.elementOrder = wrapper;
			$(newItem).update('Nieuw').addClass(css);
			parent.appendChild(newItem);	
		}
		/*
		var a = document.createElement("A");
		$(a).update('Nieuw');
		newItem.appendChild(a);
		
		var input = document.createElement("INPUT");
		input.type = 'hidden';
		input.name = "originalIndex";
		input.value = childs.length;
		newItem.appendChild(input);
		
		var up = document.createElement("DIV");
		$(up).addClass("elementOrder_UP").update("<img src='./Graphics/Default/arrow_back.png' alt='up or left' title='up or left' />").on("click", function(e) { this.parentNode.elementOrder.moveUp(this.parentNode); });
		
		newItem.insertBefore(up, newItem.childNodes[0]);
		
		
		var down = document.createElement("DIV");
		$(down).addClass("elementOrder_DOWN").update("<img src='./Graphics/Default/arrow_next.png' alt='down or right' title='down or right' />").on("click", function(e) { this.parentNode.elementOrder.moveDown(this.parentNode); });
		
		$(down).hide();
		
		newItem.appendChild(down);
		*/
		var onCompleteHandle = function (response){
			//alert("Please refesh Menu");
			//$(newItem).$().childNodes[1].update(response);
			ElementOrder.getWrapper(parent).refreshChilds();
			$(newItem.childNodes[4]).update(response);
						
		}
		
		$(newItem).request('./Framework/Modules/DynamicMenuModule/addMenu.php?table=' + table ,null,null,onCompleteHandle);
		//ElementOrder.prototype.refreshChilds();
	};
	
	$(button).update('<img src="./Graphics/Default/Actions/Add_16x16.png" alt="Add new item" title="Add new item">').on("click", addHandler);
	
	
	
}