var lang = 'es';      // Idioma por defecto
var id_hotel = 15;  // Identificador de hotel
var panel = 'formreserva';

// Inicialización de la página.

if (window.attachEvent) {
 isIE = true;
 isNS = false;
 window.attachEvent('onload', initComponents);
} else if (window.addEventListener) {
 isIE = false;
 isNS = true;
 window.addEventListener('load', initComponents, false);
} else {
 window.onload = initComponents;
}

function initComponents() {
 showform();
}

// Cambio de idioma.

function selectlang() {
 lang = document.getElementById('idioma').value;
 id_hotel =  document.getElementById('id_hotel').value;
 showform();
}

function showform() {
 var titulo;
 var idioma;
 var fechaEntrada;
 var fechaSalida;
 var cantidad;
 var ninos;
 var boton;
 var es = '';
 var fr = '';
 var en = '';
 var de = '';
 if (lang == 'es') {
 // Espańol
 titulo = ' ';
 idioma = '';
 fechaEntrada = 'F. entrada:';
 fechaSalida = 'F. salida:';
 cantidad = 'Numero de personas:';
 ninos = 'Niños y edad:';
 boton = 'Disponibilidad y reservas on line';
 es = ' selected="selected"';
 } else if (lang == 'en') {
 // Inglés
 titulo = ' ';
 idioma = '';
 fechaEntrada = 'Arrival:';
 fechaSalida = 'Exit:';
 cantidad = 'Adults (number):';
 ninos = 'Children and age(if necessary):';
 boton = 'Availability and bookings on line';
 en = ' selected="selected"';
 } else if (lang == 'fr') {
 // Francés
 titulo = ' ';
 idioma = '';
 fechaEntrada = 'Arrivee:';
 fechaSalida = 'Sortie:';
 cantidad = 'Adultes:';
 ninos = 'Nombre d enfants et l age:';
 boton = 'Reserver';
 fr = ' selected="selected"';
 } else if (lang == 'de') {
 // Alemán
 titulo = ' ';
 idioma = '';
 fechaEntrada = 'Eintrag:';
 fechaSalida = 'Abreisedatum:';
 cantidad = 'Zahl der Erwachsenen:';
 ninos = 'Zahl der Kinder und Alter:';
 boton = 'Reservieren';
 de = ' selected="selected"';
 }
 str =' <form class="reserva" action="https://www.hotelinks.com/sistema/reserva/paso2.php" target="_blank" method="get">' +
' <fieldset>' +
'  <legend id="title">'+ titulo +'</legend>' +
'   <input type="hidden" id="id_hotel" name="id_hotel" value="' + id_hotel + '"/>' +
'   <label for="idioma" id="formidioma">' + idioma + '</label>' +
'   <select name="idioma" id="idioma" onchange="javascript:selectlang();">' +
'    <option value="es"' + es + '>Espa&ntilde;ol</option>' +
'    <option value="en"' + en + '>English</option>' +
'    <option value="fr"' + fr + '>Fran&ccedil;ais</option>' +
'    <option value="de"' + de + '>Deutsch</option>' +
'   </select>' +
'   <label for="entrada" id="forminicio">' + fechaEntrada + '</label>' +
'    <input id="entrada" type ="text" name="entrada" onclick="showcalendar(this, 1, 0, 2011,\'fechaDia\', 0, 0, \'es\')"/>' +
'    <label for="salida" id="formfin">' + fechaSalida + '</label>' +
'    <input id="salida" type ="text" name="salida" onclick="showcalendar(this, 1, 0, 2011,\'fechaDia\', 0, 0, \'es\')"/>' +
'    <label for="adultos" id="formadultos">' + cantidad + '</label>' +
'    <input id="adultos" class="vrequerido" type="text" value="" maxlength="2" size="2" name="adultos"/>' +
'    <label for="ninos_0" id="formninos">' + ninos + '</label>' +
'   <input id="ninos_0" type="text" value="" maxlength="2" size="2" name="ninos[]"/>' +
'   <input id="edad_0" type="text" value="" maxlength="2" size="2" name="edad[]"/>' +
'	<input type="hidden" id="fechaMes" name="fechaMes" />' +
'	<input type="hidden" id="fechaDia" name="fechaDia" />' +
'	<input type="hidden" id="noches" name="noches"/>   ' +
'    <input id="btnS" class="boton" type="submit" value="' + boton + '"'+
' title="' + boton + '" name="btnS"/>' +
' </fieldset>' +
'</form></html>';

 // Datos visibles
 var fechaEntrada = document.getElementById('entrada')?document.getElementById('entrada').value:'';
 var fechaSalida = document.getElementById('salida')?document.getElementById('salida').value:'';
 var adultos = document.getElementById('adultos')?document.getElementById('adultos').value:'';
 var fechaMes = document.getElementById('fechaMes')?document.getElementById('fechaMes').value:'';
 var fechaDia = document.getElementById('fechaDia')?document.getElementById('fechaDia').value:'';
 // Datos ocultos
 var noches = document.getElementById('noches')?document.getElementById('noches').value:'';
 var ninos = document.getElementById('ninos_0')?document.getElementById('ninos_0').value:'';
 var edad = document.getElementById('edad_0')?document.getElementById('edad_0').value:'';

 document.getElementById(panel).innerHTML = str;

 // Datos visibles
 document.getElementById('entrada').value = fechaEntrada;
 document.getElementById('salida').value = fechaSalida;
 document.getElementById('adultos').value = adultos;
 document.getElementById('fechaMes').value = fechaMes;
 document.getElementById('fechaDia').value = fechaDia;
 // Datos ocultos
 document.getElementById('noches').value = noches;
 document.getElementById('ninos_0').value = ninos;
 document.getElementById('edad_0').value = edad;
}

// Mensajes de error.

function avisoSalida() {
 if (lang == 'es') {
  alert('La fecha de salida ha de ser posterior a la de entrada.');
 } else if (lang == 'en') {
  alert('The date of exit subsequent to has to be the one of entrance.');
 } else if (lang == 'fr') {
  alert('La date de sortie doit ętre postérieure ŕ ŕ celle d\'entrée.');
 } else if (lang == 'de') {
  alert('Das Datum des Ausganges im Anschluss an muss das des Eingangs sein.');
 }
}

function avisoEntrada() {
 if (lang == 'es') {
  alert('La fecha de entrada ha de ser futura.');
 } else if (lang == 'en') {
  alert('The date of entrance has to be future.');
 } else if (lang == 'fr') {
  alert('La date d\'entrée doit ętre future.');
 } else if (lang == 'de') {
  alert('Das Datum des Eingangs muss zukünftig sein.');
 }
}