function IrAnterior( id_padre ) {
	IrPagina(id_padre, parseInt($F('pag_num')) - 1 );
}

function IrSiguiente( id_padre ) {
	IrPagina(id_padre, parseInt($F('pag_num')) + 1 );	
}

function IrPagina(id_padre, pag) {
	
	$('pag_num').value = pag;
	pag = pag-1;
	
	filtrarHoteles(id_padre, pag );
	return false;
	
}

function filtrarHoteles(id_padre, pag) {

	var estrellas = $F('fc_estrellas');
	var cercade = $F('fc_cercade');
	var distancia = $F('h_distance_sb');
	var hoteles = $F('fc_hoteles');
	var hostales = $F('fc_hostales');
	var casarural = $F('fc_casarural');
	var albergues = $F('fc_albergues');
	var orden = $F('fc_orden');

	var params = '';

	params += 'id_padre='+id_padre+'&'+'pag='+pag+'&';
	
	if ( estrellas )
		params += 'estrellas='+estrellas+'&';
	if ( cercade )
		params += 'cercade='+cercade+'&';
	if ( hoteles )
		params += 'hoteles='+hoteles+'&';
	if ( hostales )
		params += 'hostales='+hostales+'&';
	if ( casarural )
		params += 'casarural='+casarural+'&';
	if ( albergues )
		params += 'albergues='+albergues+'&';
	if ( distancia )
		params += 'distancia=' + distancia+'&';
	if ( orden )
		params += 'orden=' + orden+'&';

	// Hay que sacarlo del onLoaded porque ie no va!
	Modalbox.show('<center><img src="/images/modalbox/spinner.gif"/></center>', {
		title: '<center><div class="cabeceraAlerta">Realizando consulta&hellip;</div></center>',
		width: 200,
		height: 100,
		transitions: false,
		autoFocusing: false
	});
	
	new Ajax.Request(
			'/comunidad/php/get_lista_hoteles_ajax.php',
			{
				method: 'get',
				parameters: params,
				onSuccess: function(t) {
//alert(t.responseText);
					var txt = t.responseText;
					var json = txt.evalJSON();

					if ( json ) {
						
						if ( json.total > 0 && json.lista_hoteles.size() > 0 ) {
							
							// eliminar hoteles anteriores
							$$('#listaFotos li').each(function(element){
								element.remove();
							});

							// creacion de los hoteles
						    for ( var i=0; i < json.total; i++)
						    	createItemHotel(json.lista_hoteles[i]);
						    
						}
						else {
							alert('No hay hoteles para la selección');
						}
						
					}
					else {
						alert('error json');
					}
				},
				onComplete: function(t) {
					
					Modalbox.hide();
					
					var txt = t.responseText;
					var json = txt.evalJSON();
					
				    // reconstruimos paginacion
				    updatePaginacion(id_padre, pag, json.paginas);
					
				}
			}
		);	
	
}

function updatePaginacion( id_padre, pag, paginas ) {
	
	var i = 0;
	var actual = -1;

	$$('#paginas li[class~="numPagina"]').each( function(element) {
		element.remove();
	});

	for ( var i = 0; i < paginas; i++ ) {

		var a_li = new Element('li', {'class':'numPagina'} );
		
		if ( i == pag ) {
			a_li.update(i+1);
			a_li.addClassName("paginaActual");
			actual = i;
		}
		else {
			var clickar = 'javascript:IrPagina('+id_padre+','+(i+1)+');return false;';
			var ele_a =  new Element('a', {'href':(i+1), 'onclick':clickar} );
			ele_a.update(i+1);
			a_li.insert(ele_a);
		}

		$('_pag_numeros').insert(a_li,{'position':'before'});
		
	}

	if ( pag == 0 ) {
		$('p_primera').up().hide();
		$('p_anterior').up().hide();
	}
	else {
		$('p_primera').up().show();
		$('p_anterior').href = $F('pag_url') + '/' + pag;
		$('p_anterior').up().show();
	}

	if ( actual == (i-1) ) {
		$('p_ultima').up().hide();
		$('p_siguiente').up().hide();
	}
	else {
		$('p_ultima').up().show();
		$('p_siguiente').href = $F('pag_url') + '/' + (actual+2);
		$('p_siguiente').up().show();
	}
	
	
}

function createItemHotel( hotel ) {
	
	var nombre_corto = 'nombre corto';
	var nombre = hotel.nombre;
	var estrellas = hotel.estrellas;
	var precio_aprox = hotel.precio_aprox;
	var ruta = hotel.ruta;
	var id_hotel = hotel.id;
	var visitas_hotel = hotel.visitas;
	
	var li_item = new Element('li', {'id':id_hotel, 'class':'item'} );
	var di_detalles = new Element( 'div', {'class':'detalles'} );
	var p_titulo = new Element( 'p', {'class':'titulo'} );
	var p_titulo_corto = new Element( 'p', {'class':'titulo_corto'} );
	var p_estrellas = new Element( 'p', {'class':'estrellas'} );
	var p_desde = new Element( 'p', {'class':'precioDesde'} );
	var p_descripcion = new Element( 'p', {'class':'descripcion'} );

	p_titulo.insert( ( new Element('a', {'href':'#'} ) ).update( nombre_corto ) );
	p_titulo_corto.insert( ( new Element('a', {'href':'#'} ) ).update( nombre ) );
	p_estrellas.insert(estrellas+'<em>*</em>');
	p_desde.insert( ( new Element('small',{}) ).update(precio_aprox) );

	di_detalles.insert(p_titulo);
	di_detalles.insert(p_titulo_corto);
	di_detalles.insert(p_estrellas);
	di_detalles.insert(p_desde);
	li_item.insert(di_detalles);
	
	var di_valoracion = new Element( 'div', {'class':'img_valoracion'} );
	var a_thumbnail = new Element( 'a', {'class':'thumb', 'href':ruta } );
	var center = new Element( 'center', {} );
	var img_thumb = new Element( 'img', {'src':'', 'alt':nombre_corto});


	center.insert( img_thumb );
	a_thumbnail.insert( center );
	di_valoracion.insert( a_thumbnail );
	
	var span_visitas = ( new Element( 'span', {'id':id_hotel, 'class':'numVisitas'} ) ).update(visitas_hotel+'&nbsp;visitas');
	di_valoracion.insert(span_visitas);

	var di_votacion = new Element( 'div', {'class':'votacion'} );
	di_votacion.insert( (new Element('span',{} ) ).update('HAY QUE MAQUETAR') );
	di_valoracion.insert(di_votacion);
	li_item.insert(di_valoracion);
	
	// inserto nuevo hotel
	$('listaFotos').insert(li_item);

}

function cambiaCercaDe() {
	
	if ( $F('fc_cercade') == '0' )
		$('distancia_a').hide();
	else
		$('distancia_a').show();
	
}

function limpiarFiltro() {

	// inicializa todos los select
	$('filtrosHoteles').select('select').each( function(ele){ 
		ele.selectedIndex = 0;
	}); 

	$('distancia_a').hide();

	$('fc_hostales').checked = false;
	$('fc_hoteles').checked = false;
	$('fc_casarural').checked = false;
	$('fc_albergues').checked = false;
	
}