var hotel=1;
var periodo=1;
var apartamento=1;
var habitaciones=1;
var sel_hotel=true;

$(function() {
		   
		   var ieVer=/*@cc_on function(){ switch(@_jscript_version){ case 1.0:return 3; case 3.0:return 4; case 5.0:return 5; case 5.1:return 5; case 5.5:return 5.5; case 5.6:return 6; case 5.7:return 7; case 5.8:return 8; }}()||@*/0;
if(/MSIE 6.0/i.test(navigator.userAgent)) {
alert("Lo siento, estas utilizando una version muy antigua del navegador (version 6). Actualiza Internet Explorer a la version 7 o superior o utiliza otro navegador para poder ver esta pagina");
window.history.go(-1);
}
		
		
		//$.fx.speeds._default = 1000;
		
		
		
			$('#dialog_ninos').dialog({
				autoOpen: false,
				width: 300,
				height:300	
				
			});
			
			$('#opener_ninos').click(function() {
				$('#dialog_ninos').dialog('open');
				return false;
			});
		
		
		
			$('#dialog_restaurantes').dialog({
				autoOpen: false,	
				width: 900,
				height:864			
				
			});
			
			$('#opener_restaurantes').click(function() {
				$('#dialog_restaurantes').dialog('open');
				return false;
			});
		
		
		
			$('#dialog_excursiones').dialog({
				autoOpen: false,	
				width: 350,
				height:400			
				
			});
			
			$('#opener_excursiones').click(function() {
				$('#dialog_excursiones').dialog('open');
				return false;
			});
			
		
		
		
		$("input[name='botones']").click(function(){
												  
		    if($("input[name='botones']:checked").val() =='hotel'){
				
			   $('#estilo_check_apartamento :input').attr('disabled', true);
			   $('#estilo_check_hotel :input').attr('disabled', false);
			   $('#titulo_check_hotel').css("text-decoration","underline");
			   $('#titulo_check_apartamento').css("text-decoration","none");
			   
			   hotel=$('#select_hotel').val();
			   
			   seleccionaHotel(hotel);
			   
			   //alert('hotel '+hotel);

			}
			else{ 
			  
			   $('#estilo_check_apartamento :input').attr('disabled', false);
			   $('#estilo_check_hotel :input').attr('disabled', true);
			   $('#titulo_check_apartamento').css("text-decoration","underline");
			   $('#titulo_check_hotel').css("text-decoration","none");
			   
			   apartamento=$('#select_apartamento').val();
			   
			   seleccionaApartamento(apartamento);
			   
			    //alert('apartamento '+apartamento);
			}
			

		});
		
		//por si se ha quedado el select pillado:
		periodo= $('#select_periodo').val();
	  
        hotel=$('#select_hotel').val();
		apartamento=$('#select_apartamento').val();
		
		if($("input[name='botones']:checked").val() =='hotel'){
		   seleccionaHotel(hotel);
		   
		       $('#estilo_check_apartamento :input').attr('disabled', true);
			   $('#estilo_check_hotel :input').attr('disabled', false);
			   $('#titulo_check_hotel').css("text-decoration","underline");
			   $('#titulo_check_apartamento').css("text-decoration","none");
		}
		   
		else {
		   seleccionaApartamento(apartamento);
		   
		       $('#estilo_check_apartamento :input').attr('disabled', false);
			   $('#estilo_check_hotel :input').attr('disabled', true);
			   $('#titulo_check_apartamento').css("text-decoration","underline");
			   $('#titulo_check_hotel').css("text-decoration","none");
			   
		}
							   
});

//run the currently selected effect
function runEffect(){
	//get effect type from 
	//var selectedEffect = $('#effectTypes').val();
	
	
	//most effect types need no options passed by default
	var options = {};
	//check if it's scale, transfer, or size - they need options explicitly set
	/*if(selectedEffect == 'scale'){ options = {percent: 0}; }
	else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
	else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }*/
	
	//run the effect
	$("#efecto").effect('bounce',options,500,callback);
};

//callback function to bring a hidden box back
function callback(){
	setTimeout(function(){
		$("#efecto:hidden").removeAttr('style').hide().fadeIn();
	}, 1000);
};
		
function seleccionaHotel(sel){
		
	sel_hotel=true;
	
	 hotel=sel;

   /*************************************/
    //cambiamos la imagen y la descripción
	/**********************************/
    $("#img_hotel").attr("src","img/hoteles/"+sel+".jpg");
	
	var descripcion="";
	
	if(sel==1) //Fenicia
	          descripcion='Hotel de 3 estrellas situado a 50 m de la playa de Poniente.<br/><br/>';
	else if(sel==2) //Cristal park
		         descripcion='Hotel de 3 estrellas situado a 500 m de la playa de Levante.<br/><br/>';
	else if(sel==4) //Magic Villa de Benidorm
		         descripcion='Hotel de 3 estrellas situado a 150 m de la playa de Levante.<br/><br/>';
	else if(sel==7)//Magic Rock Gardens
		         descripcion='Primer Hotel tematico en España  de 3 estrellas situado a 150 m de la playa de Levante.<br/><br/>';
	else if(sel==10)//Villa del mar
		         descripcion='Hotel de 4 estrellas situado a 20 m de la playa de Poniente.<br/><br/>';
	else if(sel==11)//Villa luz
		         descripcion='Hotel de 3 estrellas en GANDIA  situado a 150 m de la playa.<br/><br/>';
			
	
	$("#descripcion_hotel").html(descripcion);
	
   /************************************************/
   
    calcula();
	
}

function seleccionaApartamento(sel){
	
	//alert('apartamento '+sel);
	
	sel_hotel=false;
    $("#div_habitaciones").show();

   /*************************************/
    //cambiamos la imagen y la descripción
	/**********************************/
    $("#img_apartamento").attr("src","img/apartamentos/"+sel+".jpg");
	
	var descripcion="";
	
	
	if(sel==1) //Atrium Beach
	          descripcion='Apartamentos situados en VILLAJOYOSA frente a  la playa.<br/><br/>';
	else if(sel==2)//Atrium Plaza
		         descripcion='Apartamentos situados a 500 m de la playa de de Levante.<br/><br/>';
	else if(sel==6) //Magic Tropicana Suites
		         descripcion='Apartamentos situados a 500 m de la playa de de Levante.<br/><br/>';
	else if(sel==8)//Monica Holdays
		         descripcion='Apartamentos situados en la CALA FINESTRAT  a 300 m de la playa,a 3 Km de Benidorm.<br/><br/>';
	else if(sel==5)//Excalibur
		         descripcion='Primer complejo Medieval de Europa.Camping y bungalows situados entre Benidorm y Alfaz del Pi<br/><br/>';
			
		
	$("#descripcion_apartamento").html(descripcion);
   /************************************************/
   	
    if(sel==1) //Removemos las 3 habitaciones
    $("#select_habitaciones").find("option[value='3']").remove();
	else if($("#select_habitaciones option[value='3']").length == 0){	
				
	    var thisValue = 3;
		var thisText  = '3 Hab. (Máximo 7 pax.)';
		var thisOpt   = document.createElement('option');
		thisOpt.value = thisValue;
		thisOpt.appendChild(document.createTextNode(thisText));
		$("#select_habitaciones").append(thisOpt);

	}
	
	
	//SI LOS APARTAMENTOS SON TROPICANA SUITES (6), OCULTAMOS EL SELECT Y CALCULA HOTEL
	if(sel==6 || sel==8 || sel==5) {
		
		$("#div_habitaciones").hide();
		//seleccionamos como hotel.
		hotel=sel;
		sel_hotel=true;
				
	}
	
		//Calcula;
	calcula();
    

	
	
}

function seleccionaHabitaciones(sel){
	
	
	habitaciones=sel;
	
	//Calcula;
    calcula();

}


function seleccionaPeriodo(sel){
	 periodo=sel;
	 calcula();
	
}

function calcula(){
			
	/* if(sel_hotel)	
	  var dataString = 'hotel='+ hotel + '&periodo=' + periodo;
	 else
	   var dataString = 'apartamento='+ apartamento + '&periodo=' + periodo + '&habitaciones=' + habitaciones;
	  //alert (dataString);return false;
	  $.ajax({
		type: "POST",
		url: "calcula.php",
		data: dataString,
		success: function(res) {
			//alert(res);
			$("#efecto").html(res+' €');
		},
		 error: function(datos) {alert('Ha ocurrido un error actualizando la tabla = '+datos); }
	  });
	  
	  runEffect();*/
	  
	 
	  return false;
  
  }

function sel_hotel_barato(){
	
	$("#select_hotel option[value='6']").attr('selected', 'selected');
	seleccionaHotel(6);

}

function sel_periodo_barato(){
	
	$("#select_hotel option[value='6']").attr('selected', 'selected');
	seleccionaHotel(6);

}