// Creo la clase Menu

function Menu(){
	//Esta propiedad me dice cual es el ítem actual abierto.
	this.actual;
	//Esta propiedad me dice si un ítem está abierto o no.
	this.estado = false;
	//Esta propiead almacena el total de ítems que tiene el menú.
	this.total;
	//Metodo que se encarga de escribir los ítems y sub ítems del menu, asegurándose de dejar a todos los ítems sin desplegar.
	this.principal;
	
	this.stringfunc = "\" onClick=\"menu1.despliega(";
														
	this.altosfinales = new Array();
	
	this.velocidad;
	
	
	this.escribe = function(contenedor,alto,velocidad){
	//document.getElementById("menu").selected=true;
		//this.items[1].onclick();.menu1.despliega(1)
		this.items[1].estado = true
		this.principal = document.getElementById(contenedor);
		this.total = this.items.length;
		this.velocidad = velocidad;
		
		for(var i=0;i<this.total;i++){
			
			this.principal.innerHTML+= "<div id=\"" + this.items[i][0] + "\" style=\"height:30px;\"><div style=\"position:relative;top:25%;border-bottom:solid 0px;border-top: solid #ffffff 0px; background: #333333;\"><a href=\"" + this.items[i][1] + this.stringfunc + i + ");\"  alt=\"" + this.items[i][2] + "\">" + this.items[i][2] + "</a></div></div>";
	
			this.principal.innerHTML+= "<ul id=\"sub" + this.items[i][0] + "\">";
			
			for(var k=0;k<this.subitems[i].length;k++){
					document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href=\"" + this.subitems[i][k][1] + "\" alt=\"" + this.subitems[i][k][0] + "\" target=\"" + this.subitems[i][k][3]  + "\">&#8250;" + this.subitems[i][k][2] + "</a></li>";
				if (this.subitems[i][k][2]=="Vinos Argentinos") {
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=16&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Bianchi' alt=' Bianchi' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Bianchi</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=50&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Fernet_Branca/Legui' alt=' Bianchi' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Fernet Branca/Legui</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=17&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Etchart' alt='Etchart' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Etchart</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=18&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Flichman' alt='Flichman' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Flichman</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=19&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Navarro_Correas' alt='Navarro Correas' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Navarro Correas</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=20&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Nieto_Senetiner' alt='Nieto Senetiner' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Nieto Senetiner</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=64&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Bodegas_Lagarde' alt='Bodegas Lagarde' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Bodegas Lagarde</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=54&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Catena_Zapata' alt='Catena Zapata' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Catena Zapata</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=57&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Familia_Zuccardi' alt='Familia Zuccardi' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Familia Zuccardi</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=62&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Fin_del_Mundo' alt='Fin del Mundo' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Fin del Mundo</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=48&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Graffigna' alt='Graffigna' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Graffigna</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=45&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Luigi_Bosca' alt='Luigi Bosca' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Luigi Bosca</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=55&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Quilmes y Gancia' alt='Quilmes_y_Gancia' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Quilmes y Gancia</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=21&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Rutini' alt='Rutini' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Rutini</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=61&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;San_Telmo' alt='San Telmo' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;San Telmo</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=58&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Sidra_y_Terma' alt='Sidra y Terma' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Sidra y Terma</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=43&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Trapiche' alt='Trapiche' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Trapiche</a></li>";
						document.getElementById("sub" + this.items[i][0]).innerHTML+= "<li><a href='catg.aspx?ID=56&amp;n=&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Trumpeter' alt='Trumpeter' >&nbsp;&nbsp;&nbsp;&#8250;&#8250;Trumpeter</a></li>";
							
								}
			}
			this.principal.innerHTML+= "</ul>"
			
			document.getElementById("sub" + this.items[i][0]).style.height = "0px";
			if (this.items[i][2]=="VINOS INTERNACIONALES") {
			this.altosfinales[i] = this.subitems[i].length + 18 * alto ;
			}
			else { 
			this.altosfinales[i] = this.subitems[i].length * alto; //;
			
			}
		}

	}

	this.despliega = function(itemdiv){
	if ((itemdiv==60) || (itemdiv==30) || (itemdiv==41) || (itemdiv==42) || (itemdiv==75) || (itemdiv==78) || (itemdiv==38) || (itemdiv==35) || (itemdiv==77)) {
		itemdiv=0
	}
	else {
		if (itemdiv==34) {
			itemdiv=1
			}
		else {
			if ((itemdiv==32) || (itemdiv==65) || (itemdiv==76) || (itemdiv==66) || (itemdiv==74) || (itemdiv==72) || (itemdiv==69) || (itemdiv==70) || (itemdiv==71)) {
			itemdiv=3
			}
			else {
				if (itemdiv==39){
				itemdiv=4
				}
				else {
					if ((itemdiv==10) || (itemdiv==63) || (itemdiv==31) || (itemdiv==51) || (itemdiv==46) || (itemdiv==36)) {
					itemdiv=5
					}
					else {
							if (itemdiv==0) {
							itemdiv=0
							}
							else {
								if ((itemdiv==15) || (itemdiv==16) || (itemdiv==50) || (itemdiv==17) || (itemdiv==18) || (itemdiv==19) || (itemdiv==20) || (itemdiv==64) || (itemdiv==54) || (itemdiv==57) || (itemdiv==62) || (itemdiv==48) || (itemdiv==45) || (itemdiv==55) || (itemdiv==21) || (itemdiv==58) || (itemdiv==43) || (itemdiv==56) || (itemdiv==73) || (itemdiv==68)){
							itemdiv=2
							}
							}
					}
				}
			}
		}
	}
		
		for(var i=0;i<this.total;i++){
			var principal = document.getElementById("subitem-" + i);
			if(itemdiv == i){
				if(itemdiv == this.actual && this.estado == false){
					principal.style.height = "0px";
					this.estado = true;
				}else{
				
					principal.style.height = this.altosfinales[i] + "px"; // 
					this.estado = false;
				}
			}else{
				principal.style.height = "0px";
			}
		}
	this.actual = itemdiv;
	}

}


function Desplegable(){
	
	this.stringfunc = "\" onClick=\"menu1.despliegaacor(";
														
	this.alturaparciala = 0;
	
	this.ultimosubmenu;
	
	this.estadoclick = true;

	this.escribeacordeon = function(contenedor,alto,velocidad){
		this.escribe(contenedor,alto,velocidad);
	}
	

	this.despliegaacor = function(itemdiv){
		
		if(this.estadoclick == true){
		
			var raiz = this;
			var principalactual;
			var sigueabriendo;
			
							function abre(principal,est){
						
						raiz.estado = false;
						
						if(est){
							principalactual = principal;
						}
						
						raiz.alturaparciala = raiz.alturaparciala + raiz.velocidad;
						
						if(raiz.alturaparciala >= principalactual.alturaparcialc){
							raiz.ultimosubmenu = principalactual;
							clearTimeout(inter);
							raiz.alturaparciala = 0;
							raiz.estadoclick = true;
							//alert(raiz.estadoclick);
		
						}else{
							principalactual.style.height = raiz.alturaparciala + "px";
							var inter = setTimeout(abre,10);
						}
	
				}
				
				function cierra(principal,est,sigue){
					
					if(est){
						principalactual = principal;
						sigueabriendo = sigue;
					}
					
					principalactual.alturaparcialc = principalactual.alturaparcialc - raiz.velocidad;
					
					if(principalactual.alturaparcialc <= 0){
						clearTimeout(inter);
						principalactual.style.height = "0px";
						if(sigueabriendo){
							abre(sigueabriendo,true);
							raiz.estadoclick = false;
						}else{
							raiz.estadoclick = true;
						}
						//alert(raiz.estadoclick);
					}else{
						principalactual.style.height = principalactual.alturaparcialc + "px";
						var inter = setTimeout(cierra,10);
					}
					
				}

			
			
			for(var i=0;i<this.total;i++){
				
				var principal = document.getElementById("subitem-" + i);
				
				principal.alturaparcialc = this.altosfinales[i];
				
				if(principal.alturaparcialc > 0){
					
					if(itemdiv == i){
						if(itemdiv == this.actual && this.estado == false){
							cierra(principal,true);
							this.estado = true;
							this.ultimosubmenu = undefined;
						}else{
							if(this.ultimosubmenu){
								cierra(this.ultimosubmenu,true,principal);
							}else{
								abre(principal,true);
								
							}
						}
	
					}
	
				}
										
			}
			
		this.actual = itemdiv;
		
		}
		
		if(this.total == 0){
			this.estadoclick = true;
		}
	}
		
}

Desplegable.prototype= new Menu();