// JavaScript Document



$(document).ready(init);
var map;
	var point;
	var marker;
	var miIcono;
	var nOfertas;
	var planta;
function init(){
	nOfertas=$('.ofertaBox').length;
	imageInterval = window.setInterval("changeImage();", 5000);
	planta=0;

	
	
	
	
	$("#signupForm").validate({
		// Empezamos por las reglas
		rules: {
			nombre: "required", // Para el campo firstname(nombre) pedimos que sea requerido.
			fentrada: "required",
			fsalida: "required",
			email: {  // un nuevo caso es identificar que es un email valido osea que tiene formato de email
				required: true, 
				email: true  // para ello el metodo email: true comprobara esta validación
			}
		},
		messages: { // La segunda parte es configurar los mensajes, por lo que tengo que ir indicando para cada campo y cada regla el mensaje que quiero mostrar si no se cumple.
			nombre: "Por favor, introduzca su Nombre.",
			fentrada: "Por favor, introduzca la fecha de entrada.",
			fsalida: "Por favor, introduzca la fecha de salida.",
			email: "Por favor, introduzca un email valido"		
		}
	});
	
	$('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' });	
	$('#datepicker').datepicker('option', 'dayNames', ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado']);
	$('#datepicker').datepicker('option', 'dayNamesMin', ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa']);
	$('#datepicker').datepicker('option', 'firstDay', 1);
	$('#datepicker').datepicker('option', 'monthNames', ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre']);
	$('#datepicker').datepicker('option', 'onSelect', function(date,inst) {
															 var arrtemp=date.split('/');
															 $('#datepicker1').datepicker('setDate',new Date(arrtemp[1]+"/"+arrtemp[0]+"/"+arrtemp[2]));
															 $("#datepicker1").datepicker('option','minDate',0)
															 });
	
	//$("#fechaFin").datepicker();
	$('#datepicker1').datepicker({ dateFormat: 'dd/mm/yy' });
	$('#datepicker1').datepicker('option', 'dayNames', ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado']);
	$('#datepicker1').datepicker('option', 'dayNamesMin', ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa']);
	$('#datepicker1').datepicker('option', 'firstDay', 1);
	$('#datepicker1').datepicker('option', 'monthNames', ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre']);
	
	
	
	
	
	
	$("#gallery_output img").not(":first").hide();
 
	$("#gallery a").click(function() {
		if ( $("#" + this.rel).is(":hidden") ) {
			$("#gallery_output img").slideUp();
			$("#" + this.rel).slideDown();
		}
	});
	
	cargaMapa();
	$('.coordenadas').each(addPunto);
	$('.mostrarMas').click(mostrarMasResultados);
}

function changeImage(){
	
	
		var mt=parseInt($('.ascensor').css("margin-top"))
		 $(".ascensor").animate({marginTop: mt-181}, 300 );
		 var pasar=$(".ascensor div").eq(planta).html();
		 
		 $(".ascensor").append("<div class='ofertaBox'>"+pasar+"</div>")
		
		planta++;
	
}

function mostrarMasResultados(){
	$('.ocultaLista').slideDown(300);
	$(this).hide(100);
	
}
function cargaMapa() {
   
      map = new GMap2(document.getElementById("map"));   
      miIcono = new GIcon(G_DEFAULT_ICON);                  
      var tamanoIcono = new GSize(32,37);
	  miIcono.iconSize = tamanoIcono; 
      map.setCenter(new GLatLng(38.974,1.404), 11);   
      //map.addControl(new GLargeMapControl());
      //map.setMapType(G_SATELLITE_MAP);
	  if($('.conIbiza').attr("value")=="si"){
		  
	       map.setCenter(new GLatLng(38.872123, 1.468391), 10);
	  }

        map.setUIToDefault();

}
function addPunto(){
	var coordenadas=$(this).text().split(",");
	var nomIco="icono";
	if ($(this).attr("rel")=="oferta"){
		nomIco+="_0";
	}else{
		nomIco+="_1";
	}
	nomIco+="_"+$(this).attr("title");
	
	
	miIcono.image = "http://www.formentera.test-web.es/images/"+nomIco+".png"; 
	point = new GPoint (coordenadas[0],coordenadas[1]);
    marker = new GMarker(point, miIcono); 
    map.addOverlay(marker); 
	
}