var loc = window.location.hash, menuSelec = "", dirGaleria = "galeria/", dirNovedades = "nuevaColeccion/", dirOfertas = "ofertas/", 
contDirGaleria, imagenGaleriaActual, imagenOfertaPrecarga;

function general_load (descargar) {
	(descargar) ? document.getElementById("cargando").style.display = "none" : document.getElementById("cargando").style.display = "";
}

function crearNodoTexto (etiqueta, texto) {
	var nodoTexto = document.createElement(etiqueta);
	nodoTexto.appendChild(document.createTextNode(texto));

	return nodoTexto;
}

function crearNodoLink (texto, src) {
	var a = document.createElement('a');
	a.appendChild(document.createTextNode(texto));
	a.setAttribute('href', src);

	return a;
}

function crearImagenLink (imagen, src) {
	var a = document.createElement('a');
	var img = document.createElement('img');
	img.setAttribute('src', imagen);
	a.appendChild(img);
	a.setAttribute('href', src);

	return a;
}

function menu (boton) {
	$(boton).fadeIn('fast');
}

function menuOculta (boton) {
	$(boton).fadeOut('fast');
}

function compruebaCambiosLocation () {
	if (loc != window.location.hash) {
		alert ("algo está cambiando");
		loc = window.location.hash;
	}
}

// Funcion Galería

function iniciarGaleria () {
	var url = "PHP/listaImagenesDir.php?directorio=galeria";
	var respuestas = new net.CargadorContenidos (url, iniciarGaleria_res, general_load, '', 'GET');
}

function iniciarGaleria_res () {
	contDirGaleria = this.req.responseXML.firstChild;
	muestraFotoGaleria(0);

	general_load(true);
}

function cargaGaleria (imagen) {
	if (imagen) { 
		imagenGaleriaActual = imagen;
	} else {
		imagenGaleriaActual = 0;
	}
	var columnaIzquierda = document.getElementById("columnaIzquierda");
	var imgAnterior = imagenGaleriaActual - 1;
	var imgSiguiente = imagenGaleriaActual + 1;
	
	if (!document.getElementById("contMinis")) {
		var contMinis = document.createElement("div");
		contMinis.setAttribute("id", "contMinis");
		columnaIzquierda.appendChild(contMinis);
	} else {
		var contMinis = document.getElementById("contMinis");
		contMinis.innerHTML = "";
	}
	
	if (imagenGaleriaActual == 0) {
		// Pongo un div vacio para conservar la altura
		var contAnterior = document.createElement("div");
		contAnterior.setAttribute("id", "contGaleriaFlechas");
		contMinis.appendChild(contAnterior);
		// Pongo el mensaje de que estamos en la primera foto
		var contImagenActual = document.createElement("div");
		var parrafoPrimeraImagen = document.createElement("img");
		parrafoPrimeraImagen.setAttribute('src', 'imagenes/primeraFotoGaleria.png');
		contImagenActual.appendChild(parrafoPrimeraImagen);
		contImagenActual.setAttribute("id", "contImagenActual");
		contMinis.appendChild(contImagenActual);
		$("#contImagenActual").fadeIn('fast');
	}
	
	if (imagenGaleriaActual > 0) {
		// A partir de la segunda imagen muestro la flecha para retroceder (> 0)
		var contAnterior = document.createElement("div");
		contAnterior.setAttribute("id", "contGaleriaFlechas");
		var siguienteLink = crearImagenLink ('imagenes/flechaAnterior.png', 'javascript:cargaGaleria(' + imgAnterior + ');');
		contAnterior.appendChild(siguienteLink);
		contMinis.appendChild(contAnterior);
		// En las miniaturas muestro tambien la imagen anterior, en caso contrario muestro el texto que indica que estamos en la primera foto
		var contImagenActual = document.createElement("div");
		contImagenActual.setAttribute("id", "contImagenActual");
		var imagenActual = crearImagenLink (dirGaleria + "minis/" + "mini" + contDirGaleria.childNodes[imgAnterior].firstChild.firstChild.data, "javascript:muestraFotoGaleria(" + imgAnterior + ")");
		contImagenActual.appendChild(imagenActual);
		contMinis.appendChild(contImagenActual);
		$("#contImagenActual").fadeIn('fast');
	}

	// muestro la miniatura de la imagen actual
	var contImagenActual = document.createElement("div");
	contImagenActual.setAttribute("id", "contImagenCentral");
	var imagenActual = crearImagenLink (dirGaleria + "minis/" + "mini" + contDirGaleria.childNodes[imagenGaleriaActual].firstChild.firstChild.data, "javascript:muestraFotoGaleria(" + imagenGaleriaActual + ")");
	contImagenActual.appendChild(imagenActual);
	contMinis.appendChild(contImagenActual);
	$("#contImagenCentral").fadeIn('fast');
	
	if (imagenGaleriaActual < contDirGaleria.childNodes.length - 1) {
		// En las miniaturas muestro tambien la imagen siguiente, en caso contrario muestro el texto que indica que estamos en la ultima foto
		var contImagenSiguiente = document.createElement("div");
		contImagenSiguiente.setAttribute("id", "contImagenSiguiente");
		var imagenSiguiente = crearImagenLink (dirGaleria + "minis/" + "mini" + contDirGaleria.childNodes[imgSiguiente].firstChild.firstChild.data, "javascript:muestraFotoGaleria(" + imgSiguiente + ")");
		contImagenSiguiente.appendChild(imagenSiguiente);
		contMinis.appendChild(contImagenSiguiente);
		$("#contImagenSiguiente").fadeIn('fast');
	}
	
	if (imagenGaleriaActual < contDirGaleria.childNodes.length - 2) {
		// Siempre que no sea la última foto muestro la flecha de siguiente
		var contSiguiente = document.createElement("div");
		contSiguiente.setAttribute("id", "contGaleriaFlechas");
		var siguienteLink = crearImagenLink ('imagenes/flechaSiguiente.png', 'javascript:cargaGaleria(' + imgSiguiente + ');');
		contSiguiente.appendChild(siguienteLink);
		contMinis.appendChild(contSiguiente);
	}
	
	if (imagenGaleriaActual == contDirGaleria.childNodes.length - 1) {
		// Pongo el mensaje de que estamos en la última foto
		var contUltimaImagen = document.createElement("div");
		var parrafoUltimaImagen = document.createElement('img');
		parrafoUltimaImagen.setAttribute('src', 'imagenes/ultimaFotoGaleria.png');
		contUltimaImagen.appendChild(parrafoUltimaImagen);
		contUltimaImagen.setAttribute("id", "contUltimaImagen");
		contMinis.appendChild(contUltimaImagen);
		$("#contUltimaImagen").fadeIn('fast');
	}
}

function muestraFotoGaleria (foto) {
	var contenedor = document.getElementById('contenedorImagenGaleria');
//	$("#contenedorImagenGaleria").fadeOut('fast')
	contenedor.style.display = 'none';
	var imagenActual = document.createElement('img');
	var imagenSrc = dirGaleria + contDirGaleria.childNodes[foto].firstChild.firstChild.data;
	var apaisado = contDirGaleria.childNodes[foto].childNodes[1].firstChild.data;
	if (apaisado == 1) {
		contenedor.style.marginTop = "40px";
	} else {
		contenedor.style.marginTop = "0px";
	}
	imagenActual.setAttribute ('src', imagenSrc);
	imagenActual.setAttribute ('id', contDirGaleria.childNodes[foto].firstChild.firstChild.data);
	if (contenedor.hasChildNodes ()) {
		contenedor.removeChild (contenedor.firstChild);
	}
	contenedor.appendChild (imagenActual);
	$('#contenedorImagenGaleria').fadeIn('fast');

	cargaGaleria(foto);
}

// Funciones Nueva colección


function iniciarNuevaCol () {
	var url = "PHP/listaImagenesDir.php?directorio=nuevaColeccion";
	var respuestas = new net.CargadorContenidos (url, iniciarNuevaCol_res, general_load, '', 'GET');
}

function iniciarNuevaCol_res () {
	contDirGaleria = this.req.responseXML.firstChild;
	muestraFotoNuevaCol(0);

	general_load(true);
}

function muestraFotoNuevaCol (foto) {
	var contenedor = document.getElementById('contenedorImagenGaleria');
//	$("#contenedorImagenGaleria").fadeOut('fast')
	contenedor.style.display = 'none';
	var imagenActual = document.createElement('img');
	var imagenSrc = dirNovedades + contDirGaleria.childNodes[foto].firstChild.firstChild.data;
	var apaisado = contDirGaleria.childNodes[foto].childNodes[1].firstChild.data;
	if (apaisado == 1) {
		contenedor.style.marginTop = "40px";
	} else {
		contenedor.style.marginTop = "0px";
	}
	imagenActual.setAttribute ('src', imagenSrc);
	imagenActual.setAttribute ('id', contDirGaleria.childNodes[foto].firstChild.firstChild.data);
	if (contenedor.hasChildNodes ()) {
		contenedor.removeChild (contenedor.firstChild);
	}
	contenedor.appendChild (imagenActual);
	$('#contenedorImagenGaleria').fadeIn('fast');

	cargaNuevaCol (foto);
}

function cargaNuevaCol (imagen) {
	if (imagen) { 
		imagenGaleriaActual = imagen;
	} else {
		imagenGaleriaActual = 0;
	}
	var columnaIzquierda = document.getElementById("columnaIzquierda");
	var imgAnterior = imagenGaleriaActual - 1;
	var imgSiguiente = imagenGaleriaActual + 1;
	
	if (!document.getElementById("contMinis")) {
		var contMinis = document.createElement("div");
		contMinis.setAttribute("id", "contMinis");
		columnaIzquierda.appendChild(contMinis);
	} else {
		var contMinis = document.getElementById("contMinis");
		contMinis.innerHTML = "";
	}
	
	if (imagenGaleriaActual == 0) {
		// Pongo un div vacio para conservar la altura
		var contAnterior = document.createElement("div");
		contAnterior.setAttribute("id", "contGaleriaFlechas");
		contMinis.appendChild(contAnterior);
		// Pongo el mensaje de que estamos en la primera foto
		var contImagenActual = document.createElement("div");
		var parrafoPrimeraImagen = document.createElement("img");
		parrafoPrimeraImagen.setAttribute('src', 'imagenes/primeraFotoGaleria.png');
		contImagenActual.appendChild(parrafoPrimeraImagen);
		contImagenActual.setAttribute("id", "contImagenActual");
		contMinis.appendChild(contImagenActual);
		$("#contImagenActual").fadeIn('fast');
	}
	
	if (imagenGaleriaActual > 0) {
		// A partir de la segunda imagen muestro la flecha para retroceder (> 0)
		var contAnterior = document.createElement("div");
		contAnterior.setAttribute("id", "contGaleriaFlechas");
		var siguienteLink = crearImagenLink ('imagenes/flechaAnterior.png', 'javascript:cargaNuevaCol(' + imgAnterior + ');');
		contAnterior.appendChild(siguienteLink);
		contMinis.appendChild(contAnterior);
		// En las miniaturas muestro tambien la imagen anterior, en caso contrario muestro el texto que indica que estamos en la primera foto
		var contImagenActual = document.createElement("div");
		contImagenActual.setAttribute("id", "contImagenActual");
		var imagenActual = crearImagenLink (dirNovedades + "minis/" + "mini" + contDirGaleria.childNodes[imgAnterior].firstChild.firstChild.data, "javascript:muestraFotoNuevaCol(" + imgAnterior + ")");
		contImagenActual.appendChild(imagenActual);
		contMinis.appendChild(contImagenActual);
		$("#contImagenActual").fadeIn('fast');
	}

	// muestro la miniatura de la imagen actual
	var contImagenActual = document.createElement("div");
	contImagenActual.setAttribute("id", "contImagenCentral");
	var imagenActual = crearImagenLink (dirNovedades + "minis/" + "mini" + contDirGaleria.childNodes[imagenGaleriaActual].firstChild.firstChild.data, "javascript:muestraFotoNuevaCol(" + imagenGaleriaActual + ")");
	contImagenActual.appendChild(imagenActual);
	contMinis.appendChild(contImagenActual);
	$("#contImagenCentral").fadeIn('fast');
	
	if (imagenGaleriaActual < contDirGaleria.childNodes.length - 1) {
		// En las miniaturas muestro tambien la imagen siguiente, en caso contrario muestro el texto que indica que estamos en la ultima foto
		var contImagenSiguiente = document.createElement("div");
		contImagenSiguiente.setAttribute("id", "contImagenSiguiente");
		var imagenSiguiente = crearImagenLink (dirNovedades + "minis/" + "mini" + contDirGaleria.childNodes[imgSiguiente].firstChild.firstChild.data, "javascript:muestraFotoNuevaCol(" + imgSiguiente + ")");
		contImagenSiguiente.appendChild(imagenSiguiente);
		contMinis.appendChild(contImagenSiguiente);
		$("#contImagenSiguiente").fadeIn('fast');
	}
	
	if (imagenGaleriaActual < contDirGaleria.childNodes.length - 2) {
		// Siempre que no sea la última foto muestro la flecha de siguiente
		var contSiguiente = document.createElement("div");
		contSiguiente.setAttribute("id", "contGaleriaFlechas");
		var siguienteLink = crearImagenLink ('imagenes/flechaSiguiente.png', 'javascript:cargaNuevaCol(' + imgSiguiente + ');');
		contSiguiente.appendChild(siguienteLink);
		contMinis.appendChild(contSiguiente);
	}
	
	if (imagenGaleriaActual == contDirGaleria.childNodes.length - 1) {
		// Pongo el mensaje de que estamos en la última foto
		var contUltimaImagen = document.createElement("div");
		var parrafoUltimaImagen = document.createElement('img');
		parrafoUltimaImagen.setAttribute('src', 'imagenes/ultimaFotoGaleria.png');
		contUltimaImagen.appendChild(parrafoUltimaImagen);
		contUltimaImagen.setAttribute("id", "contUltimaImagen");
		contMinis.appendChild(contUltimaImagen);
		$("#contUltimaImagen").fadeIn('fast');
	}
}

// Funciones ofertas

function iniciarOfertas () {
	var url = "admin/php/listaOfertas.php";
	var respuestas = new net.CargadorContenidos (url, iniciarOfertas_res, general_load, '', 'GET');
}

function iniciarOfertas_res () {
	contDirGaleria = this.req.responseXML.firstChild;
	muestraFotoOfertas(0);

	general_load(true);
}

function muestraFotoOfertas_old (foto) {
	var contenedor = document.getElementById('contenedorImagenGaleria');
//	$("#contenedorImagenGaleria").fadeOut('fast')
	contenedor.style.display = 'none';
	var imagenActual = document.createElement('img');
	var imagenSrc = dirOfertas + contDirGaleria.childNodes[foto].firstChild.firstChild.data;
	var apaisado = contDirGaleria.childNodes[foto].childNodes[1].firstChild.data;
	if (apaisado == 1) {
		contenedor.style.marginTop = "40px";
	} else {
		contenedor.style.marginTop = "0px";
	}
	(contDirGaleria.childNodes[foto].childNodes[2].hasChildNodes()) ?
		des = contDirGaleria.childNodes[foto].childNodes[2].firstChild.data : des = null;
	(contDirGaleria.childNodes[foto].childNodes[3].hasChildNodes()) ?
		precio = contDirGaleria.childNodes[foto].childNodes[3].firstChild.data : precio = null;
	
	var contOferta = document.createElement ('div');
	contOferta.setAttribute ('id', 'textoOferta');
	contOferta.appendChild (document.createTextNode (des));
	contOferta.appendChild (document.createTextNode (precio + "\u20AC"));
	
	imagenActual.setAttribute ('src', imagenSrc);
	imagenActual.setAttribute ('id', contDirGaleria.childNodes[foto].firstChild.firstChild.data);
	if (contenedor.hasChildNodes ()) {
		contenedor.replaceChild(contOferta, contenedor.childNodes[0]);
		contenedor.replaceChild(imagenActual, contenedor.childNodes[1]);
	} else {
		contenedor.appendChild (contOferta);
		contenedor.appendChild (imagenActual);
	}
	
	$('#contenedorImagenGaleria').fadeIn('fast');

	cargaOfertas (foto);
}

function muestraFotoOfertas (foto) {
	var contenedor = document.getElementById('contenedorImagenOfertas');
	
	var contImagen = document.createElement('div');
	contImagen.setAttribute('id', 'contImagen');
	
	var imagenActual = new Image();
	var imagenSrc = dirOfertas + contDirGaleria.childNodes[foto].firstChild.firstChild.data;
	imagenActual.setAttribute ("src", imagenSrc);
	imagenActual.setAttribute ("id", contDirGaleria.childNodes[foto].firstChild.firstChild.data);
	imagenOfertaPrecarga = contDirGaleria.childNodes[foto].firstChild.firstChild.data;
//	imagenActual.setAttribute ("onload", "alert('hola');");
	
	var apaisado = contDirGaleria.childNodes[foto].childNodes[1].firstChild.data;
	if (apaisado == 1) {
		contImagen.style.top = "40px";
		contImagen.style.minHeight = "200px";
	} else {
		contImagen.style.left = "100px";
		contImagen.style.height = "550px";
	}
	
	(contDirGaleria.childNodes[foto].childNodes[2].hasChildNodes()) ?
		des = contDirGaleria.childNodes[foto].childNodes[2].firstChild.data : des = '';
	(contDirGaleria.childNodes[foto].childNodes[3].hasChildNodes()) ?
		precio = contDirGaleria.childNodes[foto].childNodes[3].firstChild.data + "\u20AC" : precio = '';
	
	var contOferta = document.createElement ('div');
	contOferta.setAttribute ('id', 'textoOferta');
		var contDes = crearNodoTexto ('div', des);
		contDes.setAttribute ('id', 'contDes');
		var contPrecio = crearNodoTexto ('div', precio);
		contPrecio.setAttribute ('id', 'contPrecio');
		contOferta.appendChild (contPrecio);
		contOferta.appendChild (contDes);
	
	contImagen.appendChild(contOferta);
	contImagen.appendChild(imagenActual);
	
	if (contenedor.hasChildNodes ()) {
		contenedor.replaceChild(contImagen, contenedor.childNodes[0]);
	} else {
		contenedor.appendChild (contImagen);
	}
	
	$("#contenedorImagenOfertas").fadeIn('fast');
	cargaOfertas (foto);
}

function cargaOfertas (imagen) {
	if (imagen) { 
		imagenGaleriaActual = imagen;
	} else {
		imagenGaleriaActual = 0;
	}
	var columnaIzquierda = document.getElementById("columnaIzquierda");
	var imgAnterior = imagenGaleriaActual - 1;
	var imgSiguiente = imagenGaleriaActual + 1;
	
	if (!document.getElementById("contMinis")) {
		var contMinis = document.createElement("div");
		contMinis.setAttribute("id", "contMinis");
		columnaIzquierda.appendChild(contMinis);
	} else {
		var contMinis = document.getElementById("contMinis");
		contMinis.innerHTML = "";
	}
	
	if (imagenGaleriaActual == 0) {
		// Pongo un div vacio para conservar la altura
		var contAnterior = document.createElement("div");
		contAnterior.setAttribute("id", "contGaleriaFlechas");
		contMinis.appendChild(contAnterior);
		// Pongo el mensaje de que estamos en la primera foto
		var contImagenActual = document.createElement("div");
		var parrafoPrimeraImagen = document.createElement("img");
		parrafoPrimeraImagen.setAttribute('src', 'imagenes/primeraFotoGaleria.png');
		contImagenActual.appendChild(parrafoPrimeraImagen);
		contImagenActual.setAttribute("id", "contImagenActual");
		contMinis.appendChild(contImagenActual);
		$("#contImagenActual").fadeIn('fast');
	}
	
	if (imagenGaleriaActual > 0) {
		// A partir de la segunda imagen muestro la flecha para retroceder (> 0)
		var contAnterior = document.createElement("div");
		contAnterior.setAttribute("id", "contGaleriaFlechas");
		var siguienteLink = crearImagenLink ('imagenes/flechaAnterior.png', 'javascript:cargaOfertas(' + imgAnterior + ');');
		contAnterior.appendChild(siguienteLink);
		contMinis.appendChild(contAnterior);
		// En las miniaturas muestro tambien la imagen anterior, en caso contrario muestro el texto que indica que estamos en la primera foto
		var contImagenActual = document.createElement("div");
		contImagenActual.setAttribute("id", "contImagenActual");
		var imagenActual = crearImagenLink (dirOfertas + "minis/" + "mini" + contDirGaleria.childNodes[imgAnterior].firstChild.firstChild.data, "javascript:muestraFotoOfertas(" + imgAnterior + ")");
		contImagenActual.appendChild(imagenActual);
		contMinis.appendChild(contImagenActual);
		$("#contImagenActual").fadeIn('fast');
	}

	// muestro la miniatura de la imagen actual
	var contImagenActual = document.createElement("div");
	contImagenActual.setAttribute("id", "contImagenCentral");
	var imagenActual = crearImagenLink (dirOfertas + "minis/" + "mini" + contDirGaleria.childNodes[imagenGaleriaActual].firstChild.firstChild.data, "javascript:muestraFotoOfertas(" + imagenGaleriaActual + ")");
	contImagenActual.appendChild(imagenActual);
	contMinis.appendChild(contImagenActual);
	$("#contImagenCentral").fadeIn('fast');
	
	if (imagenGaleriaActual < contDirGaleria.childNodes.length - 1) {
		// En las miniaturas muestro tambien la imagen siguiente, en caso contrario muestro el texto que indica que estamos en la ultima foto
		var contImagenSiguiente = document.createElement("div");
		contImagenSiguiente.setAttribute("id", "contImagenSiguiente");
		var imagenSiguiente = crearImagenLink (dirOfertas + "minis/" + "mini" + contDirGaleria.childNodes[imgSiguiente].firstChild.firstChild.data, "javascript:muestraFotoOfertas(" + imgSiguiente + ")");
		contImagenSiguiente.appendChild(imagenSiguiente);
		contMinis.appendChild(contImagenSiguiente);
		$("#contImagenSiguiente").fadeIn('fast');
	}
	
	if (imagenGaleriaActual < contDirGaleria.childNodes.length - 2) {
		// Siempre que no sea la última foto muestro la flecha de siguiente
		var contSiguiente = document.createElement("div");
		contSiguiente.setAttribute("id", "contGaleriaFlechas");
		var siguienteLink = crearImagenLink ('imagenes/flechaSiguiente.png', 'javascript:cargaOfertas(' + imgSiguiente + ');');
		contSiguiente.appendChild(siguienteLink);
		contMinis.appendChild(contSiguiente);
	}
	
	if (imagenGaleriaActual == contDirGaleria.childNodes.length - 1) {
		// Pongo el mensaje de que estamos en la última foto
		var contUltimaImagen = document.createElement("div");
		var parrafoUltimaImagen = document.createElement('img');
		parrafoUltimaImagen.setAttribute('src', 'imagenes/ultimaFotoGaleria.png');
		contUltimaImagen.appendChild(parrafoUltimaImagen);
		contUltimaImagen.setAttribute("id", "contUltimaImagen");
		contMinis.appendChild(contUltimaImagen);
		$("#contUltimaImagen").fadeIn('fast');
	}
}

// Funciones comunes

function enviarEmail () {
	var nombre			= 'nombre=' + document.getElementById('formNombre').value + '&';
	var email				= 'email=' + document.getElementById('formEmail').value + '&';
	var telefono		= 'telefono=' + document.getElementById('formTelefono').value + '&';
	var comentario	= 'comentario=' + document.getElementById('formComentario').value;
	
	var url = 'PHP/enviarEmail.php?' + nombre + email + telefono + comentario;
	var respuesta = new net.CargadorContenidos (url, enviarEmail_res, general_load, '', 'GET');
}

function enviarEmail_res () {
	var respuesta = this.req.responseText;
	var enviando = document.getElementById('enviando');
	if (respuesta == 'ok') {
		enviando.innerHTML = 'Enviado';
	} else {
		enviando.innerHTML = 'Error! env&iacute;e el email a <a href="mailto:info@garindecoracion.com">info@garindecoracion.com</a>, disculpe las molestias.';
	}
	
	general_load(true);
}

function cargaMenuTiendas () {
	var columnaIzquierda = document.getElementById('columnaIzquierda');
	var contMenuTiendas = document.createElement('div');
	contMenuTiendas.setAttribute('id', 'contMenuTiendas');
	
	var botonToledo = document.createElement('div');
	var imgBotonToledo = document.createElement('img');
	var aBotonToledo = document.createElement('a');
	imgBotonToledo.setAttribute('src', 'imagenes/tiendaToledo.jpg');
	aBotonToledo.setAttribute('href', '?tiendas');
	aBotonToledo.appendChild(imgBotonToledo);
	botonToledo.appendChild(aBotonToledo);
	botonToledo.setAttribute('id', 'botonToledo');
	
	var botonCopo = document.createElement('div');
	var imgBotonCopo = document.createElement('img');
	var aBotonCopo = document.createElement('a');
	imgBotonCopo.setAttribute('src', 'imagenes/tiendaDelcopo.jpg');
	aBotonCopo.setAttribute('href', '?tienda2');
	aBotonCopo.appendChild(imgBotonCopo);
	botonCopo.appendChild(aBotonCopo);
	botonCopo.setAttribute('id', 'botonCopo');
	
	contMenuTiendas.appendChild(botonToledo);
	contMenuTiendas.appendChild(botonCopo);
	columnaIzquierda.appendChild(contMenuTiendas);
}