/* ------ Para que aparezcan varias imagenes en pantalla -------*/

// Numero de iconos que tenemos
var num_iconos = 8;

// Indicala categoria de fotos seleccionada
var seleccion = "";

// Imagen en blanco
var imgBlanco = new Image();
imgBlanco.src = "../images/fondo_blanco.jpg";

//directorio o ruta donde están las imágenes
var direEstandarIco = "../images/iconos/estandar/";
var direLujoIco = "../images/iconos/lujo/";
var direExteriorIco = "../images/iconos/exterior/";

var direEstandarIma = "../images/fotos/estandar/";
var direLujoIma = "../images/fotos/lujo/";
var direExteriorIma = "../images/fotos/exterior/";

var imagenes_estandar=new Array();
var imagenes_lujo=new Array();
var imagenes_exterior=new Array();

var preImagenesEstandar = new Array();
var preImagenesLujo = new Array();
var preImagenesExterior = new Array();

// Guarda la imagen seleccionada actualemente
var imagenSeleccionada = "icono1";

// Texto de las imágenes
var texto_estandar = new Array();
var texto_lujo = new Array();
var texto_exterior = new Array();

var texto_inicio = "";

// Para el ALT de las imágenes, igual para todas
var alt = new Array();
alt[1] = "casas rurales en alquiler";
alt[2] = "rurales encanto";
alt[3] = "casas cuevas";
alt[4] = "casas jacuzzi";
alt[5] = "casas rurales jacuzzi"; 
alt[6] = "alquiler cuevas"; 
alt[7] = "cuevas granada";
alt[8] = "alojamientos encanto";
 
// Rellenamos los textos ---



texto_tablaIconos = '<table width="750" border="0" id="tablaIconos"><tr><td width="85" height="74" id="columnIcon1"><a href="#" title="cuevas guadix"><img src="." name="icono1" id="icono1" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono1\'); cambiaImagen(\'1\'); cambiaTexto(\'1\')"></a><div id="icon1text"></div></td><td width="85"><a href="#" title="granada cueva"><img src="." name="icono2" id="icono2" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono2\'); cambiaImagen(\'2\'); cambiaTexto(\'2\')"></a><div id="icon2text" align="center" class="Estilo32"></div></td><td width="85"><a href="#" title="alojamientos encanto"><img src="." name="icono3" id="icono3" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono3\'); cambiaImagen(\'3\'); cambiaTexto(\'3\')"></a><div id="icon3text"></div></td><td width="60" align="left"><a href="#" title="encanto rural"><img src="." name="icono4" id="icono4" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono4\'); cambiaImagen(\'4\'); cambiaTexto(\'4\')"></a><div id="icon4text" align="center" class="Estilo32"></div></td><td width="28"><a href="#" title="turismo encanto"><img src="." name="icono5" id="icono5" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono5\'); cambiaImagen(\'5\'); cambiaTexto(\'5\')"></a><div id="icon5text"></div></td><td width="8"><a href="#" title="alquiler cuevas"><img src="." name="icono6" id="icono6" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono6\'); cambiaImagen(\'6\'); cambiaTexto(\'6\')"></a><div id="icon6text" align="center" class="Estilo32"></div></td><td width="26"><a href="#" title="cueva guadix"><img src="." name="icono7" id="icono7" width="85" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono7\'); cambiaImagen(\'7\'); cambiaTexto(\'7\')"></a><div id="icon7text"></div></td><td width="44"><a href="#" title="casas rurales en alquiler"><img src="." name="icono8" id="icono8" width="200" height="62" border="0" onClick="cambiaBordeSeleccion(\'icono8\'); cambiaImagen(\'8\'); cambiaTexto(\'8\')"></a><div id="icon8text" align="center" class="Estilo32">';

texto_inicio = texto_inicio+'Estas <strong>casas cuevas </strong> son una vivienda tradicional con mas de <strong>100 a&ntilde;os </strong>de antig&uuml;edad, recientemente restauradas<strong>. Excavadas </strong>&iacute;ntegramente <strong> en la monta&ntilde;a </strong>que delimita el casco urbano de un <strong>peque&ntilde;o pueblo </strong>de no mas de 300 habitantes.&#13;</p>';
texto_inicio = texto_inicio + '<ul><li>Alquiler integro de la cueva completa.';
texto_inicio = texto_inicio + '<li>Cada <strong>casa cueva</strong> tiene capacidad para <strong>7 personas</strong> distribuidas en tres dormitorios cada una mas un sofá cama.</li>';
texto_inicio = texto_inicio + '<li><strong>Niños</strong>: cuna y sillón trona</li>';
texto_inicio = texto_inicio + '<li><strong>Calefacción<strong>.</li>';
texto_inicio = texto_inicio + '<li>Cocinas totalmente equipadas con amplia <strong>chimenea</strong>.</li>';
texto_inicio = texto_inicio + '<li>Baño completo con singular <strong>ducha hidromasaje</strong> y <strong>Jacuzzi privado</strong>.</li>';
texto_inicio = texto_inicio + '<li>Salónes con televisión, DVD, colección de películas, juegos de mesa etc.</li>';
texto_inicio = texto_inicio + '<li>Amplia zona de <strong>barbacoas</strong>.</li>';
texto_inicio = texto_inicio + '<li>Se admiten <strong>animales</strong>.</li>';
texto_inicio = texto_inicio + '<li>Documentación de la zona.</li>';
texto_inicio = texto_inicio + '<li>Restaurantes a 150 metros.</li>';
texto_inicio = texto_inicio + '<li><strong>Balneario</strong> a 300 metros.</li></ul>';

// Cueva estandar
texto_estandar[1] = "Puede optar por el tipo de <strong>cueva Tradicional</strong>, que respeta al máximo la distribución, diseño y decoración de las cuevas tradicionales de la comarca.<br>Dispone de 3 dormitorios mas sofá cama para dos personas más";
texto_estandar[2] = "El espacio y distribución interior de nuestras <strong>casas cuevas</strong> nada tiene que envidiar a las casas actuales. Y sin embargo permite crear llamativos rincones integrados en la roca. Están dotadas de TV, TDT, DVD, colección de películas, juegos, guias turísticas de la comarca y provincia etc…";
texto_estandar[3] = "La cocina combina su diseño tradicional con el equipamiento moderno: vitrocerámica, microondas, frigorífico TV, DVD, tostadora, sandwichera … Amplio y variado menaje. Sus excelentes vistas y entrada de sol la convierten en una de las estancias mas acogedoras del conjunto de <strong>casas cuevas.</strong>";
texto_estandar[4] = "Nuestras <strong>casas cuevas</strong> están dotadas de una amplia <strong>chimenea</strong> preparada tanto para olvidar el transcurrir del tiempo junto al fuego, como para cocinar auténticos manjares en sus brasas";
texto_estandar[5] = "Estas <strong>casas rurales en alquiler</strong> disponen de un amplio Baño excavado caprichosamente en la roca y totalmente equipado.";
texto_estandar[6] = "En el Baño llama la atención la <strong>ducha hidromasaje</strong> instalada en una concavidad de la roca, con diferentes diseños en las distintas <strong>casas cuevas</strong>.";
texto_estandar[7] = "La orientación de este dormitorio permite disfrutar, desde primera hora de la mañana, de la entrada del sol por su amplio ventanal.<br> La forma de su techo, picado a “4 aguas” ya desde su origen en tiempos inmemoriales, es singular en este tipo de <strong>casas cuevas</strong> donde la mayor parte son en forma de bóveda";
texto_estandar[8] = "Para quien le guste <strong>dormir en el mas absoluto silencio</strong>, está destinado este tercer dormitorio, por ser el mas profundo de las <strong>casas cuevas</strong> aunque también el mas amplio.<br>Llamado tradicionalmente “el cuarto de la punta” era el escogido por el matrimonio en este tipo de vivienda";

// Cueva de lujo
texto_lujo[1] = "<br>Nuestra <strong>casa cueva “de lujo” es ideal</strong> para quienes busquen mayores espacios comunes (salón de 50 m2 con chimena, amplio baño con <strong>Jacuzzi</strong>, …) y, por qué no decirlo, mayor lujo, respetando siempre el <strong>encanto rural de las casas cuevas</strong> de la comarca. Dispone de 3 dormitorios mas sofá cama para dos personas más";
texto_lujo[6] = "El tercer dormitorio comparte la calidad y confort de los anteriores, con la ventaja adicional de estar ubicado justo al lado de la zona del salón donde está la chimenea de la cueva";
texto_lujo[2] = "Al mismo nivel de calidad del resto de la <strong>casa cueva</strong>, dispone de la una amplia cocina de diseño tradicional, adyacente al salón. Totalmente equipada: vitrocerámica, microondas, frigorífico, lavadora tostadora, sandwichera, batidora, amplio y variado menaje...";
texto_lujo[3] = "El baño con <strong>Jacuzzi</strong> incorporado, es la estrella de estas <strong>casas cuevas</strong>. En su diseño se ha buscado la integración de la calidad y el lujo en el espacio cavado en la roca. Consiguiendo así de nuevo ofrecer el <strong>encanto rural</strong> que busca el visitante.";
texto_lujo[4] = "Merece la pena hacer una parada en el <strong>Jacuzzi</strong>, totalmente privado, con capacidad para 2 y 3 personas, que como se puede ver ofrece un <strong>ambiente íntimo y silencioso</strong>, donde poder relajarnos olvidando el tiempo y el mundo exterior. Es sin duda lo mas buscado en el sector turístico de las <strong>casas rurales en alquiler</strong>";
texto_lujo[5] = "En línea del resto de este tipo de <strong>casas cueva</strong> “de lujo”, el dormitorio está equipado con el máximo confort y acogedor ambiente.";
texto_lujo[7] = "Finalizamos la visita fotográfica con el dormitorio mas profundo de la cueva. Donde está asegurado <strong>dormir en el silencio y oscuridad absolutos</strong>.";
texto_lujo[8] = "";

// Exterior
texto_exterior[1] = "Desde tiempos inmemoriales los habitantes de la comarca han aprovechado la bondad de sus montes de arcilla para construir en su interior estas <strong>casas cuevas</strong> singulares, actualmente dotadas de todo lujo de detalles y servicios";
texto_exterior[2] = "Una amplia zona exterior permite aprovechar los numerosos días de sol haciendo vida al aire libre";
texto_exterior[3] = "<strong>Casas cuevas</strong> con una ubicación privilegiada:<br>• Por sus magnificas vistas de <strong>Sierra Nevada</strong>.<br>• Orientación <strong>este</strong>, lo que la hace muy soleada.<br>• <strong>Elevadas</strong> respecto al pueblo y justo en el límite de este, lo cual las aísla lo suficiente de molestias vecinales, pero permite estar en el centro en un paseo de no mas de 5 minutos. ";
texto_exterior[7] = "Por supuesto en las <strong>casas rurales en alquiler</strong> no pueden faltar las <strong>barbacoas</strong>, ubicadas en la gran explanada del recito que hace de aparcamiento y zona exterior de ocio ";
texto_exterior[4] = "Magnífica vista exterior desde uno de los dormitorios de las <strong>casas cueva</strong>.";
texto_exterior[6] = "Los amplios ventanales de nuestras <strong>casas cuevas</strong> permiten disfrutar del <strong>Encanto Rural</strong> de nuestro paisaje";
texto_exterior[5] = "Detalles que contribuyen a este <strong>encanto rural</strong> en el que nos sumergen las <strong>casas cuevas</strong>";
texto_exterior[8] = "A 300 metros del <a href=\"http://www.balneario-graena.com/\" target=\"_blank\" title=\"rurales encanto\">Balneario de Graena.</a> <strong>Balneario árabe</strong> recientemente restaurado y dotado de las mas modernas instalaciones que le permitirán disfrutar de diferentes <strong>tratamientos hidrotermales</strong>: sauna, inhalaciones, piscinas, paseo de cantos rodados,  aromaterapia, ducha y masaje vichy, chorro a presión, duchas circular y  escocesa,  masajes, aplicaciones de lodos y algas…";

function imprimirSituacion() {
	if (window.print) {
		window.print();		
	} else {
		alert("Disculpe, su navegador no soporta esta opción.");
	}
}

// --------------------------------------------------------------------------------
// Imprime la pagina de incio de las fotos
function imprimirInicio() {
	
	var texto = "";
	var texto2 = "";
	
	resaltarOpcion("inicio");
	
	seleccion = "inicio";	
	// Quitamos los iconos para el inicio de las fotos
	for (i=1; i <= num_iconos; i++) {
		iconId = "icono"+i;
		iconIm = "Imagen"+i+".jpg";
		document.getElementById(iconId).width = 0;
		document.getElementById(iconId).height = 0;
	}	
	
	// Cambiamos la altura de la tabla de imagenes

	document.getElementById('tablaIco').innerHTML = "<table width=\"750\" border=\"0\"><blockquote><p align=\"left\" class=\"Estilo32\"><strong>Mediante las pestañas superiores puede ver la galeria de fotos de nuestras dos casas cuevas y de su zona exterior.</strong></p></blockquote></table>";	
	document.getElementById('tablat').valign = "center";	
	
	// Quitamos la foto grande
	document.foto.width = 0;
	document.foto.height = 0;
	
	// Texto
	texto = texto_inicio;
	texto2 = "";
	document.getElementById('texto').innerHTML = texto;
	document.getElementById('texto2').innerHTML = texto2;
	document.getElementById('texto').align = "left";
	
	document.getElementById('tablat').style.width = "700px";
	document.getElementById('tablai').style.width = "0px";
	
	//document.getElementById('tablat').border = "1";
	/*
	document.getElementById('tablat').width = "0";
	document.getElementById('tablai').width = "0";
	*/
}
		
// --------------------------------------------------------------------------------

// Funcion para imprimir las fotos de los iconos segun la opcion elegida
function imprimirIconos(opcion) {
	
document.getElementById('tablaIco').innerHTML = texto_tablaIconos;
	
	
	resaltarOpcion(opcion);
		
	// Asignamos alto de la tabla de iconos
	document.getElementById('tablaIconos').height = 80;
	
	// Quitamos seleccion
	if (seleccion != "") {
		document.getElementById(imagenSeleccionada).border = 0;	
	}
	
	seleccion = opcion;
	
	if (opcion=="lujo") {		
	
		for (i=1; i <= num_iconos; i++) {
			iconId = "icono"+i;
			iconIm = "Imagen"+i+".jpg";
			document.getElementById(iconId).src = direLujoIco+iconIm;	
			
			if (i==8) {
				document.getElementById(iconId).width = 0;
				document.getElementById(iconId).height = 0;
			} else if (i == 4)  {
				document.getElementById(iconId).width = 50;
				document.getElementById(iconId).height = 62;
			} else if (i == 1)  {
				document.getElementById(iconId).width = 100;
				document.getElementById(iconId).height = 50;
			} else {			
				document.getElementById(iconId).width = 85;
				document.getElementById(iconId).height = 62;
			}
		}
		
		// Seleccionamos la primera imagen
		imagenSeleccionada = "icono1";
		document.getElementById(imagenSeleccionada).border = 2;

	} else if (opcion=="estandar") {
		
		for (i=1; i <= num_iconos; i++) {
			iconId = "icono"+i;
			iconIm = "Imagen"+i+".jpg";
			document.getElementById(iconId).src = direEstandarIco+iconIm;	
			document.getElementById(iconId).width = 85;
			document.getElementById(iconId).height = 62;			
		}
		
		// Seleccionamos la primera imagen
		imagenSeleccionada = "icono1";
		document.getElementById(imagenSeleccionada).border = 2;		
		
	} else if (opcion=="exterior") {
	
		for (i=1; i <= num_iconos; i++) {
			iconId = "icono"+i;
			iconIm = "Imagen"+i+".jpg";
			document.getElementById(iconId).src = direExteriorIco+iconIm;
			
			// Imagenes verticales
			if ((i == 4) || (i==6)) {
				document.getElementById(iconId).width = 50;
				document.getElementById(iconId).height = 62;
			} else {	// Imagenes horizontales
				document.getElementById(iconId).width = 85;
				document.getElementById(iconId).height = 62;	
			}			
		
			//document.foto.alt = alt[foto];
			//document.foto.src = ruta;
			
		}
		
		// Seleccionamos la primera imagen
		imagenSeleccionada = "icono1";
		document.getElementById(imagenSeleccionada).border = 2;
		

	
	}
	
	cambiaImagen('1');
	cambiaTexto('1');
	
		
}

// Cambia el borde de la imagen seleccionada
function cambiaBordeSeleccion(foto) {
	// Quito la selección a la imagen actual
	document.getElementById(imagenSeleccionada).border = 0;		
	// Selecciono la nueva imagen
	document.getElementById(foto).border = 2;

	imagenSeleccionada = foto;
}

// Cambia la imagen seleccionada
function cambiaImagen(foto) {
	
	// Ponemos imagen en blanco mientras cargamos
	document.foto.src = imgBlanco.src;
	
	// Inicializaos la vista de la foto
	
	var ruta = "../images/fotos/"+seleccion+"/Imagen"+foto+".jpg";
		
	// La foto de lujo del salon la pintamos de manera distinta
	if ( (seleccion == "lujo") && (foto == 1) ) {
	//	document.foto.src = ruta;
		document.foto.width = 746;
		document.foto.height = 331;		
		document.foto.alt = alt[foto];			

	// Comprobamos las imageges verticales
	} else if ( ((seleccion == "exterior") && ( (foto==6) || (foto == 4) ) ) 
				|| ( (seleccion == "lujo") && (foto == 4)  )	){
		
	//	document.foto.src = ruta;
		document.foto.width = 333;
		document.foto.height = 499;		
		document.foto.alt = alt[foto];			
	
	// Las demas son imagenes horizontales
	} else {
		//document.foto.src = ruta;
		document.foto.width = 502;
		document.foto.height = 333;
		document.foto.alt = alt[foto];
	}
	
	document.foto.src = ruta;
			
}


function hideDiv(id) {
	document.getElementById(id).style.visibility = "hidden"; 
	document.getElementById(id).style.display = "none";
}



// Funcion para cambiar el texto de las imagenes
function cambiaTexto(foto) {
	
	document.getElementById('texto').align = "center";
	
	if (seleccion!="inicio") {
		// Vemos la seleccion
		var texto = "";	
		var texto2 = "";
		
		if (seleccion == "lujo") {
			if (foto == 1) {
				texto = "";
				texto2 = texto_lujo[1];
			} else {
				texto = texto_lujo[foto];
				texto2 = "";
			}
		} else if (seleccion == "estandar") {
			texto = texto_estandar[foto];
			texto2 = "";
		} else if (seleccion == "exterior") {
			texto = texto_exterior[foto];
			texto2 = "";
		} 
	
		// Asignamos texto a la imagen mas grande
	
		document.getElementById('texto').innerHTML = texto;
		document.getElementById('texto2').innerHTML = texto2;
		//document.getElementById('texto2').align = "center";
	
		document.getElementById('tablat').width = "279";
		document.getElementById('tablai').width = "425";
	
	}

}

// funcion que resalta la seleccion de la categoria de fotos

function resaltarOpcion(opcion) {
	
	var url_imagen = "../images/fondos/selected.jpg";	
	var url_imagen_normal = "../images/fondos/Imagen1.jpg";	
	
	if (seleccion=="")
		seleccion = "inicio";
	
	// Quitamos la seleccion actual
	document.getElementById(seleccion+'MenuI').style.backgroundImage = "url("+url_imagen_normal+")";
	
	if (seleccion=="inicio") {
		document.getElementById(seleccion+'MenuT').innerHTML = '<div align="center" id="inicioMenuT" class="Estilo58"><a href="#" onclick="imprimirInicio();">Introducción </a></div>';
		
	} else if (seleccion=="estandar") {
		document.getElementById(seleccion+'MenuT').innerHTML = '<div align="center" id="estandarMenuT" class="Estilo58"><a href="#" onclick="imprimirIconos(\'estandar\');">Cueva Estándar </a></div>';
	} else if (seleccion=="lujo") {
		document.getElementById(seleccion+'MenuT').innerHTML = '<div align="center" id="lujoMenuT" class="Estilo58"><a href="#" onclick="imprimirIconos(\'lujo\');">Cueva Lujo </a></div>';
		
	} else if (seleccion=="exterior") {
		document.getElementById(seleccion+'MenuT').innerHTML = '<div align="center" id="exteriorMenuT" class="Estilo58"><a href="#" onclick="imprimirIconos(\'exterior\');">Exterior </a></div>';
	}
	
	// Selecionamos la opcion
	if (opcion=="inicio") {
		document.getElementById('inicioMenuI').style.backgroundImage = "url("+url_imagen+")";
		document.getElementById('inicioMenuT').innerHTML = '<div class="Estilo59">Introducción </div>';	
	} else if (opcion=="lujo") {
		document.getElementById('lujoMenuI').style.backgroundImage = "url("+url_imagen+")";		
		document.getElementById('lujoMenuT').innerHTML = '<div class="Estilo59">Cueva Lujo </div>';	
	} else if (opcion=="estandar") {
		document.getElementById('estandarMenuI').style.backgroundImage = "url("+url_imagen+")";
		document.getElementById('estandarMenuT').innerHTML = '<div class="Estilo59">Cueva Estándar </div>';	
	} else if (opcion=="exterior") {
		document.getElementById('exteriorMenuI').style.backgroundImage = "url("+url_imagen+")";
		document.getElementById('exteriorMenuT').innerHTML = '<div class="Estilo59">Exterior </div>';	
	}
	
}