// Documento JavaScript
// Esta función cargará las paginas

var sel_hab = 0;
var hab_sel = '';
var max_fotos = 0;
//var hpres = 0;
var idInterval = 0;
var aOpacity = 0;

function llamarasincrono (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}

// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}

function detalle_habitacion(id_habitacion, id_contenedor, max_f){
  hab_sel=id_habitacion;
  max_fotos=max_f;
  sel_hab=0;
  
  var  theUrl = './'+id_habitacion+'.html';
  
  llamarasincronohab(theUrl, id_contenedor);  
}

function llamarasincronohab (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpaginahab (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}

// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpaginahab (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
	sel_hab=0;
	siguiente_foto(1);
}

function llamarasincronoI (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpaginaI (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}

// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpaginaI (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
  idInterval = setInterval("showPage()", 100);	
}

function siguiente_foto(delta){
  
  var id_contenedor = 'fotogaleria';
  
  if (delta>0) {
   sel_hab++}
  else
  { sel_hab--};

  if (sel_hab<=0){
    sel_hab=max_fotos;
  }

  if (sel_hab>max_fotos){
    sel_hab=1;
  }
   
  if (sel_hab == 0){
   return false;
  }
  
  var theUrl='./img/'+hab_sel+'/'+sel_hab+'.jpg';
  var theUrlBig='./img/'+hab_sel+'/'+sel_hab+'_big.jpg';
 
  var theHTML = '<img src="'+theUrl+'" width="500px" alt="Foto de Habitacion" title="Foto de Habitacion"><br><a href="'+theUrlBig+'">Haga clic aqu&iacute; para ver en tamaño completo</a>';
  
  if (true){
    theContainer = document.getElementById(id_contenedor);
    try {
      theContainer.innerHTML=theHTML;
    }
    catch(e){
      sel_prod=0;
    }
  }else
  {
    llamarasincrono(theHTML, id_contenedor); 
  }
}

function loadindex(){
  //hpres=680;
  aOpacity=100;
  //document.getElementById("presentacion").innerHTML="Cargando p&aacute;gina...";
  document.getElementById("presentacion").style.opacity=1;
  if (document.getElementById("presentacion").filters) {
  document.getElementById("presentacion").filters.alpha.opacity=100;}
  llamarasincronoI("./inicio.html", "contenidos");
  //idInterval = setInterval("showPage()", 50);
}

function showPage(){
  

  
	//document.getElementById("presentacion").style.height=hpres+"px";
	document.getElementById("presentacion").style.opacity=(aOpacity/100);
	if (document.getElementById("presentacion").filters) {
		document.getElementById("presentacion").filters.alpha.opacity=aOpacity; 
	}

	aOpacity-=5;
	//hpres-=40;
  
  if (aOpacity<=0){
    document.getElementById("presentacion").style.display = "none";
    clearInterval(idInterval);
  }
  
}