var jData = "";
var liAnterior = "";
var ancho = 0;
var altura_inicio = 162;

var color_fondo_menu_a = "#777777";
var color_fondo_menu = "#FFFFFF";
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
  };
var rgb_color = "rgb(255, 255, 255)"; //color_fondo_menu !!atención en formato rgb, tiene que coincidir con color_fondo_menu;
var hex_color = "#ffffff";
var pag = 1;
//                              Cas,Col,Prd, , ,Awa,Des !!!Mirar condicioal d'idiomes més avall!!!
var	anchoSecciones = Array( 0,0,135,203,304,0,0,398,648,0 );
var nombreSecciones = Array( "","home","castey","colecciones","productos","outlet","recetas","awards","descarga","news");
var producto = "";
var lang = 'esp';
$(document).ready( function(){
	pag = $('#pagina').val();
	producto = $('#producto').val();
	lang =$('#lang').val();
	//alert(sisop);
	//alert(producto)
	
	if(producto == "") {
	
	iti = [nombreSecciones[pag]];
	//alert(iti);	
	
	} else {
	
	iti = producto.split(",");
	//alert(iti[iti.length-1]);	
	//creaMenuCompleto()
	}
	if(lang=='esp') {
		//                          Cas,Col,Prd, , ,Awa,Des 
		anchoSecciones = Array( 0,0,135,203,304,0,0,398,648,0 );
	} else if (lang=='eng') {
		anchoSecciones = Array( 0,0,135,203,304,0,0,388,635,0 ); 
	} else {
		anchoSecciones = Array( 0,0,125,188,283,0,0,358,600,0 );
	}
	if (sisop=='win' && lang!='fra') {
		for (var i=5; i<=10; i++) {
			anchoSecciones[i]+=15;
		}
		
	}
	
	ancho_inicio = anchoSecciones[pag];
	
	$.get("i/menu_"+lang+".xml",{}, function(xmlData) { 
											jData = $( xmlData );
											ancho = ancho_inicio;
											creaMenu('menu');
											
											//alert(iti.length);
											//crearOpciones(iti[0],'false');
											if(iti.length>1){
											creaMenuCompleto(); esconder_menu();
											//alert("hola");	
											}else{
											crearOpciones(iti[0],'false');	
										 	}
										
										 	});
});

function creaMenu(tipo) {
	$(tipo,jData).children().each( function(i) {	
								  nombreMenu = $(this).attr("TITLE");
								  enlace = $(this).attr("LINK");
								  
								  id = $(this).attr("ID");
								
								  line = "<a href='../"+enlace+"' id='"+tipo+id+"' target='_top'>"+nombreMenu+"</a>  ";
								  $("#menu").append(line);
								});
$("#menu").css("top",(altura_inicio+10)+"px");								
}



function crearOpciones(tipo,repintado) {
	var opciones = jData.find(tipo);
	var listado = opciones.children();
	var cierre_menu = 0; var cantidad = 0;
		
	if(!repintado){ $.each(iti, function(n,val){ 
		actual = jData.find(val);
		if( actual.attr("NIVEL") == opciones.attr("NIVEL") ) { liAnterior = ""; iti.remove(n, iti.length); clearMenu(); };
							}); 
		};
	
	line = "";
	var first = false;
	
	listado.each( function(i) {	      
									  var elemento = $(this);
									  var nombreMenu = elemento.attr("TITLE");
									  //if(i == (listado.length)-1) nombreMenu += "   &raquo;";
									  var enlace = elemento.attr("LINK");
										 cantidad ++;
									  var id = elemento.attr("ID");	
									  
									if(enlace != undefined ){ // si hay link lanza este if
										
										cierre_menu++; 
										
										line += "<li id='li-"+elemento[0].nodeName+"'><a href='javascript:void();' onclick=\"lanzaIti('"+enlace+"','"+elemento[0].nodeName+"')\" target='_top' id='via-"+elemento[0].nodeName+"'>"+nombreMenu+"</a></li>";
										
										//line += "<li id='li-"+elemento[0].nodeName+"'><a href='javascript:void();' onclick=\"javascript:lanzarOpcion('"+elemento[0].nodeName+"');\" id='via-"+elemento[0].nodeName+"'>"+nombreMenu+"</a></li> ";
										
										} else { // de lo contrario expande la rama
										
										
										
										line += "<li id='li-"+elemento[0].nodeName+"'><a href='javascript:void();' onclick=\"javascript: crearOpciones('"+elemento[0].nodeName+"'); iti.push('"+elemento[0].nodeName+"'); \" id='via-"+elemento[0].nodeName+"'>"+nombreMenu+"</a></li> ";
										
										};								  
									  
									});

if(liAnterior != "") { ancho += $("#"+liAnterior).width() + 15;}
//alert(liAnterior);
var izq = ancho;
liAnterior = tipo;

$("#submenu").append("<li style=' position: absolute; top: 150px; left: "+izq+"px;' id='"+tipo+"' class='columna'><ul>"+line+"</ul></li></li>");																	

var altura = altura_inicio - $("#"+tipo).height()-5;
//alert(altura);
$("#"+tipo).css("top",altura+"px");
$("#"+tipo+" li a:hover").css("color",color_fondo_menu_a);
$("#via-"+tipo).css("color",color_fondo_menu);


line = "<li id='tr-"+tipo+"' style='color: "+color_fondo_menu_a+"; font-size: 15px; position: absolute; top: "+(altura_inicio-16)+"px; left: "+(izq+$("#"+tipo).width()+10)+"px;' ></li>";
if(cierre_menu<cantidad) $("#submenu").append(line);

}

function lanzaIti(enlace, producto)
{
	crearOpciones(producto); 
	iti.push(producto); 

window.parent.location = "../"+enlace+"&producto="+iti;

}

function lanzarOpcion(tipo, repintado){
//	alert(iti);
//	window.open("",);
	var opciones = jData.find(tipo);
	var listado = opciones.children();
		
	if(!repintado){ $.each(iti, function(n,val){ 
		actual = jData.find(val);
		if( actual.attr("NIVEL") == opciones.attr("NIVEL") ) { liAnterior = ""; iti.remove(n, iti.length); clearMenu(); };
							}); 
		};
		
	$("#via-"+tipo).css("color",color_fondo_menu);
	//esconder_menu();	
}

function esconder_menu()
{
	/*$("#submenu a").each( function(n,val){ 
										var color = $(this).css("color");
										
										// Si no amaga el menu be. descomenta la següent linea i mira el valor de "color" rgb color te que ser exactament igual (mateixos espais i caracters) 
										//alert(color);
										var name = $(this).attr("id");
										//if (color != rgb_color && color != hex_color){ $(this).hide(); };
									
									});
	var escAnterior = "";
	var escAncho = ancho_inicio;
	var escAnchoTr = ancho_inicio;
	/*$("#submenu li").each ( function(n){ 
									
										var altura = altura_inicio - $(this).height();
										var name = $(this).attr("id");
									
									
										$(this).css("top",altura+"px");
										});*/
	
	/*$("#submenu a").each ( function(n) { 
										var color = $(this).css("color"); 
										var name = $(this).attr("id");
										
										
										if(color == rgb_color){
											//if(escAnterior != "")  escAncho += $("#"+escAnterior).width()+20;
											
											//$(this).parent().parent().parent().css("left",escAncho+"px");
											escAnterior = name;
										
										}
	});*/
	
	/*$("#submenu li").each ( function(n) { 
		
										var name = $(this).attr("id");
										var altura = altura_inicio - 16;								
										if(name.substr(0,3)=="tr-"){
											var posLeft = $("#"+name.substr(3,name.length)).css("left");
											$(this).css("top",altura+"px");
											escAnchoTr = parseInt(posLeft.substr(0,posLeft.length-2)) + $("#"+name.substr(3,name.length)).width()+7;
										
											$(this).css("left",escAnchoTr+"px");
											}
	});	*/															
	
}



function creaMenuCompleto(){

		$.each(iti, function(n,val){ crearOpciones(val,true); });
	
}


function ver() { 
	var vacio = "";
		$("#debug").html(vacio);
		$.each(iti, function(n,val){ 
									line = " >> "+val;
									$("#debug").append(line);
									 		   }); 
				}

function clearMenu(){
		ancho = ancho_inicio;
		var vacio = "";
		$("#menu").html(vacio); $("#debug").html(vacio); $("#submenu").html(vacio);
		creaMenu('menu');
		creaMenuCompleto();
		}