function abreMenuPrincipal(){
	
	// Añadimos el primer elemento del menú
	
	var div1=document.createElement("div");
	div1.className="elementosMenuPrincipal";
	div1.id="empresa";
	div1.style.width="200px";
	div1.style.height="30px";
	div1.style.left="-300px";
	div1.style.top="0px";
	
	if (navigator.appName == "Microsoft Internet Explorer") {
		div1.onmouseover = function(){		
			cambiaFondoMenu(div1.id);
		};
	}
	else 
		div1.setAttribute("onmouseover", "cambiaFondoMenu('" + div1.id + "');");
							

	if(navigator.appName == "Microsoft Internet Explorer")
		div1.onmouseout=function(){recuperaFondo(div1.id);};
	else
		div1.setAttribute("onmouseout","recuperaFondo('"+div1.id+"');");

	if (navigator.appName == "Microsoft Internet Explorer") 
		div1.onclick = function(){
			location.href = "index.html"
		};
	else 
		div1.setAttribute("onclick", "window.location='index.html'");

	var divTexto=document.createElement("div");
	divTexto.style.position="relative";
	divTexto.style.top="4px";
	divTexto.appendChild(document.createTextNode("empresa"));
	div1.appendChild(divTexto);
	
	document.getElementById("menuPrincipal").appendChild(div1);

	
	// Añadimos el segundo elemento del menú
	
	var div2=document.createElement("div");
	div2.className="elementosMenuPrincipal";	
	div2.id="productos";
	div2.style.left="-100px";
	div2.style.top="-30px";
	div2.style.width="200px";
	div2.style.height="30px";	
	
	if (navigator.appName == "Microsoft Internet Explorer") {
		div2.onmouseover = function(){
			cambiaFondoMenu(div2.id);
		};
	}
	else 
		div2.setAttribute("onmouseover", "cambiaFondoMenu('" + div2.id + "');");
							

	if(navigator.appName == "Microsoft Internet Explorer")
		div2.onmouseout=function(){recuperaFondo(div2.id);};
	else
		div2.setAttribute("onmouseout","recuperaFondo('"+div2.id+"');");	

	if (navigator.appName == "Microsoft Internet Explorer") 
		div2.onclick = function(){
			location.href = "embutidos-comida-congelada-cordoba.html"
		}		
	else
		div2.setAttribute("onclick","window.location='embutidos-comida-congelada-cordoba.html'");
			
	var divTexto=document.createElement("div");
	divTexto.style.position="relative";
	divTexto.style.top="4px";
	divTexto.appendChild(document.createTextNode("productos"));
	div2.appendChild(divTexto);
	
	document.getElementById("menuPrincipal").appendChild(div2);


// Añadimos el tercer elemento del menú

	var div3=document.createElement("div");
	div3.className="elementosMenuPrincipal";	
	div3.id="donde";
	div3.style.left="100px";
	div3.style.top="-60px";
	div3.style.width="200px";
	div3.style.height="30px";	

	if (navigator.appName == "Microsoft Internet Explorer") {
		div3.onmouseover = function(){
			cambiaFondoMenu(div3.id);
		};
	}
	else 
		div3.setAttribute("onmouseover", "cambiaFondoMenu('" + div3.id + "');");
							
	if(navigator.appName == "Microsoft Internet Explorer")
		div3.onmouseout=function(){recuperaFondo(div3.id);};
	else
		div3.setAttribute("onmouseout","recuperaFondo('"+div3.id+"');");

	if(navigator.appName == "Microsoft Internet Explorer")
		div3.onclick=function(){location.href = "lugar-empresa-embutidos-comida-congelada-cordoba.html"}
	else
		div3.setAttribute("onclick","window.location='lugar-empresa-embutidos-comida-congelada-cordoba.html'");		
		
	var divTexto=document.createElement("div");
	divTexto.style.position="relative";
	divTexto.style.top="4px";
	divTexto.appendChild(document.createTextNode("dónde estamos"));
	div3.appendChild(divTexto);
	
	document.getElementById("menuPrincipal").appendChild(div3);


// Añadimos el cuarto elemento del menú

	var div4=document.createElement("div");
	div4.className="elementosMenuPrincipal";	
	div4.id="contacto";
	div4.style.left="300px";
	div4.style.top="-90px";
	div4.style.width="200px";
	div4.style.height="30px";

	if (navigator.appName == "Microsoft Internet Explorer") {
		div4.onmouseover = function(){
			cambiaFondoMenu(div4.id);
		};
	}
	else 
		div4.setAttribute("onmouseover", "cambiaFondoMenu('" + div4.id + "');");
							

	if(navigator.appName == "Microsoft Internet Explorer")
		div4.onmouseout=function(){recuperaFondo(div4.id);};
	else
		div4.setAttribute("onmouseout","recuperaFondo('"+div4.id+"');");

	if(navigator.appName == "Microsoft Internet Explorer")
		div4.onclick=function(){location.href = "contacto-empresa-embutidos-comida-congelada-cordoba.html"};
	else
		div4.setAttribute("onclick","window.location='contacto-empresa-embutidos-comida-congelada-cordoba.html'");
		
	var divTexto=document.createElement("div");
	divTexto.style.position="relative";
	divTexto.style.top="4px";
	divTexto.appendChild(document.createTextNode("contacto"));
	div4.appendChild(divTexto);
	document.getElementById("menuPrincipal").appendChild(div4);

}

function cambiaFondoMenu(id){

	document.getElementById(id).style.background="url(img/pix/menuOver.jpg)";
	document.getElementById(id).style.cursor="pointer";
	document.getElementById(id).style.color="white";
}

function recuperaFondo(div){
	document.getElementById(div).style.background="url(img/pix/menu.jpg)";
	document.getElementById(div).style.color="black";	
}

function abreMenu(id){
	cierraMenu();
	var div,a;
	switch(id){
		case "empresa": 
				
				div=document.createElement("div");
				div.id="presentacion";
				div.style.position="relative";
				div.style.width="150px";
				div.style.height="20px";
				div.style.left="-330px";				
				a=document.createElement("a");
				a.href="../html/presentacion.html";
				a.appendChild(document.createTextNode("Presentación"));
				div.appendChild(a);														
				document.getElementById("menuSecundario").appendChild(div);				

				div=document.createElement("div");
				div.id="historia";
				div.style.position="relative";
				div.style.width="100px";				
				div.style.left="-220px";
				div.style.top="-20px";
				div.style.height="20px";				
				a=document.createElement("a");
				a.href="../html/historia.html";
				a.appendChild(document.createTextNode("Historia"));
				div.appendChild(a);												
				document.getElementById("menuSecundario").appendChild(div);																
				break;
				
				
		case "productos":
				div=document.createElement("div");
				div.id="chorizo";
				div.style.width="150px";
				div.style.height="20px";
				div.style.position="relative";
				div.style.left="-355px";
				a=document.createElement("a");
				a.href="../html/chorizo.html";
				a.appendChild(document.createTextNode("Chorizo"));
				div.appendChild(a);
				document.getElementById("menuSecundario").appendChild(div);

				div=document.createElement("div");
				div.id="morcilla";
				div.style.position="relative";				
				div.style.width="150px";
				div.style.height="20px";
				div.style.left="-245px";
				div.style.top="-20px";
				a=document.createElement("a");
				a.href="../html/morcilla.html";
				a.appendChild(document.createTextNode("Morcilla"));
				div.appendChild(a);				
				document.getElementById("menuSecundario").appendChild(div);
				
				div=document.createElement("div");
				div.id="congelado";
				div.style.position="relative";				
				div.style.width="150px";
				div.style.height="20px";				
				div.style.left="-135px";
				div.style.top="-40px";				
				a=document.createElement("a");
				a.href="../html/congelado.html";
				a.appendChild(document.createTextNode("Congelado"));
				div.appendChild(a);				
				document.getElementById("menuSecundario").appendChild(div);

				break;
	}

}


function cierraMenu(){
	clearObj(document.getElementById("menuSecundario"));
}

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

function actualizaTexto(seccion){
	
	switch(seccion){
		
		case "empresa": 
			var cuerpo=document.getElementById("cuerpo");
			clearObj(cuerpo);
			
			var divTexto1=document.createElement("div");
			divTexto1.className="divTexto1";
			divTexto1.appendChild(document.createTextNode("Este es el primer texto que va en la parte de arriba al lado de una imagen que mide 400x400 y que queda situada en la parte derecha de la pantalla. Por tanto esta parte del texto medirá 400 píxeles"))
			
			var divImagen=document.createElement("div");			
			divImagen.className="borde";	
			divImagen.style.position="relative";
			divImagen.style.left="400px";
			divImagen.style.top="-380px";			
			divImagen.style.width="400px";
			divImagen.style.height="400px";
			var imagen=document.createElement("img");
			imagen.className="borde";
			imagen.src="../img/400x400/producto11.png";		
			divImagen.appendChild(imagen);
			
			cuerpo.appendChild(divTexto1);
			cuerpo.appendChild(divImagen);		
			
			var divTexto2=document.createElement("cuerpo");
			divTexto2.className="divTexto2";			
			divTexto2.appendChild(document.createTextNode("Este es el texto que va en medio encima de la imagen central y que ocupa todo el ancho de la página, es decir, 800 píxeles para que quede más bonito y mejor."))
			
	//		cuerpo.appendChild(divTexto2);					
			
			var divImagen2=document.createElement("div");			
			divImagen2.className="borde";	
			divImagen2.style.position="relative";
			divImagen2.style.left="0px";
			divImagen2.style.top="-320px";
			divImagen2.style.width="800px";
			divImagen2.style.height="400px";						
			var imagen2=document.createElement("img");
			imagen2.className="borde";			
			imagen2.src="../img/empresa2.png";		
			divImagen2.appendChild(imagen2);			
			
    //		cuerpo.appendChild(divImagen2);					

			var divTexto3=document.createElement("cuerpo");
			divTexto3.className="divTexto3";			
			divTexto3.appendChild(document.createTextNode("Este es el texto que va en medio encima de la imagen central y que ocupa todo el ancho de la página, es decir, 800 píxeles para que quede más bonito y mejor."))
			
	//		cuerpo.appendChild(divTexto3);		
						
			var divImagen3=document.createElement("div");			
			divImagen3.className="borde";				
			divImagen3.style.position="relative";
			divImagen3.style.left="0px";
			divImagen3.style.top="-250px";
			divImagen3.style.width="400px";
			divImagen3.style.height="400px";								
			var imagen3=document.createElement("img");
			imagen3.className="borde";			
			imagen3.src="../img/400x400/producto11.png";			
			divImagen3.appendChild(imagen3);
						
			var divTexto4=document.createElement("div");
			divTexto4.className="divTexto4";			
			divTexto4.appendChild(document.createTextNode("Este es el primer texto que va en la parte de arriba al lado de una imagen que mide 400x400 y que queda situada en la parte derecha de la pantalla. Por tanto esta parte del texto medirá 400 píxeles"))			
			break;
		
		case "productos":
			var i=0;
			var j=0;
			var tr;
			var td;
			var imagen;
			var divImagen;

			var cuerpo=document.getElementById("cuerpo");
			clearObj(cuerpo);
			cuerpo.style.width="100%";
			var divTabla=document.createElement("div");
			var tabla=document.createElement("table");			
			tabla.className="tabla";
			
			var tbody=document.createElement("tbody");
			
			/* FILA 1 COLUMNA 1*/
			var tr1=document.createElement("tr");
											
			var td1=document.createElement("td");
			td1.className="producto";
			td1.id="columna11";
			var divImagen1=document.createElement("div");
			divImagen1.id="divImagen11";
			divImagen1.style.width="250px";
			divImagen1.style.height="250px";
			var imagen1=document.createElement("img");					
			imagen1.id="imagen11";		
			imagen1.style.width="250px";
			imagen1.style.height="250px";
			imagen1.src="img/productos/11.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen1.onmouseover = function(){						
					aumentaVista(1,1);
				};
			}
			else 
				imagen1.setAttribute("onmouseover", "aumentaVista('" + 1 + "','" + 1 + "');");
					
			divImagen1.appendChild(imagen1);
			td1.appendChild(divImagen1);
			tr1.appendChild(td1);				
				
				
			/* FILA 1 COLUMNA 2 */
											
			var td2=document.createElement("td");
			td2.className="producto";
			td2.id="columna12";
			var divImagen2=document.createElement("div");
			divImagen2.id="divImagen12";
			divImagen2.style.width="250px";
			divImagen2.style.height="250px";
			var imagen2=document.createElement("img");					
			imagen2.id="imagen12";		
			imagen2.style.width="250px";
			imagen2.style.height="250px";
			imagen2.src="img/productos/12.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen2.onmouseover = function(){						
					aumentaVista(1,2);
				};
			}
			else 
				imagen2.setAttribute("onmouseover", "aumentaVista('" + 1 + "','" + 2 + "');");
					
			divImagen2.appendChild(imagen2);
			td2.appendChild(divImagen2);
			tr1.appendChild(td2);				

			/* FILA 1 COLUMNA 3 */
											
			var td3=document.createElement("td");
			td3.className="producto";
			td3.id="columna13";
			var divImagen3=document.createElement("div");
			divImagen3.id="divImagen13";
			divImagen3.style.width="250px";
			divImagen3.style.height="250px";
			
			var imagen3=document.createElement("img");					
			imagen3.id="imagen13";		
			imagen3.style.width="250px";
			imagen3.style.height="250px";
			imagen3.src="img/productos/13.jpg";
								
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen3.onmouseover = function(){						
					aumentaVista(1,3);
				};
			}
			else 
				imagen3.setAttribute("onmouseover", "aumentaVista('" + 1 + "','" + 3 + "');");
					
			divImagen3.appendChild(imagen3);
			td3.appendChild(divImagen3);
			tr1.appendChild(td3);				
				
				
			tbody.appendChild(tr1);
			
			/* FILA 2 COLUMNA 2 */				

			var tr2=document.createElement("tr");
											
			var td4=document.createElement("td");
			td4.className="producto";
			td4.id="columna21";
			var divImagen4=document.createElement("div");
			divImagen4.id="divImagen21";
			divImagen4.style.width="250px";
			divImagen4.style.height="250px";
			var imagen4=document.createElement("img");					
			imagen4.id="imagen21";		
			imagen4.style.width="250px";
			imagen4.style.height="250px";
			imagen4.src="img/productos/21.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen4.onmouseover = function(){						
					aumentaVista(2,1);
				};
			}
			else 
				imagen4.setAttribute("onmouseover", "aumentaVista('" + 2 + "','" + 1 + "');");
					
			divImagen4.appendChild(imagen4);
			td4.appendChild(divImagen4);
			tr2.appendChild(td4);				
				
				
			/* FILA 2 COLUMNA 2 */
											
			var td5=document.createElement("td");
			td5.className="producto";
			td5.id="columna22";
			
			var divImagen5=document.createElement("div");
			divImagen5.id="divImagen22";
			divImagen5.style.width="250px";
			divImagen5.style.height="250px";
			var imagen5=document.createElement("img");					
			imagen5.id="imagen22";		
			imagen5.style.width="250px";
			imagen5.style.height="250px";
			imagen5.src="img/productos/22.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen5.onmouseover = function(){						
					aumentaVista(2,2);
				};
			}
			else 
				imagen5.setAttribute("onmouseover", "aumentaVista('" + 2 + "','" + 2 + "');");
					
			divImagen5.appendChild(imagen5);
			td5.appendChild(divImagen5);
			tr2.appendChild(td5);				
			
			/* FILA 2 COLUMNA 3 */
											
			var td6=document.createElement("td");
			td6.className="producto";
			td6.id="columna23";
			var divImagen6=document.createElement("div");
			divImagen6.id="divImagen23";
			divImagen6.style.width="250px";
			divImagen6.style.height="250px";
			var imagen6=document.createElement("img");					
			imagen6.id="imagen23";		
			imagen6.style.width="250px";
			imagen6.style.height="250px";
			imagen6.src="img/productos/23.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen6.onmouseover = function(){						
					aumentaVista(2,3);
				};
			}
			else 
				imagen6.setAttribute("onmouseover", "aumentaVista('" + 2 + "','" + 3 + "');");
					
			divImagen6.appendChild(imagen6);
			td6.appendChild(divImagen6);
			tr2.appendChild(td6);				
				
				
			tbody.appendChild(tr2);

			
			/* FILA 3 COLUMNA 1 */


			var tr3=document.createElement("tr");
											
			var td7=document.createElement("td");
			td7.className="producto";
			td7.id="columna31";
			var divImagen7=document.createElement("div");
			divImagen7.id="divImagen31";
			divImagen7.style.width="250px";
			divImagen7.style.height="250px";
			var imagen7=document.createElement("img");					
			imagen7.id="imagen31";		
			imagen7.style.width="250px";
			imagen7.style.height="250px";
			imagen7.src="img/productos/31.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen7.onmouseover = function(){						
					aumentaVista(3,1);
				};
			}
			else 
				imagen7.setAttribute("onmouseover", "aumentaVista('" + 3 + "','" + 1 + "');");
					
			divImagen7.appendChild(imagen7);
			td7.appendChild(divImagen7);
			tr3.appendChild(td7);							
				
			/* FILA 3 COLUMNA 2 */
											
			var td8=document.createElement("td");
			td8.className="producto";
			td8.id="columna32";
			var divImagen8=document.createElement("div");
			divImagen8.id="divImagen12";
			divImagen8.style.width="250px";
			divImagen8.style.height="250px";
			var imagen8=document.createElement("img");					
			imagen8.id="imagen32";		
			imagen8.style.width="250px";
			imagen8.style.height="250px";
			imagen8.src="img/productos/32.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen8.onmouseover = function(){						
					aumentaVista(3,2);
				};
			}
			else 
				imagen8.setAttribute("onmouseover", "aumentaVista('" + 3 + "','" + 2 + "');");
					
			divImagen8.appendChild(imagen8);
			td8.appendChild(divImagen8);
			tr3.appendChild(td8);				

			/* FILA 3 COLUMNA 3 */
											
			var td9=document.createElement("td");
			td9.className="producto";
			td9.id="columna33";
			var divImagen9=document.createElement("div");
			divImagen9.id="divImagen33";
			divImagen9.style.width="250px";
			divImagen9.style.height="250px";
			var imagen9=document.createElement("img");					
			imagen9.id="imagen33";		
			imagen9.style.width="250px";
			imagen9.style.height="250px";
			imagen9.src="img/productos/33.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen9.onmouseover = function(){						
					aumentaVista(3,3);
				};
			}
			else 
				imagen9.setAttribute("onmouseover", "aumentaVista('" + 3 + "','" + 3 + "');");
					
			divImagen9.appendChild(imagen9);
			td9.appendChild(divImagen9);
			tr3.appendChild(td9);				
								
			tbody.appendChild(tr3);


			/* FILA 4 COLUMNA 1 */


			var tr4=document.createElement("tr");
											
			var td10=document.createElement("td");
			td10.className="producto";
			td10.id="columna41";
			var divImagen10=document.createElement("div");
			divImagen10.id="divImagen41";
			divImagen10.style.width="250px";
			divImagen10.style.height="250px";
			var imagen10=document.createElement("img");					
			imagen10.id="imagen41";		
			imagen10.style.width="250px";
			imagen10.style.height="250px";
			imagen10.src="img/productos/41.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen10.onmouseover = function(){						
					aumentaVista(4,1);
				};
			}
			else 
				imagen10.setAttribute("onmouseover", "aumentaVista('" + 4 + "','" + 1 + "');");
					
			divImagen10.appendChild(imagen10);
			td10.appendChild(divImagen10);
			tr4.appendChild(td10);							
				
			/* FILA 4 COLUMNA 2 */
											
			var td11=document.createElement("td");
			td11.className="producto";
			td11.id="columna42";
			var divImagen11=document.createElement("div");
			divImagen11.id="divImagen42";
			divImagen11.style.width="250px";
			divImagen11.style.height="250px";
			var imagen11=document.createElement("img");					
			imagen11.id="imagen42";		
			imagen11.style.width="250px";
			imagen11.style.height="250px";
			imagen11.src="img/productos/42.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen11.onmouseover = function(){						
					aumentaVista(4,2);
				};
			}
			else 
				imagen11.setAttribute("onmouseover", "aumentaVista('" + 4 + "','" + 2 + "');");
					
			divImagen11.appendChild(imagen11);
			td11.appendChild(divImagen11);
			tr4.appendChild(td11);				

			/* FILA 4 COLUMNA 3 */
											
			var td12=document.createElement("td");
			td12.className="producto";
			td12.id="columna43";
			var divImagen12=document.createElement("div");
			divImagen12.id="divImagen33";
			divImagen12.style.width="250px";
			divImagen12.style.height="250px";
			var imagen12=document.createElement("img");					
			imagen12.id="imagen43";		
			imagen12.style.width="250px";
			imagen12.style.height="250px";
			imagen12.src="img/productos/43.jpg";					
					
			if (navigator.appName == "Microsoft Internet Explorer") {
					imagen12.onmouseover = function(){						
					aumentaVista(4,3);
				};
			}
			else 
				imagen12.setAttribute("onmouseover", "aumentaVista('" + 4 + "','" + 3 + "');");
					
			divImagen12.appendChild(imagen12);
			td12.appendChild(divImagen12);
			tr4.appendChild(td12);				
								
			tbody.appendChild(tr4);

		
			tabla.appendChild(tbody);
			divTabla.appendChild(tabla);			
						
			cuerpo.appendChild(divTabla);	  		
			
			var divImagenAmpliada=document.createElement("div");
			divImagenAmpliada.className="divImagenAmpliada";   
			divImagenAmpliada.id="divImagenAmpliada";
  			cuerpo.appendChild(divImagenAmpliada);

  			var divImagenGrande=document.createElement("div");
  			divImagenGrande.id="divImagenGrande"+seccion;
	  		divImagenGrande.setAttribute('className','divImagenGrande');
  			cuerpo.appendChild(divImagenGrande);						

	}

}



/* Funciones para productos */

		
function aumentaVista(i,j)
{	
	var columna=document.getElementById("imagen"+i+j);		
	var x=obtenerPosicionAbsolutaX(columna);	
	var y=obtenerPosicionAbsolutaY(columna);

//  limpiamos la imagenAmpliada y creamos la nueva imagen
    clearObj(document.getElementById("divImagenAmpliada"));
	
	var divImagenAmpliada=document.getElementById("divImagenAmpliada");
	divImagenAmpliada.style.left=x+"px";
	if (navigator.appName == "Microsoft Internet Explorer") 
		divImagenAmpliada.style.top=(y-244);
	else
		divImagenAmpliada.style.top=(y-242)+"px";
		
	divImagenAmpliada.style.zIndex=100;

	var imagenAmpliada=document.createElement("img");
	imagenAmpliada.id="imagenAmpliada"+i;
	imagenAmpliada.className="imagen";	
	imagenAmpliada.src="img/productos/"+i+j+".jpg";
	imagenAmpliada.width="270";
	imagenAmpliada.height="270";
	imagenAmpliada.style.cursor="pointer";
	
	if(navigator.appName == "Microsoft Internet Explorer")
		imagenAmpliada.onmouseout=function(){disminuyeVista(i,j);};
	else
		imagenAmpliada.setAttribute("onmouseout","disminuyeVista('"+i+"','"+j+"');");	
	
	if(navigator.appName == "Microsoft Internet Explorer")
		imagenAmpliada.onclick=function(){herramienta(i,j);};
	else
		imagenAmpliada.setAttribute("onclick","herramienta('"+i+"','"+j+"');");	

	divImagenAmpliada.appendChild(imagenAmpliada);
	
// mostramos la imagen grande donde le corresponda
	document.getElementById("divTabla").appendChild(divImagenAmpliada);
	
}

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;
}


function disminuyeVista(i,j){

	clearObj(document.getElementById("divImagenAmpliada"));
	var divImagenAmpliada=document.getElementById("divImagenAmpliada");
	divImagenAmpliada.id="divImagenAmpliada";
	divImagenAmpliada.className="divImagenAmpliada";
	divImagenAmpliada.setAttribute('className','divImagenAmpliada');	
	divImagenAmpliada.style.zIndex=-100;
	
	clearObj(document.getElementById("divImagen"+i+j));
		
	var divImagen=document.getElementById("divImagen"+i+j);
	divImagen.id="divImagen"+i+j;
	var imagen=document.createElement("img");
	imagen.id="imagen"+i+j;
	imagen.src="img/productos/"+i+j+".jpg";
	if(navigator.appName == "Microsoft Internet Explorer")
		imagen.onmouseover = function(){
			aumentaVista(i,j);
		};
	else
		imagen.setAttribute("onmouseover","aumentaVista('"+i+"','"+j+"');");

	divImagen.appendChild(imagen);
	document.getElementById("columna"+i+j).appendChild(divImagen);
	document.getElementById("divTabla").appendChild(divImagenAmpliada);
	
}


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';
	}

// 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="img/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){		
	
	clearObj(document.getElementById("contentTools"));
    clearObj(document.getElementById("frameTools"));
	clearObj(document.getElementById("imagenGrande"));
	
	vtools=initTools('fondoTools', 'frameTools',i,j);
	document.getElementById('frameTools').style.left=obtenerPosicionAbsolutaX(document.getElementById('imagen11'))+"px";
	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/productos/"+i+j+".jpg";
	
	divImagenGrande.appendChild(imagenGrande);
	document.getElementById("contentTools").appendChild(divImagenGrande);
	i=""+i;
	j=""+j;
	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("Flamenquines"));
					document.getElementById("contentTools").appendChild(divTitulo1);

					var divTextoProducto1=document.createElement("div");
					divTextoProducto1.className="divTextoProducto";
					divTextoProducto1.style.display="block";				
					divTextoProducto1.style.marginTop="60px";	
									
					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Cerdo: Filete de lomo, jamón serrano, especias y empanado"));
					ul2.appendChild(li);

					li=document.createElement("li");
					li.appendChild(document.createTextNode("Pollo: Filete de pechuga de pollo, jamón serrano, especias y empanado"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Disponible en tamaño extragrande para hostelería"));
					ul.appendChild(li);
														
					divTextoProducto1.appendChild(ul);
					
					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("Morcilla de cebolla"));
					document.getElementById("contentTools").appendChild(divTitulo2);

					var divTextoProducto2=document.createElement("div");
					divTextoProducto2.className="divTextoProducto";
					divTextoProducto2.style.display="block";
					divTextoProducto2.style.marginTop="100px";					
					
					var ul=document.createElement("ul");					
					var li=document.createElement("li");
					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Manteca, papada y sangre de cerdo, cebolla y especias"));
					ul2.appendChild(li);
					ul.appendChild(ul2);									

					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Bolsa al vacío de 3 kg"));
					ul2.appendChild(li);					
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 6 kg"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	
											
					
					divTextoProducto2.appendChild(ul);

					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("San Jacobos"));
					document.getElementById("contentTools").appendChild(divTitulo3);

					var divTextoProducto3=document.createElement("div");
					divTextoProducto3.className="divTextoProducto";
					divTextoProducto3.style.display="block";								
					divTextoProducto3.style.marginTop="55px";	
					
					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Cerdo: Filete de lomo, jamón serrano, queso fundido, especias y empanado"));
					ul2.appendChild(li);

					li=document.createElement("li");
					li.appendChild(document.createTextNode("Pollo: Filete de pechuga de pollo, jamón serrano, queso fundido, especias y empanado"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Disponible en tamaño extragrande para hostelería"));
					ul.appendChild(li);
																
					divTextoProducto3.appendChild(ul);
					
					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("Dátiles con bacon"));
					document.getElementById("contentTools").appendChild(divTitulo4);

					var divTextoProducto4=document.createElement("div");
					divTextoProducto4.className="divTextoProducto";
					divTextoProducto4.style.display="block";
					divTextoProducto4.style.marginTop="110px";										
					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Dátiles deshuesados y bacon ahumado"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 2,5 kg congelado"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	
											
					
					divTextoProducto4.appendChild(ul);
					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("Chorizo casero extra"));
					document.getElementById("contentTools").appendChild(divTitulo5);

					var divTextoProducto5=document.createElement("div");
					divTextoProducto5.className="divTextoProducto";
					divTextoProducto5.style.display="block";
					divTextoProducto5.style.marginTop="110px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Magro de cerdo y especias"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 6 kg"));
					ul2.appendChild(li);					
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Bolsa al vacío de 3 kg"));
					ul2.appendChild(li);								
					ul.appendChild(ul2);	

					
					divTextoProducto5.appendChild(ul);
					document.getElementById("contentTools").appendChild(divTextoProducto5);				
					break;
				
				case "3":
					var divTitulo6=document.createElement("div");
					divTitulo6.className="divTitulo";
					divTitulo6.style.display="block";
					divTitulo6.align="center";					
					divTitulo6.appendChild(document.createTextNode("Rollos de bacon y queso"));
					document.getElementById("contentTools").appendChild(divTitulo6);

					var divTextoProducto6=document.createElement("div");
					divTextoProducto6.className="divTextoProducto";
					divTextoProducto6.style.display="block";
					divTextoProducto6.style.marginTop="110px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Bacon ahumado, queso fundido y empanado"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	
					
					divTextoProducto6.appendChild(ul);

					document.getElementById("contentTools").appendChild(divTextoProducto6);				
					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("Pechuga de pollo empanada"));
					document.getElementById("contentTools").appendChild(divTitulo7);

					var divTextoProducto7=document.createElement("div");
					divTextoProducto7.className="divTextoProducto";
					divTextoProducto7.style.display="block";
					divTextoProducto7.style.marginTop="100px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Pechuga de pollo fileteada adobada con especias y empanada"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Bandeja de 0,5 kg congelado"));
					ul2.appendChild(li);								
					ul.appendChild(ul2);	

					
					divTextoProducto7.appendChild(ul);

					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("Salchichas de pollo"));
					document.getElementById("contentTools").appendChild(divTitulo8);

					var divTextoProducto8=document.createElement("div");
					divTextoProducto8.className="divTextoProducto";
					divTextoProducto8.style.display="block";
					divTextoProducto8.style.marginTop="120px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Magro de pollo y cerdo y especias"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg sin congelar"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	

					
					divTextoProducto8.appendChild(ul);
					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("Croquetas"));
					document.getElementById("contentTools").appendChild(divTitulo9);

					var divTextoProducto9=document.createElement("div");
					divTextoProducto9.className="divTextoProducto";
					divTextoProducto9.style.display="block";
					divTextoProducto9.style.marginTop="30px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Jamón: Magro de cerdo, jamón serrano, cebolla, especias, harina y empanado"))
					ul2.appendChild(li);
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Pollo: Magro de pollo, cebolla, especias, harina y empanado"))
					ul2.appendChild(li);
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Espinacas: Magro de cerdo, jamón serrano, espinacas, cebolla, especias, harina y empanado"))
					ul2.appendChild(li);
					
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Bandeja de 0,5 kg congelado(sólo jamón)"));
					ul2.appendChild(li);								
					ul.appendChild(ul2);	

					
					divTextoProducto9.appendChild(ul);
					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("Hamburguesas"));
					document.getElementById("contentTools").appendChild(divTitulo10);

					var divTextoProducto10=document.createElement("div");
					divTextoProducto10.className="divTextoProducto";
					divTextoProducto10.style.display="block";
					divTextoProducto10.style.marginTop="80px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Cerdo: Magro de cerdo, cereales y especias"));
					ul2.appendChild(li);
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Pollo: Magro de cerdo y de pollo, cereales y especias"));
					ul2.appendChild(li);
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 2,5 kg sin congelar"));
					ul2.appendChild(li);								
					ul.appendChild(ul2);	
					
					divTextoProducto10.appendChild(ul);
					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("Albóndigas caseras"));
					document.getElementById("contentTools").appendChild(divTitulo11);

					var divTextoProducto11=document.createElement("div");
					divTextoProducto11.className="divTextoProducto";
					divTextoProducto11.style.display="block";
					divTextoProducto11.style.marginTop="110px";		

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Magro de cerdo, harina, pan rallado, vino y especias"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	
					
					divTextoProducto11.appendChild(ul);
					document.getElementById("contentTools").appendChild(divTextoProducto11);				
					break;
				
				case "3":
					var divTitulo12=document.createElement("div");
					divTitulo12.className="divTitulo";
					divTitulo12.style.display="block";
					divTitulo12.align="center";					
					divTitulo12.appendChild(document.createTextNode("Serranitos"));
					document.getElementById("contentTools").appendChild(divTitulo12);

					var divTextoProducto12=document.createElement("div");
					divTextoProducto12.className="divTextoProducto";
					divTextoProducto12.style.display="block";
					divTextoProducto12.style.marginTop="110px";	

					var ul=document.createElement("ul");					
					var li=document.createElement("li");

					li.style.background="url()";
					li.appendChild(document.createTextNode("Ingredientes: "));
					ul.appendChild(li);					

					var ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Filete de lomo, jamón serrano, pimiento, especias y empanado"))
					ul2.appendChild(li);					
					ul.appendChild(ul2);


					li=document.createElement("li");
					li.style.background="url()";					
					li.appendChild(document.createTextNode("Formato: "));
					ul.appendChild(li);
					ul2=document.createElement("ul");
					li=document.createElement("li");
					li.appendChild(document.createTextNode("Caja de 3 kg congelado"));
					ul2.appendChild(li);					
					ul.appendChild(ul2);	

					
					divTextoProducto12.appendChild(ul);

					document.getElementById("contentTools").appendChild(divTextoProducto12);				
					break;
			}		
			break;
	}				

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