var herramientaActiva=0;
var herramientaActivai;
var herramientaActivaj;
var herramientaActivadiv;
var entradas=0;


function anchuraPantalla(){		
	return document.body.clientWidth;
}


function posicionar(){
	var ancho=anchuraPantalla();
	
	if (ancho > 950) {
		var banner = document.getElementById("banner");
		banner.style.width = ancho + "px";
		
		var fondo = document.getElementById("fondo");
		fondo.style.width = ancho + "px";
	}
	else{
		var banner = document.getElementById("banner");
		banner.style.width ="950px";
		
		var fondo = document.getElementById("fondo");
		fondo.style.width = "950px";
	}		
	
	entradas++;
	
	if(navigator.appName == "Microsoft Internet Explorer" && herramientaActiva==1&&entradas>2){		
		herramienta(herramientaActivai,herramientaActivaj,herramientaActivadiv);
	}
	
	if(navigator.appName != "Microsoft Internet Explorer" && herramientaActiva==1&&entradas>1){		
		herramienta(herramientaActivai,herramientaActivaj,herramientaActivadiv);
	}
}


function posicionarBanner(){
	var ancho=anchuraPantalla();
	if(ancho>950)
		var anchoExtremos=(ancho-950)/2;
	else	
		var anchoExtremos=0;
	
	var bannerIzq=document.getElementById("bannerizq");
	bannerIzq.style.width=anchoExtremos+"px";
	bannerIzq.align="left";
	
	
	var bannerDer=document.getElementById("bannerder");
	bannerDer.style.width=anchoExtremos+"px";

	
	var fondoIzq=document.getElementById("fondoizq");
	fondoIzq.style.width=anchoExtremos+"px";
	fondoIzq.align="left";
	
	var fondoDer=document.getElementById("fondoder");
	fondoDer.style.width=anchoExtremos+"px";

	var pieIzq=document.getElementById("pieizq");
	pieIzq.style.width=anchoExtremos+"px";
	pieIzq.align="left";
		
	var pieDer=document.getElementById("pieder");
	pieDer.style.width=anchoExtremos+"px";

}

function posicionarFondo(div){
	var altura=document.getElementById("fondocentro").style.height;
	
	/* Actualizamos la altura del resto */
	document.getElementById("fondoizq").style.height=altura;	
	document.getElementById("fondoder").style.height=altura;
	document.getElementById("fondo").style.height=altura;
	
	altura=altura.substring(0,altura.length-2);
	
	/* Actualizamos la posicion de todos */
	
	if(div=='contacto'){
		document.getElementById("fondocentro").style.top=-14-altura+"px";
		document.getElementById("fondoder").style.top=-(2*altura+14)+"px";				
	}	
	else{
		
	}
		
}


function mostrarMenu1(){
	if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("6.")==22){
		document.getElementById("submenu1").id="submenu1ie";	
	}

}

function ilumina(div){
	
	var borde=document.createElement("img");
	borde.id="bordeHexagono";
	borde.src="pix/borde.png";
	borde.style.position="relative";	
	borde.style.top="-195px";
	document.getElementById(div).appendChild(borde);
}

function oscurece(div){
	document.getElementById("bordeHexagono").parentNode.removeChild(document.getElementById("bordeHexagono"));
}

function clearObj(obj){
	if(obj)
	while(obj.firstChild) obj.removeChild(obj.firstChild);
}


function resaltaItem(item){
	
	document.getElementById("menu"+item).className="menu"+item+"resaltado";	
	//alert(document.getElementById("menu"+item).src);
}

function restauraItem(item){
	
	document.getElementById("menu"+item).className="menu"+item;
}

function resaltaSubmenu(item){
	document.getElementById("submenu"+item).src="pix/menu"+item+"over.png";
}

function restauraSubmenu(item){
	document.getElementById("submenu"+item).src="pix/menu"+item+".png";
}


function obtenerPosicionAbsolutaX(element) {
   
   var x=element.offsetLeft;
   if (element.offsetParent) {
      var tmp = obtenerPosicionAbsolutaX(element.offsetParent);
      x += tmp;
   }
   return x;
}

function obtenerPosicionAbsolutaY(element) {

   var y=element.offsetTop;

   if (element.offsetParent) {
      var tmp = obtenerPosicionAbsolutaY(element.offsetParent);
      y += tmp;
   }
   return y;
}

var vtools;

function initTools(contentFrame,frame,i,j) {

	tools = new Object();
	
	tools.contentFrame = contentFrame;
	tools.frame = frame;
	tools.aceptar=true;

	tools.show = function(){
		tools.aceptar=false;
		document.getElementById(this.contentFrame).style.display = '';
		document.getElementById(this.frame).style.display = '';
	
	}
	
	tools.hide = function(){
		tools.aceptar=true;
		document.getElementById(this.contentFrame).style.display = 'none';
		document.getElementById(this.frame).style.display = 'none';
		herramientaActiva=0;
	}

// estilos css
	tools.setStyles = function(){
		document.getElementById(this.contentFrame).className = 'fondoTools';
		document.getElementById(this.frame).className = 'frameTools';
	}
	

	
	tools.eDIV = document.createElement("div");
	tools.eDIV.setAttribute("id","tools");
	
	var topIE = document.createElement("div");
	topIE.setAttribute("id","top");
	topIE.setAttribute("class","cerrar");
	topIE.setAttribute("align","right");	

	a=document.createElement("a");
				
	var divCerrar=document.createElement("div");
	divCerrar.style.position="relative";
	divCerrar.style.top="10px";
	divCerrar.style.left="-15px";	
	var imgCerrar=document.createElement("img");
	imgCerrar.src="pix/cerrar.gif";
	imgCerrar.style.cursor="pointer";
	if(navigator.appName == "Microsoft Internet Explorer")
		imgCerrar.onclick=function(){tools.hide();};
	else
		imgCerrar.setAttribute("onclick","tools.hide();");	
	divCerrar.appendChild(imgCerrar);
	a.appendChild(divCerrar);
	topIE.appendChild(a);

	var contentTools= document.createElement("div");
	contentTools.id="contentTools";
	
	tools.eDIV.appendChild(topIE);
	tools.eDIV.appendChild(document.createElement("br"));
	tools.eDIV.appendChild(contentTools);		
	return tools;
	
}



function herramienta(i,j,div){
	
	herramientaActiva=1;
	herramientaActivai=i;
	herramientaActivaj=j;
	herramientaActivadiv=div;
	
	
	clearObj(document.getElementById("contentTools"));
    clearObj(document.getElementById("frameTools"));
	
	vtools=initTools('fondoTools', 'frameTools',i,j);

	document.getElementById('frameTools').appendChild(vtools.eDIV);
		
	var divImagenGrande=document.createElement("div");
	divImagenGrande.className="divImagenGrande";
	divImagenGrande.style.display="block";
	var imagenGrande=document.createElement("img");
	
	imagenGrande.src = "img/pizzaTipo.png";
	
	document.getElementById("contentTools").appendChild(divImagenGrande);
	
	i=""+i;
	j=""+j;
	
	switch(div) {
		
		case "pizzas":
			document.getElementById('frameTools').style.left=obtenerPosicionAbsolutaX(document.getElementById('hexagono11'))+45+"px";
			document.getElementById('fondoTools').style.height="1500px";
			switch (i) {
					case "1":
						switch (j) {
							case "1":						
								var divTitulo1 = document.createElement("div");
								divTitulo1.className = "divTitulo";
								divTitulo1.style.display = "block";
								divTitulo1.align = "center";
								divTitulo1.appendChild(document.createTextNode("Margarita"));
								document.getElementById("contentTools").appendChild(divTitulo1);
							
								var divTextoProducto1 = document.createElement("div");
								divTextoProducto1.className = "divTextoProducto";
								divTextoProducto1.style.display = "block";
								
						
								var ul = document.createElement("ul");
																												
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);
								
								divTextoProducto1.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('8','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('8','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('1','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('1','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
								
								document.getElementById("contentTools").appendChild(divTextoProducto1);
								
								break;
						
							case "2":
								var divTitulo2 = document.createElement("div");
								divTitulo2.className = "divTitulo";
								divTitulo2.style.display = "block";
								divTitulo2.align = "center";
								divTitulo2.appendChild(document.createTextNode("York"));
								document.getElementById("contentTools").appendChild(divTitulo2);
								
								var divTextoProducto2 = document.createElement("div");
								divTextoProducto2.className = "divTextoProducto";
								divTextoProducto2.style.display = "block";								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);
								
								divTextoProducto2.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('1','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('1','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('1','3','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('1','3','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
								
								document.getElementById("contentTools").appendChild(divTextoProducto2);
								break;
								
							case "3":
								var divTitulo3 = document.createElement("div");
								divTitulo3.className = "divTitulo";
								divTitulo3.style.display = "block";
								divTitulo3.align = "center";
								divTitulo3.appendChild(document.createTextNode("Pizza 29"));
								document.getElementById("contentTools").appendChild(divTitulo3);
								
								var divTextoProducto3 = document.createElement("div");
								divTextoProducto3.className = "divTextoProducto";
								divTextoProducto3.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Champiñón"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);
																
								divTextoProducto3.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('1','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('1','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('2','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('2','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
																
								document.getElementById("contentTools").appendChild(divTextoProducto3);
								break;
						}
						break;
						
					case "2":
						switch (j) {
							case "1":
								var divTitulo4 = document.createElement("div");
								divTitulo4.className = "divTitulo";
								divTitulo4.style.display = "block";
								divTitulo4.align = "center";
								divTitulo4.appendChild(document.createTextNode("Pizza 30"));
								document.getElementById("contentTools").appendChild(divTitulo4);
								
								var divTextoProducto4 = document.createElement("div");
								divTextoProducto4.className = "divTextoProducto";
								divTextoProducto4.style.display = "block";
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
																														
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pimiento"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Cebolla"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Champiñón"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);								
								
								divTextoProducto4.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('1','3','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('1','3','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('2','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('2','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
								
								document.getElementById("contentTools").appendChild(divTextoProducto4);
								break;
								
							case "2":
								var divTitulo5 = document.createElement("div");
								divTitulo5.className = "divTitulo";
								divTitulo5.style.display = "block";
								divTitulo5.align = "center";
								divTitulo5.appendChild(document.createTextNode("Pizza 31"));
								document.getElementById("contentTools").appendChild(divTitulo5);
								
								var divTextoProducto5 = document.createElement("div");
								divTextoProducto5.className = "divTextoProducto";
								divTextoProducto5.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Alcachofas"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Champiñón"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Espárragos"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);								

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('2','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('2','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('3','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('3','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);

								
								divTextoProducto5.appendChild(ul);
								document.getElementById("contentTools").appendChild(divTextoProducto5);
								break;
						}
						break;
						
					case "3":
						switch (j) {
							case "1":
								var divTitulo7 = document.createElement("div");
								divTitulo7.className = "divTitulo";
								divTitulo7.style.display = "block";
								divTitulo7.align = "center";
								divTitulo7.appendChild(document.createTextNode("Pizza 32"));
								document.getElementById("contentTools").appendChild(divTitulo7);
								
								var divTextoProducto7 = document.createElement("div");
								divTextoProducto7.className = "divTextoProducto";
								divTextoProducto7.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
							
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Carne Picada"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tabasco"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto7.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('2','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('2','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('3','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('3','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
								
								document.getElementById("contentTools").appendChild(divTextoProducto7);
								break;
								
							case "2":
								var divTitulo8 = document.createElement("div");
								divTitulo8.className = "divTitulo";
								divTitulo8.style.display = "block";
								divTitulo8.align = "center";
								divTitulo8.appendChild(document.createTextNode("Pizza 33"));
								document.getElementById("contentTools").appendChild(divTitulo8);
								
								var divTextoProducto8 = document.createElement("div");
								divTextoProducto8.className = "divTextoProducto";
								divTextoProducto8.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Jamón Salado"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Aceite de oliva"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto8.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('3','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('3','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('3','3','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('3','3','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
																
								document.getElementById("contentTools").appendChild(divTextoProducto8);
								break;
								
							case "3":
								var divTitulo9 = document.createElement("div");
								divTitulo9.className = "divTitulo";
								divTitulo9.style.display = "block";
								divTitulo9.align = "center";
								divTitulo9.appendChild(document.createTextNode("Pizza 34"));
								document.getElementById("contentTools").appendChild(divTitulo9);
								
								var divTextoProducto9 = document.createElement("div");
								divTextoProducto9.className = "divTextoProducto";
								divTextoProducto9.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Atún"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Gambas"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);																								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);																			
								
								divTextoProducto9.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('3','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('3','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('4','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('4','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);

								document.getElementById("contentTools").appendChild(divTextoProducto9);
								
								
								break;
						}
						break;
						
					case "4":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Pizza 35"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Salmón"));								
								ul.appendChild(li);								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Roquefort"));								
								ul.appendChild(li);																								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);																											
								
								divTextoProducto10.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('3','3','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('3','3','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('4','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('4','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Pizza 36"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");								
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Salmón"));								
								ul.appendChild(li);																													
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);								
								
								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('4','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('4','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('5','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('5','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;
						
					case "5":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Pizza 37"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");																
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Gouda"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Manchego"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Roquefort"));								
								ul.appendChild(li);																								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);							
								
								divTextoProducto10.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('4','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('4','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('5','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('5','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Pizza 38"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Gambas"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Merluza"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Mejillón"));								
								ul.appendChild(li);			
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Palitos"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('5','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('5','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('5','3','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('5','3','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);						
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
							case "3":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Pizza 39"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Gambas"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Ajo"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Guindilla"));								
								ul.appendChild(li);																									
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
																
								divTextoProducto11.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('5','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('5','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('6','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('6','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;
						
					case "6":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Pizza 40"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pepperoni"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);									
								
								divTextoProducto10.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('5','3','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('5','3','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('6','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('6','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Carbonara"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Nata"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Cebolla"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);																																														
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('6','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('6','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('7','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('7','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;
						
					case "7":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Pizza 42"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Atún"));								
								ul.appendChild(li);																								
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto10.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('6','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('6','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('7','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('7','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Pizza 43"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Gambas"));								
								ul.appendChild(li);																													
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto11.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('7','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('7','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('7','3','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('7','3','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
							case "3":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Chiquiman"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Salchichas"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pollo"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);																																
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('7','2','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('7','2','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('8','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('8','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);						
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;
						
					case "8":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Pizza 45"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Champiñón"));								
								ul.appendChild(li);																																																
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								
								divTextoProducto10.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('7','3','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('7','3','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('8','2','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('8','2','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);						
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Pizza 46"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Mozzarella"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("York"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Atún"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Orégano"));								
								ul.appendChild(li);	
								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('8','1','pizzas')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('8','1','pizzas');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('1','1','pizzas')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('1','1','pizzas');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);							
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;
				}
		
		break;
		
		case "bocadillos":
			document.getElementById('frameTools').style.left=obtenerPosicionAbsolutaX(document.getElementById('hexagono21'))+20+"px";
			document.getElementById('fondoTools').style.height="1400px";
			switch (i) {
					case "1":
						switch (j) {
							case "1":						
								var divTitulo1 = document.createElement("div");
								divTitulo1.className = "divTitulo";
								divTitulo1.style.display = "block";
								divTitulo1.align = "center";
								divTitulo1.appendChild(document.createTextNode("Serranito"));
								document.getElementById("contentTools").appendChild(divTitulo1);
								
								var divTextoProducto1 = document.createElement("div");
								divTextoProducto1.className = "divTextoProducto";
								divTextoProducto1.style.display = "block";
								
						
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Lomo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pimiento verde"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Jamón"));								
								ul.appendChild(li);
								
								divTextoProducto1.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('7','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('7','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('1','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('1','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);	
								
								
								document.getElementById("contentTools").appendChild(divTextoProducto1);
								
								break;
						
							case "2":
								var divTitulo2 = document.createElement("div");
								divTitulo2.className = "divTitulo";
								divTitulo2.style.display = "block";
								divTitulo2.align = "center";
								divTitulo2.appendChild(document.createTextNode("Bocadillo 2"));
								document.getElementById("contentTools").appendChild(divTitulo2);
								
								var divTextoProducto2 = document.createElement("div");
								divTextoProducto2.className = "divTextoProducto";
								divTextoProducto2.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Lomo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pimiento verde"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));								
								ul.appendChild(li);
								ul.appendChild(li);	
								
								divTextoProducto2.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('1','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('1','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('2','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('2','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);																	
								
								
								document.getElementById("contentTools").appendChild(divTextoProducto2);
								break;
								
						}
						break;
						
					case "2":
						switch (j) {
							case "1":
								var divTitulo4 = document.createElement("div");
								divTitulo4.className = "divTitulo";
								divTitulo4.style.display = "block";
								divTitulo4.align = "center";
								divTitulo4.appendChild(document.createTextNode("Bocadillo 3"));
								document.getElementById("contentTools").appendChild(divTitulo4);
								
								var divTextoProducto4 = document.createElement("div");
								divTextoProducto4.className = "divTextoProducto";
								divTextoProducto4.style.display = "block";
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Lomo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Huevo duro"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));								
								ul.appendChild(li);							
								
								divTextoProducto4.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('1','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('1','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('2','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('2','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto4);
								break;
								
							case "2":
								var divTitulo5 = document.createElement("div");
								divTitulo5.className = "divTitulo";
								divTitulo5.style.display = "block";
								divTitulo5.align = "center";
								divTitulo5.appendChild(document.createTextNode("Lomo Queso"));
								document.getElementById("contentTools").appendChild(divTitulo5);
								
								var divTextoProducto5 = document.createElement("div");
								divTextoProducto5.className = "divTextoProducto";
								divTextoProducto5.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Lomo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Queso"));								
								ul.appendChild(li);
								
								divTextoProducto5.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('2','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('2','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('2','3','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('2','3','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto5);
								break;
								
							case "3":
								var divTitulo3 = document.createElement("div");
								divTitulo3.className = "divTitulo";
								divTitulo3.style.display = "block";
								divTitulo3.align = "center";
								divTitulo3.appendChild(document.createTextNode("Lomo Bacon"));
								document.getElementById("contentTools").appendChild(divTitulo3);
								
								var divTextoProducto3 = document.createElement("div");
								divTextoProducto3.className = "divTextoProducto";
								divTextoProducto3.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Lomo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Queso"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));								
								ul.appendChild(li);
								divTextoProducto3.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('2','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('2','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('3','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('3','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto3);
								break;
								
						}
						break;
						
					case "3":
						switch (j) {
							case "1":
								var divTitulo7 = document.createElement("div");
								divTitulo7.className = "divTitulo";
								divTitulo7.style.display = "block";
								divTitulo7.align = "center";
								divTitulo7.appendChild(document.createTextNode("Lomo"));
								document.getElementById("contentTools").appendChild(divTitulo7);
								
								var divTextoProducto7 = document.createElement("div");
								divTextoProducto7.className = "divTextoProducto";
								divTextoProducto7.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Lomo"));
								ul.appendChild(li);
								
								divTextoProducto7.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('2','3','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('2','3','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('3','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('3','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
																
								document.getElementById("contentTools").appendChild(divTextoProducto7);
								break;
								
							case "2":
								var divTitulo8 = document.createElement("div");
								divTitulo8.className = "divTitulo";
								divTitulo8.style.display = "block";
								divTitulo8.align = "center";
								divTitulo8.appendChild(document.createTextNode("Pollo Jamón"));
								document.getElementById("contentTools").appendChild(divTitulo8);
								
								var divTextoProducto8 = document.createElement("div");
								divTextoProducto8.className = "divTextoProducto";
								divTextoProducto8.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Pollo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Jamón serrano"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate a rodajas"));								
								ul.appendChild(li);
																								
								divTextoProducto8.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('3','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('3','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('4','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('4','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto8);
								break;
								
						}
						break;
						
					case "4":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Roquefort"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Pollo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Roquefort"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pimiento piquillo"));								
								ul.appendChild(li);
																
								divTextoProducto10.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('3','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('3','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('4','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('4','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Bocadillo 9"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Pollo"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Lechuga"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate a rodajas"));								
								ul.appendChild(li);
																
								divTextoProducto11.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('4','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('4','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('4','3','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('4','3','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;

							case "3":
								var divTitulo9 = document.createElement("div");
								divTitulo9.className = "divTitulo";
								divTitulo9.style.display = "block";
								divTitulo9.align = "center";
								divTitulo9.appendChild(document.createTextNode("Pollo"));
								document.getElementById("contentTools").appendChild(divTitulo9);
								
								var divTextoProducto9 = document.createElement("div");
								divTextoProducto9.className = "divTextoProducto";
								divTextoProducto9.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Pollo"));
								ul.appendChild(li);
								
								divTextoProducto9.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('4','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('4','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('5','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('5','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto9);
								break;
																
						}
						break;
						
					case "5":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Bacon Queso"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Bacon"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Queso"));								
								ul.appendChild(li);

								divTextoProducto10.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('4','3','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('4','3','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('5','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('5','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);	
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Tortilla"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Tortilla patatas"));
								ul.appendChild(li);

																
								divTextoProducto11.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('5','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('5','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('6','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('6','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);	
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;
						
					case "6":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Jamón Tomate"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Jamón salado"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate rodajas"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Aceite oliva"));								
								ul.appendChild(li);
								
								divTextoProducto10.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('5','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('5','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('6','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('6','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Jamón"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Jamón"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Aceite oliva"));								
								ul.appendChild(li);

								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('6','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('6','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('6','3','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('6','3','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;

							case "3":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Bocadillo 15"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Atún"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Huevo duro"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Pimiento piquillo"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Lechuga"));								
								ul.appendChild(li);																							
																
								divTextoProducto11.appendChild(ul);
								
								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('6','2','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('6','2','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('7','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('7','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);	
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;							
								
						}
						break;
						
					case "7":
						switch (j) {
							case "1":
								var divTitulo10 = document.createElement("div");
								divTitulo10.className = "divTitulo";
								divTitulo10.style.display = "block";
								divTitulo10.align = "center";
								divTitulo10.appendChild(document.createTextNode("Vegetal"));
								document.getElementById("contentTools").appendChild(divTitulo10);
								
								var divTextoProducto10 = document.createElement("div");
								divTextoProducto10.className = "divTextoProducto";
								divTextoProducto10.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Atún"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Tomate rodajas"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Espárrago blanco"));								
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Huevo duro"));								
								ul.appendChild(li);																							
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Lechuga"));								
								ul.appendChild(li);	
								
								divTextoProducto10.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('6','3','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('6','3','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('7','2','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('7','2','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto10);
								break;
								
							case "2":
								var divTitulo11 = document.createElement("div");
								divTitulo11.className = "divTitulo";
								divTitulo11.align = "center";
								divTitulo11.style.display = "block";
								divTitulo11.appendChild(document.createTextNode("Salmón"));
								document.getElementById("contentTools").appendChild(divTitulo11);
								
								var divTextoProducto11 = document.createElement("div");
								divTextoProducto11.className = "divTextoProducto";
								divTextoProducto11.style.display = "block";
								
								
								var ul = document.createElement("ul");
								var li = document.createElement("li");
								li.appendChild(document.createTextNode("Salmón"));
								ul.appendChild(li);
								li=document.createElement("li");
								li.appendChild(document.createTextNode("Lechuga"));								
								ul.appendChild(li);
								
								divTextoProducto11.appendChild(ul);

								var divFlechaIzq=document.createElement("div");
								divFlechaIzq.className="divFlechaIzq";
								var imagenFlechaIzq=document.createElement("img");
								imagenFlechaIzq.src="pix/flechaIzq.gif";
								imagenFlechaIzq.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaIzq.onclick=function(){herramienta('7','1','bocadillos')};
								else
									imagenFlechaIzq.setAttribute("onclick","herramienta('7','1','bocadillos');");
								divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
								var divFlechaDer=document.createElement("div");
								divFlechaDer.className="divFlechaDer";
								var imagenFlechaDer=document.createElement("img");
								imagenFlechaDer.src="pix/flechaDer.gif";
								imagenFlechaDer.style.cursor="pointer";
								if(navigator.appName == "Microsoft Internet Explorer")
									imagenFlechaDer.onclick=function(){herramienta('1','1','bocadillos')};
								else
									imagenFlechaDer.setAttribute("onclick","herramienta('1','1','bocadillos');");
								divFlechaDer.appendChild(imagenFlechaDer);
								
								divImagenGrande.appendChild(imagenGrande);
								
								
								document.getElementById("contentTools").appendChild(divFlechaIzq);
								document.getElementById("contentTools").appendChild(divFlechaDer);									
								
								document.getElementById("contentTools").appendChild(divTextoProducto11);
								break;
								
						}
						break;						
				}
		
		break;
	
	case "sandwiches":
	
		document.getElementById('frameTools').style.left = obtenerPosicionAbsolutaX(document.getElementById('hexagono11')) + 20 + "px";
		document.getElementById('fondoTools').style.height="920px";
		switch (i) {
			case "1":
				switch (j) {
					case "1":
						var divTitulo1 = document.createElement("div");
						divTitulo1.className = "divTitulo";
						divTitulo1.style.display = "block";
						divTitulo1.align = "center";
						divTitulo1.appendChild(document.createTextNode("Sandwich 1"));
						document.getElementById("contentTools").appendChild(divTitulo1);
						
						var divTextoProducto1 = document.createElement("div");
						divTextoProducto1.className = "divTextoProducto";
						divTextoProducto1.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Atún"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Queso"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Pimiento piquillo"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Cebolla"));
						ul.appendChild(li);
												
						divTextoProducto1.appendChild(ul);
						
						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('2','2','sandwiches')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('2','2','sandwiches');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('1','2','sandwiches')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('1','2','sandwiches');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);
						
						document.getElementById("contentTools").appendChild(divTextoProducto1);
						
						break;
						
					case "2":
						var divTitulo2 = document.createElement("div");
						divTitulo2.className = "divTitulo";
						divTitulo2.style.display = "block";
						divTitulo2.align = "center";
						divTitulo2.appendChild(document.createTextNode("Sandwich 2"));
						document.getElementById("contentTools").appendChild(divTitulo2);
						
						var divTextoProducto2 = document.createElement("div");
						divTextoProducto2.className = "divTextoProducto";
						divTextoProducto2.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Jamón York"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Queso"));
						ul.appendChild(li);						
						
						divTextoProducto2.appendChild(ul);
						
						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('1','1','sandwiches')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('1','1','sandwiches');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('1','3','sandwiches')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('1','3','sandwiches');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);						
						
						document.getElementById("contentTools").appendChild(divTextoProducto2);
						break;
						
					case "3":
						var divTitulo3 = document.createElement("div");
						divTitulo3.className = "divTitulo";
						divTitulo3.style.display = "block";
						divTitulo3.align = "center";
						divTitulo3.appendChild(document.createTextNode("Sandwich 3"));
						document.getElementById("contentTools").appendChild(divTitulo3);
						
						var divTextoProducto3 = document.createElement("div");
						divTextoProducto3.className = "divTextoProducto";
						divTextoProducto3.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Jamón serrano"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Pollo"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Lechuga"));
						ul.appendChild(li);																		
						
						divTextoProducto3.appendChild(ul);
						
						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('1','2','sandwiches')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('1','2','sandwiches');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('2','1','sandwiches')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('2','1','sandwiches');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);						
						
						document.getElementById("contentTools").appendChild(divTextoProducto3);
						break;						
						
				}
				break;
				
		case "2":
		
			switch (j) {
				case "1":
					var divTitulo4 = document.createElement("div");
					divTitulo4.className = "divTitulo";
					divTitulo4.style.display = "block";
					divTitulo4.align = "center";
					divTitulo4.appendChild(document.createTextNode("Sandwich 4"));
					document.getElementById("contentTools").appendChild(divTitulo4);
					
					var divTextoProducto4 = document.createElement("div");
					divTextoProducto4.className = "divTextoProducto";
					divTextoProducto4.style.display = "block";
					
					
					var ul = document.createElement("ul");
					var li = document.createElement("li");
					li.appendChild(document.createTextNode("Jamón York"));
					ul.appendChild(li);
					li = document.createElement("li");
					li.appendChild(document.createTextNode("Queso"));
					ul.appendChild(li);
					li = document.createElement("li");
					li.appendChild(document.createTextNode("Tomate"));
					ul.appendChild(li);
					li = document.createElement("li");
					li.appendChild(document.createTextNode("Lechuga"));
					ul.appendChild(li);
					
					divTextoProducto4.appendChild(ul);
					
					var divFlechaIzq=document.createElement("div");
					divFlechaIzq.className="divFlechaIzq";
					var imagenFlechaIzq=document.createElement("img");
					imagenFlechaIzq.src="pix/flechaIzq.gif";
					imagenFlechaIzq.style.cursor="pointer";
					if(navigator.appName == "Microsoft Internet Explorer")
						imagenFlechaIzq.onclick=function(){herramienta('1','3','sandwiches')};
					else
						imagenFlechaIzq.setAttribute("onclick","herramienta('1','3','sandwiches');");
					divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
					var divFlechaDer=document.createElement("div");
					divFlechaDer.className="divFlechaDer";
					var imagenFlechaDer=document.createElement("img");
					imagenFlechaDer.src="pix/flechaDer.gif";
					imagenFlechaDer.style.cursor="pointer";
					if(navigator.appName == "Microsoft Internet Explorer")
						imagenFlechaDer.onclick=function(){herramienta('2','2','sandwiches')};
					else
						imagenFlechaDer.setAttribute("onclick","herramienta('2','2','sandwiches');");
					divFlechaDer.appendChild(imagenFlechaDer);
							
					divImagenGrande.appendChild(imagenGrande);
								
						
					document.getElementById("contentTools").appendChild(divFlechaIzq);
					document.getElementById("contentTools").appendChild(divFlechaDer);					
					
					document.getElementById("contentTools").appendChild(divTextoProducto4);
					
					break;
					
				case "2":
					var divTitulo5 = document.createElement("div");
					divTitulo5.className = "divTitulo";
					divTitulo5.style.display = "block";
					divTitulo5.align = "center";
					divTitulo5.appendChild(document.createTextNode("Sandwich 5"));
					document.getElementById("contentTools").appendChild(divTitulo5);
					
					var divTextoProducto5 = document.createElement("div");
					divTextoProducto5.className = "divTextoProducto";
					divTextoProducto5.style.display = "block";
					
					
					var ul = document.createElement("ul");
					var li = document.createElement("li");
					li.appendChild(document.createTextNode("Salmón"));
					ul.appendChild(li);
					li = document.createElement("li");
					li.appendChild(document.createTextNode("Lechuga"));
					ul.appendChild(li);
					
					divTextoProducto5.appendChild(ul);
					
					var divFlechaIzq=document.createElement("div");
					divFlechaIzq.className="divFlechaIzq";
					var imagenFlechaIzq=document.createElement("img");
					imagenFlechaIzq.src="pix/flechaIzq.gif";
					imagenFlechaIzq.style.cursor="pointer";
					if(navigator.appName == "Microsoft Internet Explorer")
						imagenFlechaIzq.onclick=function(){herramienta('2','1','sandwiches')};
					else
						imagenFlechaIzq.setAttribute("onclick","herramienta('2','1','sandwiches');");
					divFlechaIzq.appendChild(imagenFlechaIzq);
																						
							
					var divFlechaDer=document.createElement("div");
					divFlechaDer.className="divFlechaDer";
					var imagenFlechaDer=document.createElement("img");
					imagenFlechaDer.src="pix/flechaDer.gif";
					imagenFlechaDer.style.cursor="pointer";
					if(navigator.appName == "Microsoft Internet Explorer")
						imagenFlechaDer.onclick=function(){herramienta('1','1','sandwiches')};
					else
						imagenFlechaDer.setAttribute("onclick","herramienta('1','1','sandwiches');");
					divFlechaDer.appendChild(imagenFlechaDer);
							
					divImagenGrande.appendChild(imagenGrande);
							
					
					document.getElementById("contentTools").appendChild(divFlechaIzq);
					document.getElementById("contentTools").appendChild(divFlechaDer);					
					
					document.getElementById("contentTools").appendChild(divTextoProducto5);
					break;
			}
		break;
	}break;
	
	case "hamburguesas":

		document.getElementById('frameTools').style.left = obtenerPosicionAbsolutaX(document.getElementById('hexagono21')) - 142 + "px";
		document.getElementById('fondoTools').style.height="1020px";
		switch (i) {
			case "1":
				switch (j) {
					case "2":
						var divTitulo1 = document.createElement("div");
						divTitulo1.className = "divTitulo";
						divTitulo1.style.display = "block";
						divTitulo1.align = "center";
						divTitulo1.appendChild(document.createTextNode("Hamburguesa 1"));
						document.getElementById("contentTools").appendChild(divTitulo1);
						
						var divTextoProducto1 = document.createElement("div");
						divTextoProducto1.className = "divTextoProducto";
						divTextoProducto1.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Carne"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Lechuga"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Pimiento piquillo"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Cebolla"));
						ul.appendChild(li);
												
						divTextoProducto1.appendChild(ul);
						
						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('3','2','hamburguesas')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('3','2','hamburguesas');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('2','1','hamburguesas')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('2','1','hamburguesas');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);							
						
						document.getElementById("contentTools").appendChild(divTextoProducto1);
						
						break;
						
				}
				break;
				
			case "2":
				switch (j) {
					case "1":
						var divTitulo1 = document.createElement("div");
						divTitulo1.className = "divTitulo";
						divTitulo1.style.display = "block";
						divTitulo1.align = "center";
						divTitulo1.appendChild(document.createTextNode("Hamburguesa 2"));
						document.getElementById("contentTools").appendChild(divTitulo1);
						
						var divTextoProducto1 = document.createElement("div");
						divTextoProducto1.className = "divTextoProducto";
						divTextoProducto1.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Carne"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Lechuga"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Pimiento piquillo"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Cebolla"));
						ul.appendChild(li);
												
						divTextoProducto1.appendChild(ul);

						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('1','2','hamburguesas')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('1','2','hamburguesas');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('2','2','hamburguesas')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('2','2','hamburguesas');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);						
						
						
						document.getElementById("contentTools").appendChild(divTextoProducto1);
						
						break;
						
					case "2":
						var divTitulo1 = document.createElement("div");
						divTitulo1.className = "divTitulo";
						divTitulo1.style.display = "block";
						divTitulo1.align = "center";
						divTitulo1.appendChild(document.createTextNode("Hamburguesa 3"));
						document.getElementById("contentTools").appendChild(divTitulo1);
						
						var divTextoProducto1 = document.createElement("div");
						divTextoProducto1.className = "divTextoProducto";
						divTextoProducto1.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Carne"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Lechuga"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Pimiento piquillo"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Cebolla"));
						ul.appendChild(li);
												
						divTextoProducto1.appendChild(ul);
						
						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('2','1','hamburguesas')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('2','1','hamburguesas');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('3','2','hamburguesas')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('3','2','hamburguesas');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);						
						
						document.getElementById("contentTools").appendChild(divTextoProducto1);
						
						break;						
						
				}

				break;
			
			
			case "3":
				switch (j) {
					case "2":
						var divTitulo1 = document.createElement("div");
						divTitulo1.className = "divTitulo";
						divTitulo1.style.display = "block";
						divTitulo1.align = "center";
						divTitulo1.appendChild(document.createTextNode("Hamburguesa 4"));
						document.getElementById("contentTools").appendChild(divTitulo1);
						
						var divTextoProducto1 = document.createElement("div");
						divTextoProducto1.className = "divTextoProducto";
						divTextoProducto1.style.display = "block";
						
						
						var ul = document.createElement("ul");
						var li = document.createElement("li");
						li.appendChild(document.createTextNode("Carne"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Lechuga"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Pimiento piquillo"));
						ul.appendChild(li);
						li = document.createElement("li");
						li.appendChild(document.createTextNode("Cebolla"));
						ul.appendChild(li);
						
						divTextoProducto1.appendChild(ul);
						
						var divFlechaIzq=document.createElement("div");
						divFlechaIzq.className="divFlechaIzq";
						var imagenFlechaIzq=document.createElement("img");
						imagenFlechaIzq.src="pix/flechaIzq.gif";
						imagenFlechaIzq.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaIzq.onclick=function(){herramienta('2','2','hamburguesas')};
						else
							imagenFlechaIzq.setAttribute("onclick","herramienta('2','2','hamburguesas');");
						divFlechaIzq.appendChild(imagenFlechaIzq);
																							
								
						var divFlechaDer=document.createElement("div");
						divFlechaDer.className="divFlechaDer";
						var imagenFlechaDer=document.createElement("img");
						imagenFlechaDer.src="pix/flechaDer.gif";
						imagenFlechaDer.style.cursor="pointer";
						if(navigator.appName == "Microsoft Internet Explorer")
							imagenFlechaDer.onclick=function(){herramienta('1','2','hamburguesas')};
						else
							imagenFlechaDer.setAttribute("onclick","herramienta('1','2','hamburguesas');");
						divFlechaDer.appendChild(imagenFlechaDer);
								
						divImagenGrande.appendChild(imagenGrande);
								
						
						document.getElementById("contentTools").appendChild(divFlechaIzq);
						document.getElementById("contentTools").appendChild(divFlechaDer);						
						
						document.getElementById("contentTools").appendChild(divTextoProducto1);
						
						break;
				}	
				break;
				
		}

	}
	vtools.setStyles(); 
	vtools.show();
}