var textos = new Array();
textos[0] = 'Texto foto hotel 1';
textos[1] = 'Texto foto hotel 2';
textos[2] = 'Texto foto hotel 3';
textos[3] = 'Texto foto hotel 4';
textos[4] = 'Texto foto hotel 5';
textos[5] = 'Texto foto hotel 6';
textos[6] = 'Texto foto hotel 7';
textos[7] = 'Texto foto hotel 8';

var fotos = new Array();
fotos[0] = 'images/elhotel/s/12.jpg';
fotos[1] = 'images/elhotel/s/14.jpg';
fotos[2] = 'images/elhotel/s/16.jpg';
fotos[3] = 'images/elhotel/s/17.jpg';
fotos[4] = 'images/elhotel/s/20.jpg';
fotos[5] = 'images/elhotel/s/21.jpg';
fotos[6] = 'images/elhotel/s/11.jpg';
fotos[7] = 'images/elhotel/s/15.jpg';
fotos[8] = 'images/elhotel/s/blank.jpg';

var fotosxl = new Array();
fotosxl[0] = 'images/elhotel/xl/12.jpg';
fotosxl[1] = 'images/elhotel/xl/14.jpg';
fotosxl[2] = 'images/elhotel/xl/16.jpg';
fotosxl[3] = 'images/elhotel/xl/17.jpg';
fotosxl[4] = 'images/elhotel/xl/20.jpg';
fotosxl[5] = 'images/elhotel/xl/21.jpg';
fotosxl[6] = 'images/elhotel/xl/11.jpg';
fotosxl[7] = 'images/elhotel/xl/15.jpg';

var fotosxxl = new Array();
fotosxxl[0] = 'images/elhotel/xxl/12.jpg';
fotosxxl[1] = 'images/elhotel/xxl/14.jpg';
fotosxxl[2] = 'images/elhotel/xxl/16.jpg';
fotosxxl[3] = 'images/elhotel/xxl/17.jpg';
fotosxxl[4] = 'images/elhotel/xxl/20.jpg';
fotosxxl[5] = 'images/elhotel/xxl/21.jpg';
fotosxxl[6] = 'images/elhotel/xxl/11.jpg';
fotosxxl[7] = 'images/elhotel/xxl/15.jpg';

pagina = 1;
pagina_max = 3;
foto_max = 7;
fotoxl = 0;
fotoxl_max = 7;
fotoxxl = 0;
fotoxxl_max = 7;
$(document).ready(function() {
	$("#visorxl").hide();
	visor_pagina(pagina);
	$("#nav_left").click(function(event) {
		pagina = pagina - 1;
		if (pagina < 1) pagina = 1;
		$("#nav_page").text(pagina + '/' + pagina_max);
		visor_pagina(pagina);
		return false;
	});
	$("#nav_right").click(function(event) {
		pagina = pagina + 1;
		if (pagina > pagina_max) pagina = pagina_max;
		$("#nav_page").text(pagina + '/' + pagina_max);
		visor_pagina(pagina);
		return false;
	});
	$(".fotovisor").click(function(event) {
		id = $(this).attr("id");
		if (id == "fotovisor1") i = 0;
		else if (id == "fotovisor2") i = 1;
		else if (id == "fotovisor3") i = 2;
		f = (pagina - 1) * 3 + i;
		if (f <= foto_max) foto_visorxl(f);
		return false;
	});
	$("#navxl_left").click(function(event) {
		fotoxl = fotoxl - 1;
		if (fotoxl < 0) fotoxl = 0;
		foto_visorxl(fotoxl);
		return false;
	});
	$("#navxl_right").click(function(event) {
		fotoxl = fotoxl + 1;
		if (fotoxl > fotoxl_max) fotoxl = fotoxl_max;
		foto_visorxl(fotoxl);
		return false;
	});
	$("#navxl_max").click(function(e) {
		e.preventDefault();
		var maskHeight = $(document).height();
		var maskWidth = $(document).width();
		$("#mask").css({
			'width': maskWidth,
			'height': maskHeight
		});
		$("#mask").css({opacity: .75}).fadeIn(1000);
		left = ($(document).width() - $("#visorxxl").width()) / 2;
		$("#visorxxl").css('left',left);
		$("#visorxxl").fadeIn(1000);
		fotoxxl = fotoxl;
		foto_visorxxl(fotoxxl);
		return false;
	});
	$("#navxl_close").click(function(e) {
		$("#visorxl").hide();
		$("#fotos").show();
		return false;
	});
	$("#navxxl_min,#mask").click(function() {
		$("#visorxxl").fadeOut(1000);
		$("#mask").fadeOut(1000);
		return false;
	});
	$("#navxxl_left").click(function(event) {
		fotoxxl = fotoxxl - 1;
		if (fotoxxl < 0) fotoxxl = 0;
		foto_visorxxl(fotoxxl);
		return false;
	});
	$("#navxxl_right").click(function(event) {
		fotoxxl = fotoxxl + 1;
		if (fotoxxl > fotoxxl_max) fotoxxl = fotoxxl_max;
		foto_visorxxl(fotoxxl);
		return false;
	});
});

function visor_pagina(p) {
	var i = (p - 1) * 3;
	$("#imgvisor1").attr("src",fotos[i]); 
	$("#imgvisor2").attr("src",fotos[i+1]);
	$("#imgvisor3").attr("src",fotos[i+2]);
}

function foto_visorxl(i) {
	if ($("#visorxl").is(":visible") == false) {
		$("#fotos").hide();
		$("#visorxl").show();
	}
	fotoxl = i;
	$("#imgvisorxl").attr("src",fotosxl[fotoxl]);
	$("#txtvisorxl").text(textos[fotoxl]);
}

function foto_visorxxl(i) {
	fotoxxl = i;
	$("#imgvisorxxl").attr("src",fotosxxl[fotoxxl]);
	$("#txtvisorxxl").text(textos[fotoxxl]);
}