/**
 * Función para seleccionar las pestañas de los modelos de alojamiento rural
 */

function preloadImages(basePath) {
	var pic1 = new Image(194,32);
	pic1.src = "../../imagenes/common/datos_activo.png";
	var pic2 = new Image(194,32);
	pic2.src = "../../imagenes/common/datos_inactivo.png";
	var pic3 = new Image(194,32);
	pic3.src = "../../imagenes/common/precios_activo.png";
	var pic4 = new Image(194,32);
	pic4.src = "../../imagenes/common/precios_inactivo.png";
}

function changeLayerRetu(elementDiv, basePath) { 
    if (elementDiv.className.indexOf("activeItem") >= 0 ) {
       return;
    }
    var numberId = parseInt(elementDiv.id.substring(8,9),10);
    for(var i = 1; i <= 2; i++) {
        if ( i != numberId ) {
            deselectAll(i);
        }
    }
    changeImageRetu(numberId, basePath);
    document.getElementById("menuItem" + numberId ).className = "commonItem activeItem";

    var oldClassName = document.getElementById('contentItem'+numberId).oldClassName;
    if(!oldClassName) {
        var oldClassName = document.getElementById('contentItem'+numberId).className;
        document.getElementById('contentItem'+numberId).oldClassName = oldClassName;
    }

    document.getElementById('contentItem'+numberId).className = oldClassName + ' activeContentItem';
}

/**
 * Función para deseleccionar las pestañas del modelo de procedimiento.
 */
function deselectAll(option) {
    document.getElementById("menuItem" + option ).className = "commonItem";         
    
    var oldClassName = document.getElementById('contentItem'+option).oldClassName;
    if(!oldClassName) {
        var oldClassName = document.getElementById('contentItem'+option).className;
        document.getElementById('contentItem'+option).oldClassName = oldClassName;
    }
    document.getElementById('contentItem'+option).className = oldClassName + ' inActiveContentItem';
}

/** 
 * Función para cambiar las imágenes usadas como menú principal (específico para Retu) 
 */
 function changeImageRetu(id, basePath) {
	 if(document.getElementById('menuItem1').childNodes[0].tagName == "IMG") {
		 //IE
		 var img1 = document.getElementById('menuItem1').childNodes[0];
		 var img2 = document.getElementById('menuItem2').childNodes[0];
	 } 
	 if(document.getElementById('menuItem1').childNodes[1].tagName == "IMG") {
		 //FF
		 var img1 = document.getElementById('menuItem1').childNodes[1];
		 var img2 = document.getElementById('menuItem2').childNodes[1];
	 }
	 
	 if(id == 1) {
		 //pestaña activa: Datos generales
		 img1.src = "../../imagenes/common/datos_activo.png";
		 img2.src = "../../imagenes/common/precios_inactivo.png";
	 }
	 if(id == 2) {
		 //pestaña activa: Precios y tarifas
		 img1.src = "../../imagenes/common/datos_inactivo.png";
		 img2.src = "../../imagenes/common/precios_activo.png";
	 }
 }
 
 /* Funciones para similar una galería de imágenes en el contenido */
 
 /* funcion para mostrar la siguiente imagen. Si llegamos a la última se muestra la primera y continuando...*/
 function changeImage() {
	 var div = document.getElementById('imageRetu');
	 var hided = false;
	 var show = false;
	 
	 for(var i=0; i<div.childNodes.length; i++) {
		 if(div.childNodes[i].tagName == 'IMG') {
			 if(hided) {
				 div.childNodes[i].style.display = 'block';
				 div.childNodes[i].style.visibility = 'visible';
				 show = true;
				 break;
			 }
			 if(div.childNodes[i].style.display == 'block') {
				 div.childNodes[i].style.display = 'none';
				 div.childNodes[i].style.visibility = 'hidden';
				 hided = true;
			 }
		 }
	 }
	 if(!show) {
		 //mostramos la primera imagen
		 for(var i=0; i<div.childNodes.length; i++) {
			 if(div.childNodes[i].tagName == 'IMG') {
				 div.childNodes[i].style.display = 'block';
				 div.childNodes[i].style.visibility = 'visible';
				 break;
			 }
		 }
	 }
	 checkMaxIcon();
	 centerImage();
 }


 
 /* funcion que muestra la capa con la imagen ampliada */
 function showBigImage() {
	 var div = document.getElementById('imageRetu');
	 var id = 0;
	 
	 for(var i=0; i<div.childNodes.length; i++) {
		 if(div.childNodes[i].tagName == 'IMG' && div.childNodes[i].style.display == 'block') {
			 id = div.childNodes[i].id;
			 break;
		 }
	 }
	 
	 if(id > 0) {
		 showRetu('div_'+id);
	 }
 }
 
 /* funcion que comprueba si mostrar o no el icono para mostrar la imagen ampliada */
 function checkMaxIcon() {
	 var div = document.getElementById('imageRetu');
	 var id = 0;
	 
	 document.getElementById('maxImg').style.display = 'none';
	 document.getElementById('maxImg').style.visibility = 'hidden';
	 
	 for(var i=0; i<div.childNodes.length; i++) {
		 if(id == 0) {
			 if(div.childNodes[i].tagName == 'IMG' && div.childNodes[i].style.display == 'block') {
				 id = div.childNodes[i].id;
				 break;
			 }
		 }
	 }
         
	 // Verificamos si existe el elemento correspondendiente.
	 if(document.getElementById('div_'+id) != undefined) {
		 document.getElementById('maxImg').style.display = 'inline';
		 document.getElementById('maxImg').style.visibility = 'visible';
	 } 
 }
 
 /* funcion que comprueba si mostrar o no el icono para mostrar la siguiente imagen */
 function checkNextIcon() {
	 var div = document.getElementById('imageRetu');
	 var count = 0;
	 
	 for(var i=0; i<div.childNodes.length; i++) {
		 if(div.childNodes[i].tagName == 'IMG') {
			 count += 1;
		 }
	 }
	 
	 if(count == 1) {
		 document.getElementById('nextImg').style.display = 'none';
		 document.getElementById('nextImg').style.visibility = 'hidden';
	 }

 }
 
 /* funcion para ocultar una capa */
 function hideRetu(idLayer) {
	 document.getElementById(idLayer).style.display = 'none';
	 document.getElementById(idLayer).style.visibility = 'hidden';
 }
 
 /* funcion para mostrar una capa */
 function showRetu(idLayer) {
	 
	var imageToZoom = document.getElementById(idLayer);
	
	if(navigator.family == 'ie4' && navigator.version <= 6) {
		
		imageToZoom.style.display = 'block';
		imageToZoom.style.visibility = 'visible';
	
	} else {
	
		if(imageToZoom.parentNode.id != 'retuImageContainer') {
			var imageContainer = document.getElementById('retuImageContainer');
			var newImageLayer = imageToZoom.cloneNode(true);
			 
			// Eliminamos la imagen del padre.
			imageToZoom.parentNode.removeChild(imageToZoom);
		
			// Añadimos el elemento.
			imageContainer.appendChild(newImageLayer);
		
			imageToZoom = newImageLayer;
				 
			var imageWidth = 0;
			var imageHeight = 0;
				 
			if(navigator.family == 'ie4') {
				imageWidth = parseInt(imageToZoom.getElementsByTagName('IMG')[0].currentStyle.width.substring(0,imageToZoom.getElementsByTagName('IMG')[0].currentStyle.width.length - 2));
				imageHeight = parseInt(imageToZoom.getElementsByTagName('IMG')[0].currentStyle.height.substring(0,imageToZoom.getElementsByTagName('IMG')[0].currentStyle.height.length - 2));
			} else {
				imageWidth = parseInt(imageToZoom.getElementsByTagName('IMG')[0].width);
				imageHeight = parseInt(imageToZoom.getElementsByTagName('IMG')[0].height);
			}	
				 
			var documentWidth = 0;
			var documentHeight = 0;
				 
			if(navigator.family == 'ie4') {
				documentWidth = document.body.scrollWidth;
				documentHeight = document.body.scrollHeight;
			} else {
				documentWidth = document.body.offsetWidth;
				documentHeight = document.body.offsetHeight;
			}
		
			imageToZoom.style.left = (documentWidth - (imageWidth + 10))/2;
			imageToZoom.style.top =  (documentHeight - (imageHeight + 10))/2;
		}
		 
		imageToZoom.style.display = 'block';
		imageToZoom.style.visibility = 'visible';
	}
 }
 
 /* funcion para mostrar la descipción completa del alojamiento */
 function showAllText() {
	 document.getElementById('dots').style.display = 'none';
	 document.getElementById('viewMore').style.display = 'none';
	 document.getElementById('fullComment').style.display = 'inline';
 }
 
 /* funcion para centrar la imagen verticalmente */
 function centerImage() {
	 var layer = document.getElementById('imageRetu');
	 
	  for(var i=0; i<layer.childNodes.length; i++) {
		 if(layer.childNodes[i].tagName == 'IMG' && layer.childNodes[i].style.display == 'block') {
			 //hemos encontrado la imagen que se muestra dentro de la capa
			 var imageHeight = 0;
			 var layerHeight = 172;
			 if(navigator.family == 'ie4') {
				 imageHeight = parseInt(layer.childNodes[i].currentStyle.height.substring(0,layer.childNodes[i].currentStyle.height.length - 2));
			 } else {
				 imageHeight = parseInt(layer.childNodes[i].height);
			 }
			 layer.style.paddingTop = parseInt((layerHeight - imageHeight)/2);
			 break;
		 }
	  }
 }

function modifyBg() {
}