$(window).ready(function(e){
    var ventana_ancho = $(window).width();
    var ventana_alto = $(window).height();
    //alert(ventana_ancho);
    //alert(ventana_alto);

    $('#sliders').superslides({
        inherit_width_from: '.slider_principal',
        inherit_height_from: '.slider_principal',
        pagination: true,
        hashchange: false,
        play: 5000,
        animation: 'fade'
    });
});

$(document).ready(function(e) {
	
    $=jQuery;
    $('#status').fadeOut(); // will first fade out the loading animation 
    $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website. 
    //$('body').delay(350).css({'overflow':'visible'});
    $('body').css({'overflow':'visible'});

	//ANCLA LINK
    $('a[href*=#]').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({scrollTop: targetOffset-60}, 1000);
                return false;
            }
        }
    });

    $(".various").fancybox({
        openEffect: 'elastic',
        closeEffect: 'elastic',
        autoSize: false,
        padding: 0
    });
    $('.popup').trigger('click');

    $(document).ready(function() {
        $("video").bind("contextmenu",function(){
            return false;
            });
     } );
    $("select.niches").change(function(){
        var selectedNiches = $(".niches option:selected").val();
        $.ajax({
            type: "POST",
            url: "../process-request.php",
            data: { niches : selectedNiches } 
        }).done(function(data){
            $("#response").html(data);
        });
    });

    $('.CerrarPop').on('click', function(e){
        $('.ConteFlota').fadeOut();
    })
    
    $('.Bolsa').on('click', function(e){
        $('.ConteFlota').fadeIn();
    })
    
    $('#formFloat').validate();
    
    //FORMULARIO CURRICULUM
    $('#submitFloat').on("click", function(e){
        var formData = new FormData($("#formFloat")[0]);        

        $('#formFloat').ajaxForm({
            beforeSubmit: function(){
                $('#submitFloat').attr('disabled','disabled');
                return true;
            },
            success:function(){
                $.ajax({
                    type: "POST",
                    url:"valida_bolsa.php",
                    data: formData,
                    success: function(data){
                        //console.log(data);
						if(data == 'mensaje_enviado'){
							swal("Bien hecho!", "Mensaje enviado correctamente!!", "success");
							$("#formFloat")[0].reset();
						}else{
							swal("Ooops!", "Por favor revisa los campos!!", "warning");
						}
                        $('#submitFloat').removeAttr('disabled');
                    },
                    cache: false,
                    contentType: false,
                    processData: false
                })
            }
        })
    });

    // Window resize
    $(window).scroll(function(){
        if ($(window).scrollTop() <= 200) {
            $('header').removeClass('header_chico');
            $('.logo').removeClass('logo_chico');
            $('.menu').removeClass('menu_chico');

            /*

            $('.tel').removeClass('tel_chico');
            
            $('.menu li').removeClass('menu_chico');*/
        }
        if ($(window).scrollTop() >= 200) {
            $('header').addClass('header_chico');
            $('.logo').addClass('logo_chico');
            $('.menu').addClass('menu_chico');
            /*
            
            $('.tel').addClass('tel_chico');
            $('.menu li').addClass('menu_chico');*/         
        }
    });
    
	//BTN MOVIL
    var btn_movil = 0;
    $('.btn_movil').on('click', function(e){
        
        if(btn_movil == 0){
            $('.menu').slideDown('slow');
            btn_movil = 1;
        }
        else if(btn_movil == 1){
            $('.menu').slideUp('slow');
            btn_movil = 0;
        }
    });

		//MENU HEADER 
    var cambio = false;
    $('.menu2 li a').each(function(index) {
        if(this.href.trim() == window.location){
            $(this).addClass("activo");
            cambio = true;
        }
    });

    //SUB MENU HEADER 
    var cambio = false;
    $('.submenu li a').each(function(index) {
        if(this.href.trim() == window.location){
            $(this).addClass("sub_menu_activo");
            cambio = true;
        }
    });

    $('#Industrial').on('click', function(e){
	    /*** MUESTRA ***/
	    $('#Hoteles').addClass('hidden');
	    $('#Restaurantes').addClass('hidden');
	    $('#Salon').addClass('hidden');
	    $('#Escuelas').addClass('hidden');
	    $('#Fraccionamientos').addClass('hidden');
	    $('.Herramientas').addClass('hidden');
	    $('.Industrial').addClass('visible');
	    $('.Mecatronica').addClass('hidden');
	    /*** ESCONDE ***/
	    $('#Hoteles').removeClass('visible');
	    $('#Restaurantes').removeClass('visible');
	    $('#Salon').removeClass('visible');
	    $('#Escuelas').removeClass('visible');
	    $('#Fraccionamientos').removeClass('visible');
	    $('.Herramientas').removeClass('visible');
	    $('.Industrial').removeClass('hidden');
	    $('.Mecatronica').removeClass('visible');
    })

    $('#Herramientas').on('click', function(e){
	    /*** MUESTRA ***/
	    $('#Hoteles').addClass('hidden');
	    $('#Restaurantes').addClass('hidden');
	    $('#Salon').addClass('hidden');
	    $('#Escuelas').addClass('hidden');
	    $('#Fraccionamientos').addClass('hidden');
	    $('.Herramientas').addClass('visible');
	    $('.Industrial').addClass('hidden');
	    $('.Mecatronica').addClass('hidden');
	    /*** ESCONDE ***/
	    $('#Hoteles').removeClass('visible');
	    $('#Restaurantes').removeClass('visible');
	    $('#Salon').removeClass('visible');
	    $('#Escuelas').removeClass('visible');
	    $('#Fraccionamientos').removeClass('visible');
	    $('.Herramientas').removeClass('hidden');
	    $('.Industrial').removeClass('visible');
	    $('.Mecatronica').removeClass('visible');
    })

    $('#Mecatronica').on('click', function(e){
	    /*** MUESTRA ***/
	    $('#Hoteles').addClass('hidden');
	    $('#Restaurantes').addClass('hidden');
	    $('#Salon').addClass('hidden');
	    $('#Escuelas').addClass('hidden');
	    $('#Fraccionamientos').addClass('hidden');
	    $('.Herramientas').addClass('hidden');
	    $('.Industrial').addClass('hidden');
	    $('.Mecatronica').addClass('visible');
	    /*** ESCONDE ***/
	    $('#Hoteles').removeClass('visible');
	    $('#Restaurantes').removeClass('visible');
	    $('#Salon').removeClass('visible');
	    $('#Escuelas').removeClass('visible');
	    $('#Fraccionamientos').removeClass('visible');
	    $('.Herramientas').removeClass('visible');
	    $('.Industrial').removeClass('visible');
	    $('.Mecatronica').removeClass('hidden');
    })

    //VALIDA CONTACTO FOOTER
    $('#submitFoot').click(function(e){
        $("#formFoot").validate({
            rules: {
                nombre: { required: true, minlength: 3 },
                correo: { required: true, minlength: 3 },
                telefono: { required: true, minlength: 3 },
                mensaje: { required: true }
            },
            submitHandler: function(form){
                $('#submitFoot').attr('disabled','disabled');
                setTimeout(function(e){
                    $.ajax({
                        type: "POST",
                        url:"valida_contacto.php",
                        data: $("#formFoot").serialize(),
                        success: function(data){
							console.log(data);
                            if(data == 'mensaje_enviado'){
                                swal("Bien hecho!", "Mensaje enviado Correctamente!!", "success");
                                setTimeout(function(e){
                                    $("#formFoot")[0].reset();
                                },2000)
                            }else{
                                swal("Ooops!", "Error de envio!!", "warning");
                            }

                            $('#submitFoot').removeAttr('disabled');
                        }
                    });
                },1300)
            }
        })
    });
    
    //VALIDA CONTACTO FOOTER
    $('#submitCont').click(function(e){
        $("#formCont").validate({
            rules: {
                nombre: { required: true, minlength: 3 },
                correo: { required: true, minlength: 3 },
                telefono: { required: true, minlength: 3 },
                regarding: { required: true },
                mensaje: { required: true }
            },
            submitHandler: function(form){
                $('#submitCont').attr('disabled','disabled');
                setTimeout(function(e){
                    $.ajax({
                        type: "POST",
                        url:"valida_contacto.php",
                        data: $("#formCont").serialize(),
                        success: function(data){
							console.log(data);
                            if(data == 'mensaje_enviado'){
                                swal("Bien hecho!", "Mensaje enviado Correctamente!!", "success");
                                setTimeout(function(e){
                                    $("#formCont")[0].reset();
                                },2000)
                            }else{
                                swal("Ooops!", "Error de envio!!", "warning");
                            }

                            $('#submitCont').removeAttr('disabled');
                        }
                    });
                },1300)
            }
        })
    });

    //VALIDA CONTACTO FOOTER
    $('#RequestTal').click(function(e){
        $("#formRequest").validate({
            rules: {
                cities: { required: true },
                niches: { required: true },
                type: { required: true },
                position: { required: true, minlength: 3  },
                firstname: { required: true, minlength: 3 },
                lastname: { required: true, minlength: 3 },
                telefono: { required: true, minlength: 3 },
                correo: { required: true, minlength: 3 },
                telefono: { required: true, minlength: 3 },
                zip: { required: true, minlength: 3 },
                company: { required: true, minlength: 3 },
                mensaje: { required: true }
            },
            submitHandler: function(form){
                $('#RequestTal').attr('disabled','disabled');
                setTimeout(function(e){
                    $.ajax({
                        type: "POST",
                        url:"valida_talent.php",
                        data: $("#formRequest").serialize(),
                        success: function(data){
							console.log(data);
                            if(data == 'mensaje_enviado'){
                                swal("Good Job!", "Message sent successfully!!", "success");
                                setTimeout(function(e){
                                    $("#formRequest")[0].reset();
                                },2000)
                            }else{
                                swal("Ooops!", "There was an error sending!!", "warning");
                            }

                            $('#RequestTal').removeAttr('disabled');
                        }
                    });
                },1300)
            }
        })
    });
    
    //COL TESTIMONIAL
    $('.Slider').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        },
        loop:true,
        margin:20,
        fluidSpeed: 10,
        autoplay: true,
		autoplayTimeout:3000,
		autoplayHoverPause:true,
		items:1,
        nav:true,
        navText: ["<i class='Steps4 fa fa-chevron-left'></i>","<i class='Steps4 fa fa-chevron-right'></i>"]
    });
    
    //AMENIDADES	    
    $('.Valores').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:2,
                center: true,
				nav:false
            },
            1000:{
                items:4
            }
        },
        loop:true,
        margin:10,
        nav:true,
        navText: ["<i class='Steps4 fa fa-chevron-left'></i>","<i class='Steps4 fa fa-chevron-right'></i>"]
    });
    
    //AMENIDADES	    
    $('.Productos').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:3,
				nav:false
            },
            1000:{
                items:4
            }
        },
        margin:10,
        nav:true,
        navText: ["<i class='Servicios fa fa-chevron-left'></i>","<i class='Servicios fa fa-chevron-right'></i>"]
    });

    //AMENIDADES	    
    $('.ProductosGrande').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:1,
				nav:false
            },
            1000:{
                items:1,
				nav:false
            }
        },
        loop:false,
        URLhashListener:true,
	        startPosition: 'URLHash',
        nav:true,
        navText: ["<i class='Prods fa fa-chevron-left'></i>","<i class='Prods fa fa-chevron-right'></i>"]
    });

    //AMENIDADES	    
    $('.ProductosHbl').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:2,
				nav:false
            },
            1000:{
                items:3
            }
        },
        margin:10,
        nav:true,
        navText: ["<i class='Servicios fa fa-chevron-left'></i>","<i class='Servicios fa fa-chevron-right'></i>"]
    });

    //AMENIDADES	    
    $('.ProductosHblGrande').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:1,
				nav:false
            },
            1000:{
                items:1,
				nav:false
            }
        },
        loop:false,
        URLhashListener:true,
	        startPosition: 'URLHash',
        nav:false,
        navText: ["<i class='Servicios fa fa-chevron-left'></i>","<i class='Servicios fa fa-chevron-right'></i>"]
    });
    
    //AMENIDADES	    
    $('.carrusel3StepsGrande').owlCarousel({
        responsive:{
            0:{
                items:1,
				nav:false
            },
            600:{
                items:1,
				nav:false
            },
            1000:{
                items:1
            }
        },
        loop:false,
        margin:10,
        URLhashListener:true,
	        startPosition: 'URLHash',
        nav:true,
        navText: ["<i class='Steps3 fa fa-chevron-left'></i>","<i class='Steps3 fa fa-chevron-right'></i>"]
    });

    $('.Testimoniales').owlCarousel({
        loop:true,
        autoplay: true,
		autoplayTimeout:4000,
		autoplayHoverPause:true,
        margin: 5,
        nav:true,
        navText: ["<i class='light fa fa-chevron-left'></i>","<i class='light fa fa-chevron-right'></i>"],
        autoplayHoverPause: true,
        responsive:{
            0:{
                items:1,
                nav:false
            },
            600:{
                items:1,
                nav:false
            },
            1000:{
                items:1
            }
        }
    });
    
    $('.thumb-niches').owlCarousel({
        loop:true,
        autoplay: true,
		autoplayTimeout:3000,
		autoplayHoverPause:true,
        margin: 5,
        nav:true,
        navText: ["<i class='light fa fa-chevron-left'></i>","<i class='light fa fa-chevron-right'></i>"],
        autoplayHoverPause: true,
        responsive:{
            0:{
                items:1,
                nav:false
            },
            600:{
                items:3,
                nav:false
            },
            1000:{
                items:4
            }
        }
    });


    //COL TESTIMONIAL
    $('.carruselHome').owlCarousel({
        loop:true,
        margin:50,
        fluidSpeed: 10,
        items:1,
        nav:false,
        autoplayHoverPause: true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:3
            }
        }
    });
    

    //COL POPULARES
    $('.colPopular').owlCarousel({
        loop:true,
        margin:10,
        fluidSpeed: 10,
        nav:false,
        //navText: ["<img src='img/testimoniales/left.jpg' class='nav-testimonial'>","<img src='img/testimoniales/right.jpg' class='nav-testimonial nav-testimonial-right'>"],
        responsive:{
            0:{
                items:1
            },
            600:{
                items:3
            },
            1000:{
                items:4
            }
        }
    });

    //PROMOCION
//    $('#imagePromocion').lightSlider({
//      gallery:true,
//      item:1,
//      loop:true,
//      thumbItem:3,
//      thumbMargin: 20,
//      enableDrag: false,
//      currentPagerPosition:'left',
//      onSliderLoad: function(el) {
//      }
//  });
	//MENU HEADER 
    var cambio = false;
    $('.menu li a').each(function(index) {
        if(this.href.trim() == window.location){
            $(this).addClass("menu_activo");
            cambio = true;
        }
    });
    
    //MENU HEADER 
    var cambio_movil = false;
    $('.menu_movil li a').each(function(index) {
        if(this.href.trim() == window.location){
            $(this).addClass("menu_activo");
            cambio_movil = true;
        }
    });
    if(!cambio_movil){
        $('.menu_movil li a:first').addClass("menu_activo");
    }

    //BOTON BLOG MOVIL
    var botonBlog = 0;
    $('.botonBlog').on('click', function(e){
        if(botonBlog == 0){
            $('.colBlog2').css({
                'right' : '0'
            })
            botonBlog = 1;

            $('.btnCerrarBlog').on('click', function(e){
                $('.colBlog2').css({
                    'right' : '-300px'
                })

                botonBlog = 0;
            });
        }
    });

    $(".fancy").fancybox({
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        padding     : 5
    });

    //VALIDA COMENTARIOS
    $("#submitPublicar").click(function(event) {
        if($('#formComenst').valid()){
            $('#submitPublicar').addClass('btnActivo');
            setTimeout(function(e){
                $.ajax({
                    method: "POST",
                    url: "actualiza_comentario.php",
                    data:$('#formComenst').serialize()
                }).done(function(msg) {
                    $("#comentariosajax").html(msg);
                    $('#submitPublicar').removeClass('btnActivo');
                    $("#formComenst")[0].reset();
                });
            }, 1300);
        }else{//CUANDO NO ESTA VALIDADO

        }

    });
    
    // Window resize
    /*$(window).scroll(function(){
        if ($(window).scrollTop() <= 200) {
            $('header').removeClass('header_chico');
            $('.logo').removeClass('logo_chico');
            $('.tel').removeClass('tel_chico');
            $('.menu').removeClass('conte_menu_chico');
            $('.menu li').removeClass('menu_chico');
        }
        if ($(window).scrollTop() >= 200) {
            $('header').addClass('header_chico');
            $('.logo').addClass('logo_chico');
            $('.tel').addClass('tel_chico');
            $('.menu').addClass('conte_menu_chico');
            $('.menu li').addClass('menu_chico');            
        }
    });

    $('.mapa-hover').on('click', function(e){
        $(this).fadeOut();
    })


    $(".ifancybox").fancybox({
        'hideOnContentClick' : true,
        'width' : 1000,
        'type' : 'iframe',
        'padding' : 0,
        'onComplete' : function() {
        $('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height
        $('#fancybox-content').height($(this).contents().find('body').height()+30);
            });
        }
    });

    //TESTIMONIAL
    $('.bxslider').bxSlider({
        mode: 'horizontal',
        captions: true,
        controls: false,
        pager: false
    });


    //COL CONDOMINIO
    $('.colCondominio').owlCarousel({
        loop:true,
        margin:50,
        fluidSpeed: 10,
        items:1,
        nav:false,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:3
            }
        }
    });

	
    //VALIDA CONTACTO RENTALS
    $('#submitPop').click(function(e){
        $("#formRentals").validate({
            rules: {
                nombre: { required: true, minlength: 3 },
                apellido: { required: true, minlength: 3 },
                telefono: { required: true, minlength: 3 },
                correo: { required: true, minlength: 3 },
                fecha_interes: { required: true, minlength: 3 },
                mensaje: { required: true },
            },
            submitHandler: function(form){
                $('#submitPop').attr('disabled','disabled');
                setTimeout(function(e){
                    $.ajax({
                        type: "POST",
                        url:"valida_contacto.php",
                        data: $("#formRentals").serialize(),
                        success: function(data){
                            if(data == 'mensaje_enviado'){
                                alert('Mensaje enviado Correctamente!!');
                                $("#formRentals")[0].reset();
                            }else{
                                alert('Error de envio!!');
                            }

                            $('#submitPop').removeAttr('disabled');
                        }
                    });
                },1300)
            }
        })
    });


    //VALIDA CONTACTO FOOTER
    $('#submitNews').click(function(e){
        $("#formNews").validate({
            rules: {
                correo: { required: true, minlength: 3 }
            },
            submitHandler: function(form){
                $('#submitNews').attr('disabled','disabled');
                setTimeout(function(e){
                    $.ajax({
                        type: "POST",
                        url:"valida_newsletter.php",
                        data: $("#formNews").serialize(),
                        success: function(data){
                            if(data == 'alta_registro'){
                                alert('Gracias por registraste!!');
                                $("#formNews")[0].reset();
                            }else if(data == 'no_alta'){
                                alert('Error en el registro');
                            }else if(data == 'existe'){
                                alert('Este correo ya existe!!');
                            }
                            $('#submitNews').removeAttr('disabled');
                        }
                    });
                },1300)
            }
        })
    });

    //RENTALS
    $('.bxSliderGaleria').bxSlider({
        pager: false
    });
    $('.btnRenta').on('click', function(){

        var parent = $(this).parent();
        var parentCafe = $(this).parent().next('.infoRentalsCafe');

        $('.infoRentalsCafe').css({
            'opacity' : '0',
            'position' : 'absolute',
            'color': '#FFF;'
        });
        $('.infoRentalsBlanco').css({
            'visibility' : 'visible',
            'opacity' : '1',
            'position' : 'relative'
        })


        parent.css({
            'visibility' : 'hidden',
            'opacity' : '0',
            'position' : 'absolute'
        });
        parentCafe.css({
            'visibility' : 'visible',
            'opacity' : '1',
            'display' : 'table-cell',
            'position' : 'relative'
        });
    });

    //POPUP
    var pop = 0;
    $('.btnBook').on('click', function(e){
        var ob = $(this).parent().find('.tituloRentals').html();

        if(pop == 0){
            $('.bgPopup').fadeIn();
            $("#tituloRenta").attr('value', ob)
            pop = 1;

            $('.btnCerrarPop').on('click', function(e){
                $('.bgPopup').fadeOut();

                pop = 0;
            });
        }

    });

    //FORMULARIO FOOTER EFECTO
    (function() {
        // trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
        if (!String.prototype.trim) {
            (function() {
                // Make sure we trim BOM and NBSP
                var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
                String.prototype.trim = function() {
                    return this.replace(rtrim, '');
                };
            })();
        }

        [].slice.call( document.querySelectorAll( 'input.input__field' ) ).forEach( function( inputEl ) {
            // in case the input is already filled..
            if( inputEl.value.trim() !== '' ) {
                classie.add( inputEl.parentNode, 'input--filled' );
            }

            // events:
            inputEl.addEventListener( 'focus', onInputFocus );
            inputEl.addEventListener( 'blur', onInputBlur );
        } );

        function onInputFocus( ev ) {
            classie.add( ev.target.parentNode, 'input--filled' );
        }

        function onInputBlur( ev ) {
            if( ev.target.value.trim() === '' ) {
                classie.remove( ev.target.parentNode, 'input--filled' );
            }
        }
    })();
    */
    
    $('.FindYourDream').on('click', function(e){
	    $('.GetMatchedContent').addClass('GetMatchedContentAnimate');
	    $('.FindYourDreamContent').removeClass('FindYourDreamContentAnimate');
    })
    $('.GetMatched').on('click', function(e){
	    $('.FindYourDreamContent').addClass('FindYourDreamContentAnimate');
	    $('.GetMatchedContent').removeClass('GetMatchedContentAnimate');
    })
    
    $('#formSubmitCV').validate();
    
    //FORMULARIO CURRICULUM
    $('#SubmitCV').on("click", function(e){
        var formData = new FormData($("#formSubmitCV")[0]);        

        $('#formSubmitCV').ajaxForm({
            beforeSubmit: function(){
                $('#SubmitCV').attr('disabled','disabled');
                return true;
            },
            success:function(){
                $.ajax({
                    type: "POST",
                    url:"valida_bolsa.php",
                    data: formData,
                    success: function(data){
                        //console.log(data);
						if(data == 'mensaje_enviado'){
							swal("Good Job!", "Message sent successfully!!", "success");
							$("#formSubmitCV")[0].reset();
						}else{
							swal("Ooops!", "Please check again the fields!!", "warning");
						}
                        $('#SubmitCV').removeAttr('disabled');
                    },
                    cache: false,
                    contentType: false,
                    processData: false
                })
            }
        })
    });
    
	$(".fancyimg").click(function() {
	    $.fancybox.open({
	        href : $(this).attr("data-id"),
	        type : 'iframe',
	        padding : 5
	    });
	});
});