/*
 *			// Español
 *			
 *			Menú vertical desplegable multinivel (Versión JSon) hecho con JQuery [www.jquery.com]
 *			
 *			Hecho por Agustín Houlgrave [agustin@adbestudio.com] - 29/08/2010
 *			
 *			//	English
 *			
 *			Multilevel vertical menu (JSon version) made with JQuery [www.jquery.com]
 *			
 *			Written by Agustín Houlgrave [agustin@adbestudio.com] - 29/08/2010
 *			
*/
$(document).ready(function(){
	
	$.getJSON('js/config.json', function(data) {
	
		var anchura = data.ancho;
		$(".menu").width(data.ancho);
		
		function llenar(arr,targ,hijo,nivel)
		{
			if(hijo)
			{
				targ = $("<ul />").appendTo(targ.parent());
				targ.css("position","absolute").css("left",anchura+"px").css("width",anchura+"px");
				targ.css("top",0);
				nivel++;
			}
			$.each(arr,function(key,val){
				var nuevoitem = $("<a />").html(val.txt).appendTo(targ).wrap("<li />");
				
				if(val.url)
				{
					nuevoitem.attr("href",val.url);
					if(val.target)
						nuevoitem.attr("target",val.target);
				}
				
				if(val.atributos)
				{
					$.each(val.atributos,function(aa,bb){
						var att = bb.split(":");
						nuevoitem.attr(att[0],att[1]);
					});
				}
				
				if(val.items)
				{
					nuevoitem.addClass("flechita");
					llenar(val.items,nuevoitem,true, nivel);
				}
			});
		}
		
		llenar(data.items, $(".menu"), false,1);
		
		$(".menu li a").hover(function(){
			var item = $(this);
			item.next("ul").slideDown(250);
			item.parent().mouseleave(function(){
				$(this).find("ul").slideUp(250);
				item.parentsUntil(".menu").find("a.flechita").removeClass("selec");
			});
			item.parentsUntil(".menu").find(" > a.flechita:not(.selec)").addClass("selec");
		});
		
		$(".menu > li ul").css("width",data.ancho+"px");
		$(".menu > li ul").hide();
		
	});//json
	
 });//document