var tiempo;

function ocultar()
{
	if (document.getElementById("menu")) {
		var menu = document.getElementById("menu").getElementsByTagName("ul");
		var desplegables = menu[0].getElementsByTagName("ul");
		for(var i=0; i<desplegables.length; i++)
		{
			desplegables[i].style.display="none";
		}
	}
	
// 	var capa = document.getElementById("reserva-online");
// 	var selectores = capa.getElementsByTagName("select");
// 	for(var i=0; i<selectores.length; i++)
// 	{
// 		selectores[i].style.visibility = "visible";
// 	}
// 	
	tiempo=0;
}

function mostrar(capa)
{
	if (document.getElementById(capa)) {

		var lacapa = document.getElementById(capa);
		var lacapa2 = lacapa.getElementsByTagName("ul");
		if (lacapa2.length == 0) return;
		lacapa2[0].style.display="block";
		
		if(capa=="menu1" || capa=="menu2")
		{
			var selectores = document.getElementById("reserva-online").getElementsByTagName("select");
			if(capa=="menu1")
			{
				selectores[0].style.visibility = "hidden";
				selectores[1].style.visibility = "hidden";
				selectores[2].style.visibility = "hidden";
				selectores[3].style.visibility = "hidden";
				selectores[4].style.visibility = "hidden";
			}
			else
			{
				selectores[0].style.visibility = "visible";
				selectores[1].style.visibility = "hidden";
				selectores[2].style.visibility = "visible";
				selectores[3].style.visibility = "hidden";
				selectores[4].style.visibility = "visible";
			}
		}
		esperar();
	}
}

function control()
{
	if(tiempo==1) ocultar();
	else tiempo--;
}

function esperar()
{
	tiempo=30;
}

function pintar_calendario()
{
	var imagen = document.createElement('img');
	imagen.alt = 'Seleccionar fecha de llegada';
	imagen.src = "../estilo/imagenes/calendario.gif";
	imagen.onclick = function(){alert("Salida");}
	var contenedor = document.getElementById("llegada").getElementsByTagName("div");
	contenedor[0].appendChild(imagen);
	var imagen2 = document.createElement('img');
	imagen2.alt = 'Seleccionar fecha de salida';
	imagen2.src = "../estilo/imagenes/calendario.gif";
	imagen2.onclick = function(){alert("Llegada");}
	var contenedor = document.getElementById("salida").getElementsByTagName("div");
	contenedor[0].appendChild(imagen2);
}

//mostrar('menu2')

function pintar_texto()
{
	var elemento1 = document.createElement('p');
	elemento1.appendChild(document.createTextNode('Elemento nuevo2'));
	elemento1.id = 'nuevo';
	var elemento2 = document.getElementById('pie');
	elemento2.appendChild(elemento1);
}

//mostrar('menu2')

function previo(i) {
	mostrar('menu'+i);
}


function inicio()
{
	setInterval(control, 100);

	ocultar();
// 	pintar_calendario();


	//alert( document.getElementById("menu").getElementsByTagName("ul").getElementsByTagName("li") );
	
	var _li = document.getElementsByTagName("li");
 	for (var i in _li) {
		var obj = _li[i];

		var reg = new RegExp("menu([0-9]+)");
		var result = reg.exec( obj.id );
		if (result) {
			obj.getElementsByTagName("a")[0].onmouseover = new Function('mostrar(\''+obj.id+'\');');
		}
	}

	/*
		var enlaces = document.getElementById("menu1").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu1');}
		var enlaces = document.getElementById("menu2").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu2');}
		var enlaces = document.getElementById("menu3").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu3');}
		var enlaces = document.getElementById("menu4").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu4');}
		var enlaces = document.getElementById("menu5").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu5');}
		var enlaces = document.getElementById("menu6").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu6');}
		var enlaces = document.getElementById("menu7").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu7');}
		var enlaces = document.getElementById("menu8").getElementsByTagName("a");
		enlaces[0].onmouseover = function(){mostrar('menu8');}
	*/


	if (document.getElementById("email")) {	
		var texto = document.getElementById("email").getElementsByTagName("input");
		texto[0].onfocus = function(){
			var regex = new RegExp('^  ');
			if(regex.exec(texto[0].value)) texto[0].value="";
		}
		/*
		texto[0].onblur = function(){if(texto[0].value=="") texto[0].value="introduzca su email ...";}
		texto[0].value="introduzca su email ...";
		*/
	}
	
	var lis = document.getElementById("menu").getElementsByTagName("li");
	for(var i=0; i<lis.length; i++)
	{
		lis[i].onmouseover = function(){esperar();}
	}	
}

//window.onload=inicio;
