//Configuración de variables

var i=1;
var desplazamiento;
var sw_boton_activo=true;
	/*
	 * hay que especificar la ruta completa
	 */
	 
var img_abrir='images/img_lista_bajar.gif';
var img_cerrar='images/img_lista_subir.gif';

	/* 
	 * Hay que especificar los nombres de las capas
	 *
	 */
	 
var capa_combo='combo';
var id_img_combo='img_combo';
var visor_datos='visor_datos';
var capa_contenedora_datos='c1';

var tiempo="";

function estilopopup(i,valor,texto){
	
			if(valor!=-1) document.all['tipo_alojamiento'].value=valor;
			
			if(i<desplazamiento){
				document.all['capa_contenedora_c1'].style.display='block';
				document.all['capa_contenedora_c1'].style.visibility='hidden';
				document.all['c1'].style.visibility='visible';
				//veo la direccion del movimiento
				valor_direccion=document.all['direccion'].value;
				if(valor_direccion=='bajar'){
					
					document.all[capa_contenedora_datos].style.top=document.all[capa_contenedora_datos].offsetTop+5;
					//document.all['capa_contenedora_c1'].style.height=document.all['capa_contenedora_c1'].offsetHeight+5;	
				}else{
					
					document.all[capa_contenedora_datos].style.top=document.all[capa_contenedora_datos].offsetTop-5;
					//document.all['capa_contenedora_c1'].style.height=document.all['capa_contenedora_c1'].offsetHeight-5;
				}
				i=i+5;
				sw_boton_activo=false;
				tiempo=setTimeout("estilopopup("+i+","+valor+",'"+texto+"')",0);
			}else{
				
				//alert(valor_direccion);
			
				
				
				//subo la capa en funcion de la velocidad offsetTop
				valor_direccion=document.all['direccion'].value;
				if(valor_direccion=='bajar'){
					document.all[id_img_combo].src=img_cerrar;
					document.all[capa_contenedora_datos].style.top=document.all[capa_contenedora_datos].offsetTop-4;
				}else{	
					document.all['capa_contenedora_c1'].style.visibility='hidden';
					document.all['c1'].style.visibility='hidden';
					document.all[id_img_combo].src=img_abrir;
					document.all[capa_contenedora_datos].style.top=document.all[capa_contenedora_datos].offsetTop+4;
				}
				
				
				//cambio los valores de la dirección del movimiento cuando
				//termina de realizar el último movimiento
				
				
				if(valor_direccion=='bajar'){
					valor_direccion='subir';
				}else{valor_direccion='bajar';}
				document.all['direccion'].value=valor_direccion;
				if(valor!=-1){
					document.all['valor'].value=valor;
				}else{
					document.all['valor'].value=document.all['valor'].value;
				}
				if(texto!=''){
					document.all[visor_datos].innerHTML='&nbsp;'+texto;
				}else{
					document.all[visor_datos].innerHTML=document.all[visor_datos].innerHTML;
				}
				//document.all['visor_datos'].innerHTML=texto;
				sw_boton_activo=true;
				
				
				
				clearTimeout(tiempo);
			}
			
}
function verlista(valor,texto){
			var valor_direccion=document.all['direccion'].value;
			
			sw_boton_activo=true;
			estilopopup(15,valor,texto);
}
function comprobar(){
	if(sw_boton_activo){
		
		return true;
	}else{
		return false;
	}
}
function calcularposiciones(restaurantes,alojamientos,servicios){

			document.all[capa_combo].style.top=document.all['capacontenedoraresultadosbusqueda'].offsetTop-33;
			document.all[capa_combo].style.left=document.all['capacontenedoraresultadosbusqueda'].offsetLeft+489;
			var  fin=document.all[capa_combo].offsetTop+'px';
			
			//saber el ancho del combo
			var ancho_capa=document.all[capa_contenedora_datos].offsetWidth;
			document.all[visor_datos].style.width=ancho_capa;
			
			/*
			 * Alto del navegador del cliente
			 * Coloco la capa blanca para tapar la lista por arriba
			 */
			
			screenY = document.body.clientHeight;
		
			diferencia=screenY-parseInt(document.all[capa_combo].style.top);
			alto_combo=document.all[visor_datos].offsetHeight;
			if (document.documentElement && !document.documentElement.clientHeight){
				diferencia-=alto_combo+1;
			}else{
				diferencia-=alto_combo;
			}
			
			//document.all[capa_contenedora_datos].style.height=document.all[capa_contenedora_datos].offsetHeight+document.all[capa_combo].offsetHeight;
			document.all['capa_contenedora_c1'].style.width=document.all[capa_combo].offsetWidth-document.all['img_combo'].offsetWidth;
			document.all['capa_contenedora_c1'].style.top=fin;
			document.all['capa_contenedora_c1'].style.left=document.all[capa_combo].offsetLeft;
		
			if(navigator.userAgent.indexOf('Firefox')==-1 && navigator.userAgent.indexOf('Opera')==-1){
				document.all[capa_contenedora_datos].style.top-=document.all[capa_contenedora_datos].firstChild.offsetHeight-document.all[capa_combo].firstChild.rows[0].offsetHeight;
			}else if(navigator.userAgent.indexOf('Opera')==-1){
				document.all[capa_contenedora_datos].style.top-=document.all[capa_contenedora_datos].childNodes[1].offsetHeight-document.all[capa_combo].childNodes[1].rows[0].offsetHeight;
			}else{
				document.all[capa_contenedora_datos].style.top-=document.all[capa_contenedora_datos].offsetHeight-document.all[capa_combo].childNodes[1].rows[0].offsetHeight;
			}

			 if(restaurantes=='' && alojamientos=='' && servicios=='' || alojamientos!=''){

				
				document.all[capa_combo].style.visibility='visible';
			}

			desplazamiento=document.all[capa_contenedora_datos].offsetHeight+document.all[capa_combo].offsetHeight+3;
			
			document.all['capa_contenedora_c1'].style.height=document.all['capa_contenedora_c1'].offsetHeight+document.all['combo'].offsetHeight;

			//oculto la capa despues de haber calculado sus dimensiones:
			document.all['capa_contenedora_c1'].style.display='none';
			

}