var progress = 0;
var speedprogress = 100;
var estoybuscando = false;
var mapahoteles;
var mapahotel;

jQuery.fn.mouseIsOver = function () {
	    return $(this).parent().find($(this).selector + ":hover").length > 0;
}; 

function refreshPintaHoteles(){

		var categorias  =  $('#campoFiltroCategorias').val() ;
		if (categorias != '' ) { categorias = ',' + categorias + ','; }
		 
  		var uiSliderMin = parseInt( $( "#slider-range" ).slider( "values", 0 ));
		var uiSliderMax = parseInt( $( "#slider-range" ).slider( "values", 1 ));	  		
  		var n=0;

  		$( "div[id^='HOT_']" ).each( function( index ) {
			var oculta   = false;
			var datasort = parseInt( $(this).attr( 'data-sort'));		
			if ( datasort < uiSliderMin ) { oculta=true; }
			if ( datasort > uiSliderMax ) { oculta=true; } 
			if (categorias != '' ) {
				var categoria_hotel = $(this).attr('data-cat');
				if ( !(categorias.indexOf( categoria_hotel ) > 0) ) { oculta=true; } 				
			}
			if ( oculta == true ) { $(this).hide(); } else { $(this).show(); n++; }
		});
		refreshHotelesMap(mapahoteles);
		$('#hotelesEncontrados').html(n);   
}

		
$(function() {
	/* Carga los hoteles desde data-gmapping incrustado en el HTML */
		var mapahotel=0;
		var SelfechaSalida=false;
		iniciaMapaHoteles();
		ordenaHoteles();

	/* Autocompletador del campo busqueda */
		var borraList=true;
		$('#txt_buscar').autocomplete({
				html:true,
				source:'/integra/hotel_destino_autocomplete.asp',
				minLength:1,delay:0,
				select: function( event, ui ) {
							borraList=false; 
		          		    var list_id=document.getElementById('list_id');
		          		    ui.item ? list_id.value=ui.item.id : list_id.value='';
		      		    }
		});					
	
	
		 function resetIDs() { // resetamos id del txtdestino
		   $('#txtDestino_id').val('');	   
		   if (borraList) { $('#list_id').val(''); }
		             else { borraList=true; }
		   if ($('#IDE').length) { $('#IDE').val('');}			 
		 } 
	

	/* Inicia campos de seleccion de fechas */
		$("#datepicker").datepicker( $.datepicker.regional[ "es" ] );
		$("#datepicker").datepicker( "option", "showAnim", "blind" );
		$("#FechaEntrada, #v_FechaSalida").datepicker({
			minDate: 1,
			numberOfMonths: 2,
			onSelect: function( selectedDate ) {
  				
				var date2 = $('#FechaEntrada').datepicker('getDate');
	            date2.setDate(date2.getDate()+1);
            
				$( "#FechaSalida" ).datepicker( "option", "minDate", date2 );
				if (SelfechaSalida==false) { setTimeout(function() { $('#FechaSalida').datepicker("show") }, 50); }
				
			}
	
		});
		
		$("#FechaSalida,#v_FechaRegreso").datepicker({
			minDate: 1,
			numberOfMonths: 2,
			onSelect: function( selectedDate ) {
				SelfechaSalida=true;
				$( "#FechaEntrada" ).datepicker( "option", "maxDate", selectedDate );
			}
		});
   
     
   
});


function iniciaMapaHoteles(){
		$('#map_canvas').gmap().bind('init', function(ev, map) { 
		mapahoteles = map;
		pintaHotelesMapa (map)	
		});	
}

function refreshHotelesMap(map) {
	$('#map_canvas').gmap('closeInfoWindow');
	$("[data-gmapping]").each(function(i,el) {
		var markerId =$(el).attr('id');
		var markerId = markerId.substring(4);
		$('#map_canvas').gmap('get', 'markers > ' + markerId ).setVisible( !$(el).is (':hidden') );
	});
}

function pintaHotelesMapa(map){
	$("[data-gmapping]").each(function(i,el) {
		if (!$(el).is (':hidden')) {
			var data = $(el).data('gmapping');
			var value=data.precio; value = value.replace("€", "");
			var DYNicono = 'http://chart.googleapis.com/chart?chst=d_bubble_text_small&chld=bb|'+value+'€|C6EF8C|000000';
			$('#map_canvas').gmap(
					'addMarker', {
						'id': data.id, 
						'title': $(el).find('.nombre').text() + ' | ' + data.precio,
						'icon': '/integra/images/icon-marker-hotel-big.png',
						'position': new google.maps.LatLng(data.latlng.lat, data.latlng.lng), 
						'bounds':true }, 
					function(map,marker) {
						$(el).click(function() {
							if (( $(".destino").mouseIsOver()) && mapahotel!=data.id ) {
								mapahotel=data.id;
								$("#HOT_"+data.id ).before($("#map_container"));
								$("html, body").animate({ scrollTop: $("#map_container").offset().top }, 2000);
								$(marker).triggerEvent('click');
								if (map.getZoom()<14) {map.setZoom(14)};				
							}
						});
					}).click(function() {
						$('#map_canvas').gmap('openInfoWindow', { 
						  'content': "<div id=\"divIW\"><table style='width:100%;cursor:pointer;text-align:center' onclick=scrolltoto('#HOT_"+data.id+"')><tr><td style='color:#F58400;font-size:16px;height:10px;'>" 
						  +"<b>"+ $(el).find('.nombre').text() + "</b>"
						  +"</td></tr><tr><td style='color:#278fcd;font-size:30px;font-weight:bold'><div style='display:block;font-size:10px;'>desde</div>"
						  + data.precio+"<div style='display:block;font-size:10px;padding-top:10px'>pincha aqui para ir al hotel</div></td></tr></table></div>"
						  }, this);
					});
				}
			});	
		
		refreshPintaHoteles();
	}



function buscaMultiple(obj) {
	$('#txt_buscar').val( $("#MulRS" + obj).attr("data-name") ) ;	
	$('#list_id').val   ( $("#MulRS" + obj).attr("data-zone") ) ;
	buscahotel();
} 



function scrolltoto(a){	
 	$('html, body').animate({scrollTop: $(a).offset().top-20}, 1300);
}	



function openmasinfo(obj,hotelid){

 	container 		  = $(obj).closest('.totalcontainer');
 	hotelid			  = $(container).attr('data-id');
 	containermasinfo  = $(container).find('.masinfo');
	containerprices   = $(container).find('.preciosPorMes');

	$(container).find('.boton_masinfo').hide('slow');
//	$(obj).hide('slow');
	
	$.ajax({
	  type: "POST",
	  url: "/integra/hotel_mas_info.asp",
	  data: { hotelid: 		hotelid,
			  fechaentrada: frm_fecha_entrada,
			  fechasalida:  frm_fecha_salida,
			  rooms:		frm_rooms,
			  adultos:		frm_adultos,
			  ninos:		frm_ninos  
			 },
	  success: function(data) {
				$( containermasinfo ).empty().append( data ).show('slow');
				$( containerprices ).appendTo('#PVPin_' + hotelid );
//				$( "#MI_"+hotelid ).empty().append( data );
//				$( "#MI_"+hotelid ).show('slow');

	  		},
	  error: function (xhr, ajaxOptions, thrownError) {
				alert('Ha ocurrido un error,\nVuelva a intentarlo de nuevo');
	  		}				
	});
	
}






function swapfotohotel(obj,hotelid) {
		$imgTITLE = $(obj).attr('title');
	    $imgURL   = $(obj).attr('src');
	    $('#img'+hotelid)
	        .fadeOut(200, function() {
	            $('#img'+hotelid).attr('src',$imgURL);
	        })
	        .fadeIn(200);
		$('#imglab'+hotelid).html('<b>Situacion:</b> '+$imgTITLE );
}
	
	

function autoBucaHotel(hotel,hotelid) {
		$('#txt_buscar').val(hotel);
		$('#list_id').val(hotelid);
		$("html, body").animate({ scrollTop: $("#formBuscador").offset().top }, 1200, function(){
			$("#FechaEntrada").datepicker("show");		
		});
	}

   
//Sort Ascending by name attribute
function ordenaHoteles(){	
	$("#listadohoteles>div").tsort({attr:'data-sort'});
 	}