window.addEvent('domready', function() {

	var container = $("menuDropDown");
	var subNivel  = "";
		
	var _Request = new Request({url:'/Portal/menu.jsf', 
		onSuccess: function(html) {
		
			var data = html.split("##");
			
			var itemOver = function () { this.addClass("hover"); };
			var itemOut = function () { this.removeClass("hover"); };
			
			for(x=0; x<data.length; x++){
				
				value = data[x].split(",,");
				
				var pai    = value[0].trim();
				var ordem  = value[1].trim();
				var nome   = value[2].trim();
				var _link  = value[3].trim();
				//var image  = value[4].trim();
			 	var target = value[4].trim();			
				
				if(pai==0){
					var li = new Element("li").inject(container);
					li.addEvent("mouseover", itemOver.bind(li) ).addEvent("mouseout", itemOut.bind(li));
		 			var a  = new Element("a",{"href":_link,"html":nome, "target":target}).inject(li);
						
						// Opção para inserir imagem no menu. Caso esta opção seja utilizada, 
						//configurações no CSS serão necessárias para evitar problemas na página
						
						//image = 'url(upload/'+image+')';
						//a.setStyle("background-image",image);
		 	
					new Element("ul",{"id":"subMenu"+ordem}).inject(li);			 
				}if(pai>0){
					subNivel = $("subMenu"+pai);
					var li = new Element("li").inject(subNivel);
					li.addEvent("mouseover", itemOver.bind(li) ).addEvent("mouseout", itemOut.bind(li));
		 	 	 	var a = new Element("a",{"href":_link,"html":nome,"target":target}).inject(li);
							 
						//image = 'url(upload/'+image+')';
						//a.setStyle("background-image",image);		 
							 
		 	 	 	 new Element("ul",{"id":"subMenu"+pai+ordem}).inject(li);
		}
				
				
			} 
		}
	}).send();	
});