var cambiadoequipo=false;

function cambioimagencv(nombre, nombrereal)
{
	$("#filecv").val(nombre);
	$("#respuestasubida").html(nombrereal);
}

/////////////////////// Funcion para mensajes modales ////////////////

function mostrarModal(titulo,contenido)
{
	
	$("#titulomodal").html(titulo);
	$("#contenidomodal").html(contenido);
	
	$('#capamodal').modal(
	{onOpen: function(dialog){
		dialog.overlay.fadeIn('fast', function(){
			dialog.container.slideDown('fast', function(){
				dialog.data.fadeIn('fast');
			});
		});
	}
	});
}


///////////////////// GALERIA PARA EMPRESAS /////////////////////

function cargarEventosGalerias()
{
	$(".imgth").click(function(){
		var imagen=$(this).attr("name");
		$(".imgvisor").fadeOut(300,function(){
				$(".imgvisor").attr("src",baseURL+"/img/estaticas/empresas/"+imagen);
				$(".imgvisor").fadeIn(300);
		});
	});	
	
	$(".imgth").hover(function(){
		$(this).animate({opacity:1},"fast");
	},function(){
		$(this).animate({opacity:0.6},"slow");
	});
	
}

/* Si no es clase activa cambia las imagenes */

function navegacionCartaOn(nodo)
{
	if(($("#"+nodo+" img").attr("class"))!="act")
		$("#"+nodo+" img").attr("src",baseURL+"/img/carta/"+nodo+"act.gif");
}

function navegacionCartaOff(nodo)
{
	if(($("#"+nodo+" img").attr("class"))!="act")
		$("#"+nodo+" img").attr("src",baseURL+"/img/carta/"+nodo+".gif");
}


$(function() {
	
	
	//////////////////////// FUNCIONES PARA LA BODEGA ////////////////////
	
	$(".enlacebodega").click(function(){
		var tipobodega=$(this).attr("id");
		var urlbodega=baseURL+"/carta/verbodega";
		$.ajax({
			url:urlbodega,
			cache:false,
			timeout:12000,
			data:{tipo:tipobodega},
			beforeSend:function(){
				$("#bodegacol2").hide();
			},
			success:function(response)
			{
				$("#bodegacol2").html(response);
				$("#bodegacol2").show();
				
			},
			error:function(e,a,b){
				
			}		
		});
		
	});
	
	/////////////////////// FUNCIONES PARA LA RESERVA /////////////////////
	
	$("#botoncancelarcan").click(function(){
		cancelarReservaAJAX();
	});
	
	$("#botoncomprobarest").click(function(){
		comprobarReservaAJAX();
	});
	
	$("#momento").change(function(){
		
		var momento=$("#momento").val();
		
		switch(momento){
			case "comida":
				$("#hora").html('<option value="1300">13:00</option><option value="1330">13:30</option><option value="1400">14:00</option><option value="1430">14:30</option><option value="1500">15:00</option><option value="1530">15:30</option><option value="1600">16:00</option>');
				break;
			case "cena":
				$("#hora").html('<option value="2000">20:00</option><option value="2030">20:30</option><option value="2100">21:00</option><option value="2130">21:30</option><option value="2200">22:00</option><option value="2230">22:30</option><option value="2300">23:00</option>');
				break;
		}
		
		
	});
	
	$("#botoncancelar").click(function(){
		cancelarReserva($("#mailcancelar").val());
	});
	
	$("#botoncomprobar").click(function(){
		estadoReserva($("#mailcomprobar").val());
	});
	

/*	var formulario = $("#formreserva1");
	if (formulario.length != 0) validadorReserva();
	
	var formulario2 = $("#formreserva2");
	if (formulario2.length != 0) validadorDatos();*/
	
	
	
	$("#buscarsalon").click(function(){
		
		if(comprobarDatosReserva())
		{
			extraerSalonesReserva();
		}

	});
	
	
	$("#borrarsalon").click(function(){
		cerrarSalones();
	});
	
	
	$("#aceptarsalon").click(function(){
		$("#ptres").show("slow");		
		$.scrollTo("#ptres","500");
		
	});
	
	$("#borrardatos").click(function(){
		borrarFormularioDatos();
	});
	
	$("#botonreservar").click(function()
	{	
		if (comprobarDatosPersonales()) {
			realizarReserva();
		}
	});
	
	
	
	
	/////////////////////  FUNCIONES PARA BUBBLE /////////////////////////
	
  $('.bubbleInfo').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup.css({
          top: -100,
          left: -33,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });

	
	///////////////////// HOVER Volver al Club ////////////////////////////
	$('.volverclub').hover(function(){
		$('.volverclub').animate(
		{width:"310px"},"fast");
	},function(){
		$('.volverclub').animate(
		{width:"304px"},"fast");
	}
	);
	
	/////////////////////  CARTA //////////////////////////////
	
	/* Se ejecuta cuando se toca una lista. Extrae el id y lo envia para procesar */
	
	$(".listadocol ul li").hover(function(){
		var nodo=$(this).attr("id");
		navegacionCartaOn(nodo);
	},function(){
		var nodo=$(this).attr("id");
		navegacionCartaOff(nodo);
	});
	
	///////////////////// SERVICIOS ////////////////////////////
	
	$("#serviciosprincipales a").hover(function(){
		$(this).animate({opacity:0.60},"fast");
		
	},function(){
		$(this).animate({opacity:1},"fast");
	});
	
	
	///////////////////// TABS /////////////////////////////////

	$("#tab_1").click(function(){
		$("#tab_2").removeClass('active');
		$("#tab_2").addClass('lar');
		$("#tab_1").removeClass('lar');
		$("#tab_1").addClass('active');
		$("#contenedorcontacto").removeClass('contenedorinvisible');
		$("#contenedortrabajo").addClass('contenedorinvisible');
		$("#bodycontacto").css("height","520px");
	});
	
	$("#tab_2").click(function(){
		$("#tab_1").removeClass('active');
		$("#tab_1").addClass('lar');
		$("#tab_2").removeClass('lar');
		$("#tab_2").addClass('active');
		$("#contenedorcontacto").addClass('contenedorinvisible');
		$("#contenedortrabajo").removeClass('contenedorinvisible');
		$("#bodycontacto").css("height","560px");
	});

	
	///////////////////// CLUB PS//////////////////////////////
	
	
	
	
	///////////////////////////////////////////////////
	
	// Si estamos en la seccion contacto	
	var formulario = $("#formularioContacto");
	if (formulario.length != 0) validadorContacto();
	
	// Si estamos en la seccion trabaja con nosotros	
	var formulario = $("#formularioTrabaja");
	if (formulario.length != 0) validadorTrabaja();
	
		
	// Si estamos en la seccion newsletter	
	var formulario = $("#newsletterform");
	if (formulario.length != 0) validadorNewsletter();
	
	
	//////////////////////Newsletter FORM////////////////////////
	
	$("#newsletterform").submit(function(){
			if ($("#newsletterform").valid({
				rules: {
					mailnews: {
						required: true,
						email: true
					}
				}
			})) {
				mostrarModal("Newsletter","<p id='waitimage'><img src='" + baseURL + "/img/modal/ajax-loader.gif' alt='Procesando'></p>");
				var email = $("#newsletterform  #mailnews").attr("value");
				$.post(baseURL+"/club/enviarnewsletter", {
					email: email
				}, onEnviarNewsletter);
			}
				function onEnviarNewsletter(data, textStatus){
					var titulo="Newsletter";
					mostrarModal(titulo,data);
				}
				
				return false;
			
		});
	
		function validadorNewsletter() {
		$("#newsletterform").validate({
			rules: {
				mailnews: {required: true, email: true}	
			}
		});
	}
	
	////////////////////// VALIDAR Contacto ////////////////////////
	
				
		$("#formularioContacto").submit(function(){
			
			if ($("#formularioContacto").valid({
				rules: {
					nombre: "required",
					apellidos:"required",
					email: {
						required: true,
						email: true
					},
					telefono: {
						required: true,
						minlength: 9,
						number: true,
						digits: true
					},
					mensaje: "required"
				}
			})) {
				mostrarModal("Contacto","<p id='waitimage'><img src='" + baseURL + "/img/modal/ajax-loader.gif' alt='Procesando'></p>");
				var nombre = $("#formularioContacto  #nombre").attr("value");
				var apellidos = $("#formularioContacto  #apellidos").attr("value");
				var email = $("#formularioContacto  #email").attr("value");
				var telefono = $("#formularioContacto  #telefono").attr("value");
				var mensaje = $("#formularioContacto  #mensaje").attr("value");
				$.post(baseURL+"/contacto/enviarcontacto", {
					nombre: nombre,
					apellidos: apellidos,
					email: email,
					telefono: telefono,
					mensaje: mensaje
				}, onEnviarContacto);
			}
				function onEnviarContacto(data, textStatus){
					/* RETOCADO */
					var titulo="Contacto";
					mostrarModal(titulo,data);
					//$("#respuestaContacto").html(data);
				}
				
				return false;
			
		});
		
		function validadorContacto() {
		$("#formularioContacto").validate({
			rules: {
				nombre: "required",
				apellidos: "required",
				email: {required: true, email: true},
				telefono: {required: true, minlength: 9, number: true, digits: true},
				mensaje: "required"				
			}
		});
	}
	
		////////////////////// VALIDAR TRABAJA CON NOSOTROS ////////////////////////
		
				
		$("#formularioTrabaja").submit(function(){
		
			if ($("#formularioTrabaja").valid({
				rules: {
					nombre: "required",
					apellidos:"required",
					email: {
						required: true,
						email: true
					},
					telefono: {
						required: true,
						minlength: 9,
						number: true,
						digits: true
					},
					mensaje: "required"
				}
			})) {
				mostrarModal("Trabaja con Nosotros","<p id='waitimage'><img src='" + baseURL + "/img/modal/ajax-loader.gif' alt='Procesando'></p>");
				var nombre = $("#formularioTrabaja  #nombre").attr("value");
				var apellidos = $("#formularioTrabaja  #apellidos").attr("value");
				var email = $("#formularioTrabaja  #email").attr("value");
				var telefono = $("#formularioTrabaja  #telefono").attr("value");
				var mensaje = $("#formularioTrabaja  #mensaje").attr("value");
				var filecv = $("#formularioTrabaja  #filecv").attr("value");
				$.post(baseURL+"/contacto/enviartrabaja", {
					nombre: nombre,
					apellidos: apellidos,
					email: email,
					telefono: telefono,
					mensaje: mensaje,
					filecv: filecv
				}, onEnviarTrabaja);
			}
				function onEnviarTrabaja(data, textStatus){
					alert(data);
					var titulo="Solicitud de trabajo";
					mostrarModal(titulo,data);
				
					//$("#respuestaTrabaja").html(data);
				}
				
				return false;
			
		});
		
		function validadorTrabaja() {
		$("#formularioTrabaja").validate({
			rules: {
				nombre: "required",
				apellidos: "required",
				email: {required: true, email: true},
				telefono: {required: true, minlength: 9, number: true, digits: true},
				mensaje: "required"				
			}
		});
	}
	
	
	////////////////////// CARGAS AJAX GRUPO MC /////////////////////
	
	$('#marisqueria').click(function(){ cargarGrupoMC('marisqueria','es'); });
	$('#costasur').click(function(){ cargarGrupoMC('costasur','es'); });
	$('#laviuda').click(function(){ cargarGrupoMC('laviuda','es'); });
	$('#elvivero').click(function(){ cargarGrupoMC('elvivero','es'); });
	
	
	function cargarGrupoMC(empresa,idioma)
	{
		$("#cargarajaxempresa").fadeOut(300,function(){
			$.ajax({
				url: baseURL+"/index/cargarmc?emp="+empresa+"&lng="+idioma,
				cache: false,
				success: function(html){
				$("#cargarajaxempresa").html(html);
				$("#cargarajaxempresa").fadeIn(300);
				cargarEventosGalerias();
			}});
		});
		
	}
	
	function onMostrarEmpresa()
	{
		
	}
	
	//////////////////// SLIDER SALONES ////////////////////
	
	
	$('#screen').serialScroll({
		target:'#sections',
		items:'div', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'img.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'img.next',// Selector to the 'next' button (absolute too)
		axis:'y',// The default is 'y' scroll on both ways
		//navigation:'#navigation li a',
		duration:700,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
		}
	});
	
		
	////////////////// MAPA DE SALONES - POLIGONOS /////////
	
	$(".poligono").hover(function(){
		$(this).css("cursor","pointer");
		
	},function(){
		$(this).css("cursor","default");
	});
	
	$('#Map area').lightBox({fixedNavigation:true});
	$('#Map2 area').lightBox({fixedNavigation:true});
	$('.baja a').lightBox({fixedNavigation:true});
	$('.alta a').lightBox({fixedNavigation:true});
	///////////ROLLOVER MENU NAVEGACION///////////////
	
	$("#navegacion img").mouseover(function(){
			var imgsrc = $(this).attr("src");
			var matches = imgsrc.match(/_hover/);
			if (!matches) {
				var imgsrcON = imgsrc.replace("_e","_hover_e");
				$(this).attr("src", imgsrcON);
				$(this).mouseout(function(){
					$(this).attr("src", imgsrc);
				});
			}
	});	
	
	
	///////////ROLLOVER IMAGENES///////////////
	
	$(".imagen_col a").hover(function(){
		$(this).animate({opacity:0.6},"fast");
		}, function() {
			$(this).animate({opacity:1},"fast");
		});
	
	/////////ROLLOVER EQUIPO//////////////////
	

	$("#col1").hover(function(){
		$("#col1 .texto").css("color","#fff");
		$("#col1").css("color","#fff");
		$("#col1").css("background-color","#751130");
		$("#col1").css("cursor","pointer");
		
	}, function(){
		$("#col1 .texto").css("color","#59727D");
		$("#col1").css("color","#751130");
		$("#col1").css("background-color","transparent");
		$("#col1").css("cursor","default");
		/*if(cambiadoequipo==true)
		{
			cargarRest();
		}*/		
	});
	
	$("#col2").hover(function(){
		
		$("#col2 .texto").css("color","#fff");
		$("#col2").css("color","#fff");
		$("#col2").css("background-color","#751130");
		$("#col2").css("cursor","pointer");
	}, function(){
		$("#col2 .texto").css("color","#59727D");
		$("#col2").css("color","#751130");
		$("#col2").css("background-color","transparent");
		$("#col2").css("cursor","default");
		/*if(cambiadoequipo==true)
		{
			cargarRest();
		}*/			
	});
	
	$("#col3").hover(function(){
		
		$("#col3 .texto").css("color","#fff");
		$("#col3").css("color","#fff");
		$("#col3").css("background-color","#751130");
		$("#col3").css("cursor","pointer");
	}, function(){
		$("#col3 .texto").css("color","#59727D");
		$("#col3").css("color","#751130");
		$("#col3").css("background-color","transparent");
		$("#col3").css("cursor","default");
		/*if(cambiadoequipo==true)
		{
			cargarRest();
		}*/
		
	});
	
	$("#col1").click(function(){
		cargarEquipo(1);
	});
	
	$("#col2").click(function(){
		cargarEquipo(2);
	});
	
	$("#col3").click(function(){
		cargarEquipo(3);
	});
	
	
	$("#grande").hover(function(){
		
		$("#grande .texto").css("color","#fff");
		$("#grande").css("color","#fff");
		$("#grande").css("background-color","#751130");
		$("#grande").css("cursor","pointer");
	}, function(){
		$("#grande .texto").css("color","#59727D");
		$("#grande").css("color","#751130");
		$("#grande").css("background-color","transparent");
		$("#grande").css("cursor","default");
	});
	
	
	/////PAGINACION AJAX/////////////////////////
	
	$("#paginationControl_Jquery a").click(function(){
			$.post($(this).attr("name"), {
				paginacion: "activada",
				busqueda:$('#terminoBusqueda').val()
				}, onPaginar);
	
	
	function recargarEventos(){
		$("#paginationControl_Jquery a").click(function(){
			$.post($(this).attr("name"), {
				paginacion: "activada"
			}, onPaginar);
		});
	}
	
	function onPaginar(data,textStatus)
	{
		$("#clubps").html(data);
		$("#clubps").fadeIn(200,function(){		
		var alto=$("#clubps").css('height');
		$("#contenedor").css('height',alto);
		$.scrollTo("#logo",500);
		recargarEventos();});

	}
	});
});

	function cargarEquipo(num)
	{

	cambiadoequipo=true;
	
	$("#grande").fadeOut(300,function(){
		$.ajax({
			url: baseURL+"/index/cargarequipo/columna/"+num,
			cache: false,
			success: function(html){
			$("#grande").html(html);
			$("#grande").fadeIn(300);
		}});
	});
	

}

	function cargarRest(){
		
	cambiadoequipo=false;
		
	$("#grande").fadeOut(100,function(){
		$.ajax({
			url: baseURL+"/index/cargarequipo/columna/0",
			cache: false,
			success: function(html){
			$("#grande").html(html);
			$("#grande").fadeIn(200);
		}});
	});
	
}