/** * Global variables */ "use strict"; var userAgent = navigator.userAgent.toLowerCase(), initialDate = new Date(), $document = $(document), $window = $(window), $html = $("html"), isDesktop = $html.hasClass("desktop"), isIE = userAgent.indexOf("msie") != -1 ? parseInt(userAgent.split("msie")[1]) : userAgent.indexOf("trident") != -1 ? 11 : userAgent.indexOf("edge") != -1 ? 12 : false, isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), isTouch = "ontouchstart" in window, plugins = { pageLoader: $(".page-loader"), pointerEvents: isIE < 11 ? "js/pointer-events.min.js" : false, smoothScroll: $html.hasClass("use--smoothscroll") ? "js/smoothscroll.min.js" : false, bootstrapTooltip: $("[data-toggle='tooltip']"), bootstrapTabs: $(".tabs"), rdParallax: $(".rd-parallax"), rdAudioPlayer: $(".rd-audio"), rdVideoPlayer: $(".rd-video-player"), responsiveTabs: $(".responsive-tabs"), rdGoogleMaps: $(".rd-google-map"), rdNavbar: $(".rd-navbar"), mfp: $('[data-lightbox]').not('[data-lightbox="gallery"] [data-lightbox]'), mfpGallery: $('[data-lightbox^="gallery"]'), rdVideoBG: $(".rd-video"), rdRange: $('.rd-range'), textRotator: $(".text-rotator"), owl: $(".owl-carousel"), swiper: $(".swiper-slider"), counter: $(".counter"), progressBar: $(".progress-bar-js"), isotope: $(".isotope"), countDown: $(".countdown"), calendar: $(".rd-calendar"), materialTabs: $('.rd-material-tabs'), filePicker: $('.rd-file-picker'), fileDrop: $('.rd-file-drop'), popover: $('[data-toggle="popover"]'), dateCountdown: $('.DateCountdown'), statefulButton: $('.btn-stateful'), slick: $('.slick-slider'), scroller: $(".scroll-wrap"), socialite: $(".socialite"), viewAnimate: $('.view-animate'), selectFilter: $("select"), rdInputLabel: $(".form-label"), stacktable: $("[data-responsive=true]"), bootstrapDateTimePicker: $("[data-time-picker]"), customWaypoints: $('[data-custom-scroll-to]'), photoSwipeGallery: $("[data-photo-swipe-item]"), circleProgress: $(".progress-bar-circle"), stepper: $("input[type='number']"), radio: $("input[type='radio']"), checkbox: $("input[type='checkbox']"), customToggle: $("[data-custom-toggle]"), rdMailForm: $(".rd-mailform"), regula: $("[data-constraints]"), imgZoom: $('[mag-thumb]') }; /** * Initialize All Scripts */ $document.ready(function () { /** * getSwiperHeight * @description calculate the height of swiper slider basing on data attr */ function getSwiperHeight(object, attr) { var val = object.attr("data-" + attr), dim; if (!val) { return undefined; } dim = val.match(/(px)|(%)|(vh)$/i); if (dim.length) { switch (dim[0]) { case "px": return parseFloat(val); case "vh": return $(window).height() * (parseFloat(val) / 100); case "%": return object.width() * (parseFloat(val) / 100); } } else { return undefined; } } /** * toggleSwiperInnerVideos * @description toggle swiper videos on active slides */ function toggleSwiperInnerVideos(swiper) { var prevSlide = $(swiper.slides[swiper.previousIndex]), nextSlide = $(swiper.slides[swiper.activeIndex]), videos; prevSlide.find("video").each(function () { this.pause(); }); videos = nextSlide.find("video"); if (videos.length) { videos.get(0).play(); } } /** * toggleSwiperCaptionAnimation * @description toggle swiper animations on active slides */ function toggleSwiperCaptionAnimation(swiper) { var prevSlide = $(swiper.container), nextSlide = $(swiper.slides[swiper.activeIndex]); prevSlide .find("[data-caption-animate]") .each(function () { var $this = $(this); $this .removeClass("animated") .removeClass($this.attr("data-caption-animate")) .addClass("not-animated"); }); nextSlide .find("[data-caption-animate]") .each(function () { var $this = $(this), delay = $this.attr("data-caption-delay"); setTimeout(function () { $this .removeClass("not-animated") .addClass($this.attr("data-caption-animate")) .addClass("animated"); }, delay ? parseInt(delay) : 0); }); } /** * makeParallax * @description create swiper parallax scrolling effect */ function makeParallax(el, speed, wrapper, prevScroll) { var scrollY = window.scrollY || window.pageYOffset; if (prevScroll != scrollY) { prevScroll = scrollY; el.addClass('no-transition'); el[0].style['transform'] = 'translate3d(0,' + -scrollY * (1 - speed) + 'px,0)'; el.height(); el.removeClass('no-transition'); if (el.attr('data-fade') === 'true') { var bound = el[0].getBoundingClientRect(), offsetTop = bound.top * 2 + scrollY, sceneHeight = wrapper.outerHeight(), sceneDevider = wrapper.offset().top + sceneHeight / 2.0, layerDevider = offsetTop + el.outerHeight() / 2.0, pos = sceneHeight / 6.0, opacity; if (sceneDevider + pos > layerDevider && sceneDevider - pos < layerDevider) { el[0].style["opacity"] = 1; } else { if (sceneDevider - pos < layerDevider) { opacity = 1 + ((sceneDevider + pos - layerDevider) / sceneHeight / 3.0 * 5); } else { opacity = 1 - ((sceneDevider - pos - layerDevider) / sceneHeight / 3.0 * 5); } el[0].style["opacity"] = opacity < 0 ? 0 : opacity > 1 ? 1 : opacity.toFixed(2); } } } requestAnimationFrame(function () { makeParallax(el, speed, wrapper, prevScroll); }); } /** * isScrolledIntoView * @description check the element whas been scrolled into the view */ function isScrolledIntoView(elem) { var $window = $(window); return elem.offset().top + elem.outerHeight() >= $window.scrollTop() && elem.offset().top <= $window.scrollTop() + $window.height(); } /** * initOnView * @description calls a function when element has been scrolled into the view */ function lazyInit(element, func) { var $win = jQuery(window); $win.on('load scroll', function () { if ((!element.hasClass('lazy-loaded') && (isScrolledIntoView(element)))) { func.call(); element.addClass('lazy-loaded'); } }); } /** * attachFormValidator * @description attach form validation to elements */ function attachFormValidator(elements) { for (var i = 0; i < elements.length; i++) { var o = $(elements[i]), v; o.addClass("form-control-has-validation").after(""); v = o.parent().find(".form-validation"); if (v.is(":last-child")) { o.addClass("form-control-last-child"); } } elements .on('input change propertychange blur', function (e) { var $this = $(this), results; if (e.type != "blur") { if (!$this.parent().hasClass("has-error")) { return; } } if ($this.parents('.rd-mailform').hasClass('success')) { return; } if ((results = $this.regula('validate')).length) { for (i = 0; i < results.length; i++) { $this.siblings(".form-validation").text(results[i].message).parent().addClass("has-error") } } else { $this.siblings(".form-validation").text("").parent().removeClass("has-error") } }) .regula('bind'); } /** * isValidated * @description check if all elemnts pass validation */ function isValidated(elements) { var results, errors = 0; if (elements.length) { for (j = 0; j < elements.length; j++) { var $input = $(elements[j]); if ((results = $input.regula('validate')).length) { for (k = 0; k < results.length; k++) { errors++; $input.siblings(".form-validation").text(results[k].message).parent().addClass("has-error"); } } else { $input.siblings(".form-validation").text("").parent().removeClass("has-error") } } return errors == 0; } return true; } /** * Init Bootstrap tooltip * @description calls a function when need to init bootstrap tooltips */ function initBootstrapTooltip(tooltipPlacement) { if (window.innerWidth < 599) { plugins.bootstrapTooltip.tooltip('destroy'); plugins.bootstrapTooltip.tooltip({ placement: 'bottom' }); } else { plugins.bootstrapTooltip.tooltip('destroy'); plugins.bootstrapTooltip.tooltipPlacement; plugins.bootstrapTooltip.tooltip(); } } /** * IE Polyfills * @description Adds some loosing functionality to IE browsers */ if (isIE) { if (isIE < 10) { $html.addClass("lt-ie-10"); } if (isIE < 11) { if (plugins.pointerEvents) { $.getScript(plugins.pointerEvents) .done(function () { $html.addClass("ie-10"); PointerEventsPolyfill.initialize({}); }); } } if (isIE === 11) { $("html").addClass("ie-11"); } if (isIE === 12) { $("html").addClass("ie-edge"); } } /** * Bootstrap Tooltips * @description Activate Bootstrap Tooltips */ if (plugins.bootstrapTooltip.length) { var tooltipPlacement = plugins.bootstrapTooltip.attr('data-placement'); initBootstrapTooltip(tooltipPlacement); $(window).on('resize orientationchange', function () { initBootstrapTooltip(tooltipPlacement); }) } /** * Smooth scrolling * @description Enables a smooth scrolling for Google Chrome (Windows) */ if (plugins.smoothScroll) { $.getScript(plugins.smoothScroll); } /** * RD Audio player * @description Enables RD Audio player plugin */ if (plugins.rdAudioPlayer.length > 0) { var i; for (i = 0; i < plugins.rdAudioPlayer.length; i++) { $(plugins.rdAudioPlayer[i]).RDAudio(); } } /** * Text Rotator * @description Enables Text Rotator plugin */ if (plugins.textRotator.length) { var i; for (i = 0; i < plugins.textRotator.length; i++) { var textRotatorItem = plugins.textRotator[i]; $(textRotatorItem).rotator(); } } /** * RD Google Maps * @description Enables RD Google Maps plugin */ if (plugins.rdGoogleMaps.length) { var i; $.getScript("//maps.google.com/maps/api/js?key=AIzaSyB98qcnIq-cU6N1fg0etnS8UYeMiH32JiQ&sensor=false&libraries=geometry,places&v=3.7", function () { var head = document.getElementsByTagName('head')[0], insertBefore = head.insertBefore; head.insertBefore = function (newElement, referenceElement) { if (newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') != -1 || newElement.innerHTML.indexOf('gm-style') != -1) { return; } insertBefore.call(head, newElement, referenceElement); }; for (i = 0; i < plugins.rdGoogleMaps.length; i++) { var $googleMapItem = $(plugins.rdGoogleMaps[i]); lazyInit($googleMapItem, $.proxy(function () { var $this = $(this), styles = $this.attr("data-styles"); $this.googleMap({ styles: styles ? JSON.parse(styles) : [], onInit: function (map) { var inputAddress = $('#rd-google-map-address'); if (inputAddress.length) { var input = inputAddress; var geocoder = new google.maps.Geocoder(); var marker = new google.maps.Marker( { map: map, icon: "images/gmap_marker.png", } ); var autocomplete = new google.maps.places.Autocomplete(inputAddress[0]); autocomplete.bindTo('bounds', map); inputAddress.attr('placeholder', ''); inputAddress.on('change', function () { $("#rd-google-map-address-submit").trigger('click'); }); inputAddress.on('keydown', function (e) { if (e.keyCode == 13) { $("#rd-google-map-address-submit").trigger('click'); } }); $("#rd-google-map-address-submit").on('click', function (e) { e.preventDefault(); var address = input.val(); geocoder.geocode({'address': address}, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var latitude = results[0].geometry.location.lat(); var longitude = results[0].geometry.location.lng(); map.setCenter(new google.maps.LatLng( parseFloat(latitude), parseFloat(longitude) )); marker.setPosition(new google.maps.LatLng( parseFloat(latitude), parseFloat(longitude) )) } }); }); } } }); }, $googleMapItem)); } }); } /** * Bootstrap Date time picker */ if (plugins.bootstrapDateTimePicker.length) { var i; for (i = 0; i < plugins.bootstrapDateTimePicker.length; i++) { var $dateTimePicker = $(plugins.bootstrapDateTimePicker[i]); var options = {}; options['format'] = 'dddd DD MMMM YYYY - HH:mm'; if ($dateTimePicker.attr("data-time-picker") == "date") { options['format'] = 'dddd DD MMMM YYYY'; options['minDate'] = new Date(); } else if ($dateTimePicker.attr("data-time-picker") == "time") { options['format'] = 'HH:mm'; } options["time"] = ($dateTimePicker.attr("data-time-picker") != "date"); options["date"] = ($dateTimePicker.attr("data-time-picker") != "time"); options["shortTime"] = true; $dateTimePicker.bootstrapMaterialDatePicker(options); } } /** * Responsive Tabs * @description Enables Responsive Tabs plugin */ if (plugins.responsiveTabs.length > 0) { var i; for (i = 0; i < plugins.responsiveTabs.length; i++) { var responsiveTabsItem = $(plugins.responsiveTabs[i]); responsiveTabsItem.easyResponsiveTabs({ type: responsiveTabsItem.attr("data-type") === "accordion" ? "accordion" : "default" }); } } /** * RD MaterialTabs * @description Enables RD MaterialTabs plugin */ if (plugins.materialTabs.length) { var i; for (i = 0; i < plugins.materialTabs.length; i++) { var materialTabsItem = plugins.materialTabs[i]; $(materialTabsItem).RDMaterialTabs({}); } } /** * Select2 * @description Enables select2 plugin */ if (plugins.selectFilter.length) { var i; for (i = 0; i < plugins.selectFilter.length; i++) { var select = $(plugins.selectFilter[i]); select.select2({ theme: "bootstrap" }).next().addClass(select.attr("class").match(/(input-sm)|(input-lg)|($)/i).toString().replace(new RegExp(",", 'g'), " ")); } } /** * Stepper * @description Enables Stepper Plugin */ if (plugins.stepper.length) { plugins.stepper.stepper({ labels: { up: "", down: "" } }); } /** * Radio * @description Add custom styling options for input[type="radio"] */ if (plugins.radio.length) { var i; for (i = 0; i < plugins.radio.length; i++) { var $this = $(plugins.radio[i]); $this.addClass("radio-custom").after("") } } /** * Checkbox * @description Add custom styling options for input[type="checkbox"] */ if (plugins.checkbox.length) { var i; for (i = 0; i < plugins.checkbox.length; i++) { var $this = $(plugins.checkbox[i]); $this.addClass("checkbox-custom").after("") } } /** * RD Filepicker * @description Enables RD Filepicker plugin */ if (plugins.filePicker.length || plugins.fileDrop.length) { var i; for (i = 0; i < plugins.filePicker.length; i++) { var filePickerItem = plugins.filePicker[i]; $(filePickerItem).RDFilepicker({ metaFieldClass: "rd-file-picker-meta" }); } for (i = 0; i < plugins.fileDrop.length; i++) { var fileDropItem = plugins.fileDrop[i]; $(fileDropItem).RDFilepicker({ metaFieldClass: "rd-file-drop-meta", buttonClass: "rd-file-drop-btn", dropZoneClass: "rd-file-drop" }); } } /** * Popovers * @description Enables Popovers plugin */ if (plugins.popover.length) { if (window.innerWidth < 767) { plugins.popover.attr('data-placement', 'bottom'); plugins.popover.popover(); } else { plugins.popover.popover(); } } /** * jQuery Countdown * @description Enable countdown plugin */ if (plugins.countDown.length) { var i; for (i = 0; i < plugins.countDown.length; i++) { var countDownItem = plugins.countDown[i], d = new Date(), type = countDownItem.getAttribute('data-type'), time = countDownItem.getAttribute('data-time'), format = countDownItem.getAttribute('data-format'), settings = []; d.setTime(Date.parse(time)).toLocaleString(); settings[type] = d; settings['format'] = format; $(countDownItem).countdown(settings); } } /** * TimeCircles * @description Enable TimeCircles plugin */ if (plugins.dateCountdown.length) { for (i = 0; i < plugins.dateCountdown.length; i++) { var dateCountdownItem = $(plugins.dateCountdown[i]), time = { "Days": { "text": "Dias", "color": "#0b7750", "show": true }, "Hours": { "text": "Horas", "color": "#0b7750", "show": true }, "Minutes": { "text": "Minutos", "color": "#0b7750", "show": true }, "Seconds": { "text": "Segundos", "color": "#0b7750", "show": true } }; dateCountdownItem.TimeCircles({ "animation": "smooth", "bg_width": .1, "fg_width": 0.04, "circle_bg_color": dateCountdownItem.attr('data-bg') ? dateCountdownItem.attr('data-bg') : "rgba(11,119,80, 1)", "time": time }); $(window).on('load resize orientationchange', (function ($dateCountdownItem, time) { return function () { if (window.innerWidth < 479) { $dateCountdownItem.TimeCircles({ time: { Minutes: {show: true}, Seconds: {show: false} } }).rebuild(); } else if (window.innerWidth < 767) { $dateCountdownItem.TimeCircles({ time: { Seconds: {show: false} } }).rebuild(); } else { $dateCountdownItem.TimeCircles({time: time}).rebuild(); } } })($(dateCountdownItem), time)); } } /** * Bootstrap Buttons * @description Enable Bootstrap Buttons plugin */ if (plugins.statefulButton.length) { $(plugins.statefulButton).on('click', function () { var statefulButtonLoading = $(this).button('loading'); setTimeout(function () { statefulButtonLoading.button('reset') }, 2000); }) } /** * RD Calendar * @description Enables RD Calendar plugin */ if (plugins.calendar.length) { var i; for (i = 0; i < plugins.calendar.length; i++) { var calendarItem = $(plugins.calendar[i]); calendarItem.rdCalendar({ days: calendarItem.attr("data-days") ? calendarItem.attr("data-days").split(/\s?,\s?/i) : ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'], month: calendarItem.attr("data-months") ? calendarItem.attr("data-months").split(/\s?,\s?/i) : ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'] }); } } /** * Circle Progress * @description Enable Circle Progress plugin */ if (plugins.circleProgress.length) { var i; for (i = 0; i < plugins.circleProgress.length; i++) { var circleProgressItem = $(plugins.circleProgress[i]); $document .on("scroll", function () { if (!circleProgressItem.hasClass('animated')) { var arrayGradients = circleProgressItem.attr('data-gradient').split(","); circleProgressItem.circleProgress({ value: circleProgressItem.attr('data-value'), size: circleProgressItem.attr('data-size') ? circleProgressItem.attr('data-size') : 175, fill: {gradient: arrayGradients, gradientAngle: Math.PI / 4}, startAngle: -Math.PI / 4 * 2, emptyFill: circleProgressItem.attr('data-empty-fill') ? circleProgressItem.attr('data-empty-fill') : "rgb(245,245,245)", thickness: circleProgressItem.attr('data-thickness') ? parseInt(circleProgressItem.attr('data-thickness')) : 10, }).on('circle-animation-progress', function (event, progress, stepValue) { $(this).find('span').text(String(stepValue.toFixed(3)).replace('0.', '').replace('1.', '1')); }); circleProgressItem.addClass('animated'); } }) .trigger("scroll"); } } /** * Progress bar * @description Enable progress bar */ if (plugins.progressBar.length) { var i, bar, type; for (i = 0; i < plugins.progressBar.length; i++) { var progressItem = plugins.progressBar[i]; bar = null; if (progressItem.className.indexOf("progress-bar-horizontal") > -1) { type = 'Line'; } if (progressItem.className.indexOf("progress-bar-radial") > -1) { type = 'Circle'; } if (progressItem.getAttribute("data-stroke") && progressItem.getAttribute("data-value") && type) { bar = new ProgressBar[type](progressItem, { strokeWidth: Math.round(parseFloat(progressItem.getAttribute("data-stroke")) / progressItem.offsetWidth * 100), trailWidth: progressItem.getAttribute("data-trail") ? Math.round(parseFloat(progressItem.getAttribute("data-trail")) / progressItem.offsetWidth * 100) : 0, text: { value: progressItem.getAttribute("data-counter") === "true" ? '0' : null, className: 'progress-bar__body', style: null } }); bar.svg.setAttribute('preserveAspectRatio', "none meet"); if (type === 'Line') { bar.svg.setAttributeNS(null, "height", progressItem.getAttribute("data-stroke")); } bar.path.removeAttribute("stroke"); bar.path.className.baseVal = "progress-bar__stroke"; if (bar.trail) { bar.trail.removeAttribute("stroke"); bar.trail.className.baseVal = "progress-bar__trail"; } if (progressItem.getAttribute("data-easing") && !isIE) { $(document) .on("scroll", {"barItem": bar}, $.proxy(function (event) { var bar = event.data.barItem; var $this = $(this); if (isScrolledIntoView($this) && this.className.indexOf("progress-bar--animated") === -1) { this.className += " progress-bar--animated"; bar.animate(parseInt($this.attr("data-value")) / 100.0, { easing: $this.attr("data-easing"), duration: $this.attr("data-duration") ? parseInt($this.attr("data-duration")) : 800, step: function (state, b) { if (b._container.className.indexOf("progress-bar-horizontal") > -1 || b._container.className.indexOf("progress-bar-vertical") > -1) { b.text.style.width = Math.abs(b.value() * 100).toFixed(0) + "%" } b.setText(Math.abs(b.value() * 100).toFixed(0)); } }); } }, progressItem)) .trigger("scroll"); } else { bar.set(parseInt($(progressItem).attr("data-value")) / 100.0); bar.setText($(progressItem).attr("data-value")); if (type === 'Line') { bar.text.style.width = parseInt($(progressItem).attr("data-value")) + "%"; } } } else { console.error(progressItem.className + ": progress bar type is not defined"); } } } /** * UI To Top * @description Enables ToTop Button */ if (isDesktop) { $().UItoTop({ easingType: 'easeOutQuart', containerClass: 'ui-to-top fa fa-angle-up' }); } /** * RD Navbar * @description Enables RD Navbar plugin */ if (plugins.rdNavbar.length) { plugins.rdNavbar.RDNavbar({ stickUpClone: (plugins.rdNavbar.attr("data-stick-up-clone")) ? plugins.rdNavbar.attr("data-stick-up-clone") === 'true' : false }); if (plugins.rdNavbar.attr("data-body-class")) { document.body.className += ' ' + plugins.rdNavbar.attr("data-body-class"); } } /** * ViewPort Universal * @description Add class in viewport */ if (plugins.viewAnimate.length) { var i; for (i = 0; i < plugins.viewAnimate.length; i++) { var $view = $(plugins.viewAnimate[i]).not('.active'); $document.on("scroll", $.proxy(function () { if (isScrolledIntoView(this)) { this.addClass("active"); } }, $view)) .trigger("scroll"); } } /** * Swiper 3.1.7 * @description Enable Swiper Slider */ if (plugins.swiper.length) { var i; for (i = 0; i < plugins.swiper.length; i++) { var s = $(plugins.swiper[i]); var pag = s.find(".swiper-pagination"), next = s.find(".swiper-button-next"), prev = s.find(".swiper-button-prev"), bar = s.find(".swiper-scrollbar"), parallax = s.parents('.rd-parallax').length, swiperSlide = s.find(".swiper-slide"); for (j = 0; j < swiperSlide.length; j++) { var $this = $(swiperSlide[j]), url; if (url = $this.attr("data-slide-bg")) { $this.css({ "background-image": "url(" + url + ")", "background-size": "cover" }) } } swiperSlide.end() .find("[data-caption-animate]") .addClass("not-animated") .end() .swiper({ autoplay: s.attr('data-autoplay') ? s.attr('data-autoplay') === "false" ? undefined : s.attr('data-autoplay') : 10000, direction: s.attr('data-direction') ? s.attr('data-direction') : "horizontal", effect: s.attr('data-slide-effect') ? s.attr('data-slide-effect') : "slide", speed: s.attr('data-slide-speed') ? s.attr('data-slide-speed') : 600, keyboardControl: s.attr('data-keyboard') === "true", mousewheelControl: s.attr('data-mousewheel') === "true", mousewheelReleaseOnEdges: s.attr('data-mousewheel-release') === "true", nextButton: next.length ? next.get(0) : null, prevButton: prev.length ? prev.get(0) : null, pagination: pag.length ? pag.get(0) : null, paginationClickable: pag.length ? pag.attr("data-clickable") !== "false" : false, paginationBulletRender: pag.length ? pag.attr("data-index-bullet") === "true" ? function (index, className) { return '' + (index + 1) + ''; } : null : null, scrollbar: bar.length ? bar.get(0) : null, scrollbarDraggable: bar.length ? bar.attr("data-draggable") !== "false" : true, scrollbarHide: bar.length ? bar.attr("data-draggable") === "false" : false, loop: s.attr('data-loop') !== "false", simulateTouch: s.attr('data-simulate-touch') ? s.attr('data-simulate-touch') === "true" : false, onTransitionStart: function (swiper) { toggleSwiperInnerVideos(swiper); }, onTransitionEnd: function (swiper) { toggleSwiperCaptionAnimation(swiper); }, onInit: function (swiper) { toggleSwiperInnerVideos(swiper); toggleSwiperCaptionAnimation(swiper); var swiperParalax = s.find(".swiper-parallax"); for (var k = 0; k < swiperParalax.length; k++) { var $this = $(swiperParalax[k]), speed; if (parallax && !isIEBrows && !isMobile) { if (speed = $this.attr("data-speed")) { makeParallax($this, speed, s, false); } } } $(window).on('resize', function () { swiper.update(true); }) } }); $(window) .on("resize", function () { var mh = getSwiperHeight(s, "min-height"), h = getSwiperHeight(s, "height"); if (h) { s.css("height", mh ? mh > h ? mh : h : h); } }) .trigger("resize"); } } /** * RD Video Player * @description Enables RD Video player plugin */ if (plugins.rdVideoPlayer.length) { var i; for (i = 0; i < plugins.rdVideoPlayer.length; i++) { var videoItem = plugins.rdVideoPlayer[i], volumeWrap = $(".rd-video-volume-wrap"); $(videoItem).RDVideoPlayer({}); volumeWrap.on("mouseenter", function () { $(this).addClass("hover") }); volumeWrap.on("mouseleave", function () { $(this).removeClass("hover") }); if (isTouch) { volumeWrap.find(".rd-video-volume").on("click", function () { $(this).toggleClass("hover") }); $document.on("click", function (e) { if (!$(e.target).is(volumeWrap) && $(e.target).parents(volumeWrap).length == 0) { volumeWrap.find(".rd-video-volume").removeClass("hover") } }) } } } /** * Slick carousel * @description Enable Slick carousel plugin */ if (plugins.slick.length) { var i; for (i = 0; i < plugins.slick.length; i++) { var $slickItem = $(plugins.slick[i]); $slickItem.slick({ slidesToScroll: parseInt($slickItem.attr('data-slide-to-scroll')) || 1, asNavFor: $slickItem.attr('data-for') || false, dots: $slickItem.attr("data-dots") == "true", infinite: $slickItem.attr("data-loop") == "true", focusOnSelect: true, arrows: $slickItem.attr("data-arrows") == "true", swipe: $slickItem.attr("data-swipe") == "true", autoplay: $slickItem.attr("data-autoplay") == "true", vertical: $slickItem.attr("data-vertical") == "true", centerMode: $slickItem.attr("data-center-mode") == "true", centerPadding: $slickItem.attr("data-center-padding") ? $slickItem.attr("data-center-padding") : '0.50', mobileFirst: true, responsive: [ { breakpoint: 0, settings: { slidesToShow: parseInt($slickItem.attr('data-items')) || 1, } }, { breakpoint: 480, settings: { slidesToShow: parseInt($slickItem.attr('data-xs-items')) || 1, } }, { breakpoint: 768, settings: { slidesToShow: parseInt($slickItem.attr('data-sm-items')) || 1, } }, { breakpoint: 992, settings: { slidesToShow: parseInt($slickItem.attr('data-md-items')) || 1, } }, { breakpoint: 1200, settings: { slidesToShow: parseInt($slickItem.attr('data-lg-items')) || 1, } } ] }) .on('afterChange', function (event, slick, currentSlide, nextSlide) { var $this = $(this), childCarousel = $this.attr('data-child'); if (childCarousel) { $(childCarousel + ' .slick-slide').removeClass('slick-current'); $(childCarousel + ' .slick-slide').eq(currentSlide).addClass('slick-current'); } }); } } /** * Owl carousel * @description Enables Owl carousel plugin */ if (plugins.owl.length) { var k; for (k = 0; k < plugins.owl.length; k++) { var c = $(plugins.owl[k]), responsive = {}; var aliaces = ["-", "-xs-", "-sm-", "-md-", "-lg-", "-xl-"], values = [0, 480, 768, 992, 1200, 1485], i, j; for (i = 0; i < values.length; i++) { responsive[values[i]] = {}; for (j = i; j >= -1; j--) { if (!responsive[values[i]]["items"] && c.attr("data" + aliaces[j] + "items")) { responsive[values[i]]["items"] = j < 0 ? 1 : parseInt(c.attr("data" + aliaces[j] + "items")); } if (!responsive[values[i]]["stagePadding"] && responsive[values[i]]["stagePadding"] !== 0 && c.attr("data" + aliaces[j] + "stage-padding")) { responsive[values[i]]["stagePadding"] = j < 0 ? 0 : parseInt(c.attr("data" + aliaces[j] + "stage-padding")); } if (!responsive[values[i]]["margin"] && responsive[values[i]]["margin"] !== 0 && c.attr("data" + aliaces[j] + "margin")) { responsive[values[i]]["margin"] = j < 0 ? 30 : parseInt(c.attr("data" + aliaces[j] + "margin")); } if (!responsive[values[i]]["dotsEach"] && responsive[values[i]]["dotsEach"] !== 0 && c.attr("data" + aliaces[j] + "dots-each")) { responsive[values[i]]["dotsEach"] = j < 0 ? false : parseInt(c.attr("data" + aliaces[j] + "dots-each")); } } } // Create custom Pagination if (c.attr('data-dots-custom')) { c.on("initialized.owl.carousel", function (event) { var carousel = $(event.currentTarget), customPag = $(carousel.attr("data-dots-custom")), active = 0; if (carousel.attr('data-active')) { active = parseInt(carousel.attr('data-active')); } carousel.trigger('to.owl.carousel', [active, 300, true]); customPag.find("[data-owl-item='" + active + "']").addClass("active"); customPag.find("[data-owl-item]").on('click', function (e) { e.preventDefault(); carousel.trigger('to.owl.carousel', [parseInt(this.getAttribute("data-owl-item")), 300, true]); }); carousel.on("translate.owl.carousel", function (event) { customPag.find(".active").removeClass("active"); customPag.find("[data-owl-item='" + event.item.index + "']").addClass("active") }); }); } // Create custom Navigation if (c.attr('data-nav-custom')) { c.on("initialized.owl.carousel", function (event) { var carousel = $(event.currentTarget), customNav = $(carousel.attr("data-nav-custom")); customNav.find("[data-owl-prev]").on('click', function (e) { e.preventDefault(); carousel.trigger('prev.owl.carousel', [300]); }); customNav.find("[data-owl-next]").on('click', function (e) { e.preventDefault(); carousel.trigger('next.owl.carousel', [300]); }); }); } c.owlCarousel({ autoplay: c.attr("data-autoplay") === "true", loop: c.attr("data-loop") === "true", items: 1, autoplaySpeed: 600, autoplayTimeout: 3000, dotsContainer: c.attr("data-pagination-class") || false, navContainer: c.attr("data-navigation-class") || false, mouseDrag: c.attr("data-mouse-drag") === "true", nav: c.attr("data-nav") === "true", dots: c.attr("data-dots") === "true", dotsEach: c.attr("data-dots-each") ? parseInt(c.attr("data-dots-each")) : false, responsive: responsive, animateOut: c.attr("data-animation-out") || false, animateIn: c.attr("data-animation-in") || false, navText: $.parseJSON(c.attr("data-nav-text")) || [], navClass: $.parseJSON(c.attr("data-nav-class")) || ['owl-prev', 'owl-next'] }); } } /** * jQuery Count To * @description Enables Count To plugin */ if (plugins.counter.length) { var i; for (i = 0; i < plugins.counter.length; i++) { var $counterNotAnimated = $(plugins.counter[i]).not('.animated'); $document .on("scroll", $.proxy(function () { var $this = this; if ((!$this.hasClass("animated")) && (isScrolledIntoView($this))) { $this.countTo({ refreshInterval: 40, speed: $this.attr("data-speed") || 1000 }); $this.addClass('animated'); } }, $counterNotAnimated)) .trigger("scroll"); } } /** * Isotope * @description Enables Isotope plugin */ if (plugins.isotope.length) { var i, isogroup = []; for (i = 0; i < plugins.isotope.length; i++) { var isotopeItem = plugins.isotope[i] , iso = new Isotope(isotopeItem, { itemSelector: '.isotope-item', layoutMode: isotopeItem.getAttribute('data-isotope-layout') ? isotopeItem.getAttribute('data-isotope-layout') : 'masonry', filter: '*', // masonry: {columnWidth: .42} }); isogroup.push(iso); } $(window).on('load', function () { setTimeout(function () { var i; for (i = 0; i < isogroup.length; i++) { isogroup[i].element.className += " isotope--loaded"; isogroup[i].layout(); } }, 600); }); var resizeTimout; $("[data-isotope-filter]").on("click", function (e) { e.preventDefault(); var filter = $(this); clearTimeout(resizeTimout); filter.parents(".isotope-filters").find('.active').removeClass("active"); filter.addClass("active"); var iso = $('.isotope[data-isotope-group="' + this.getAttribute("data-isotope-group") + '"]'); iso.isotope({ itemSelector: '.isotope-item', layoutMode: iso.attr('data-isotope-layout') ? iso.attr('data-isotope-layout') : 'masonry', filter: this.getAttribute("data-isotope-filter") == '*' ? '*' : '[data-filter*="' + this.getAttribute("data-isotope-filter") + '"]', // masonry: {columnWidth: .42} }); }).eq(0).trigger("click") } /** * WOW * @description Enables Wow animation plugin */ if (isDesktop && $html.hasClass("wow-animation") && $(".wow").length) { new WOW().init(); } /** * Bootstrap tabs * @description Activate Bootstrap Tabs */ if (plugins.bootstrapTabs.length) { var i; for (i = 0; i < plugins.bootstrapTabs.length; i++) { var bootstrapTabsItem = $(plugins.bootstrapTabs[i]); bootstrapTabsItem.on("click", "a", function (event) { event.preventDefault(); $(this).tab('show'); }); } } /** * JQuery mousewheel plugin * @description Enables jquery mousewheel plugin */ if (plugins.scroller.length) { var i; for (i = 0; i < plugins.scroller.length; i++) { var scrollerItem = $(plugins.scroller[i]); scrollerItem.mCustomScrollbar({ scrollInertia: 200, scrollButtons: {enable: true} }); } } /** * Socialite v2 * @description Enables Socialite v2 plugin */ if (plugins.socialite.length) { Socialite.load(); } /** * RD Video * @description Enables RD Video plugin */ if (plugins.rdVideoBG.length) { var i; for (i = 0; i < plugins.rdVideoBG.length; i++) { var videoItem = $(plugins.rdVideoBG[i]); videoItem.RDVideo({}); } } /** * RD Input Label * @description Enables RD Input Label Plugin */ if (plugins.rdInputLabel.length) { plugins.rdInputLabel.RDInputLabel(); } /** * Regula * @description Enables Regula plugin */ if (plugins.regula.length) { attachFormValidator(plugins.regula); } /** * RD Mailform */ if (plugins.rdMailForm.length) { var i, j, k, msg = { 'MF000': 'Enviado correctamente!', 'MF001': 'Los destinatarios no están configurados!', 'MF002': 'El formulario no funcionará localmente!', 'MF003': 'Por favor, defina el campo de correo electrónico en su formulario!', 'MF004': 'Por favor, defina el tipo de su formulario!', 'MF005': 'Debe introducir un usuario', 'MF006': 'Debe introducir una contraseña de usuario', 'MF007': 'Identificación incorrecta', 'MF008': 'Identificación correcta', 'MF009': 'Identificación correcta', 'MF254': 'Algo salió mal con el correo!', 'MF255': 'Algo salió mal.' }; for (i = 0; i < plugins.rdMailForm.length; i++) { var $form = $(plugins.rdMailForm[i]); $form.attr('novalidate', 'novalidate').ajaxForm({ data: { "form-type": $form.attr("data-form-type") || "contacto", "counter": i }, beforeSubmit: function () { var form = $(plugins.rdMailForm[this.extraData.counter]); var inputs = form.find("[data-constraints]"); if (isValidated(inputs)) { var output = $("#" + form.attr("data-form-output")); if (output.hasClass("snackbars")) { output.html('

Enviando

'); output.addClass("active"); } } else { return false; } }, error: function (result) { var output = $("#" + $(plugins.rdMailForm[this.extraData.counter]).attr("data-form-output")); output.text(msg[result]); }, success: function (result) { var form = $(plugins.rdMailForm[this.extraData.counter]), output = $("#" + form.attr("data-form-output")), $select = $form.find('select'); // Clear select2 after submit form if ($select.length) { for (j = 0; j < $select.length; j++) { var $selectitem = $($select[j]); $selectitem.select2('val', null); } } form.addClass('success'); result = result.length == 5 ? result : 'MF255'; output.text(msg[result]); if (result === "MF000") { if (output.hasClass("snackbars")) { output.html('

' + msg[result] + '

'); } output.addClass("success active"); } else { if (output.hasClass("snackbars")) { output.html('

' + msg[result] + '

'); } output.addClass("error active"); } if (result === "MF008") { //login location.href = AJ_HOST + "acc-clientes"; } if (result === "MF009") { //login-personal location.href = AJ_HOST + "acc-personal"; } form.clearForm(); form.find('input, textarea').blur(); setTimeout(function () { output.removeClass("active error success"); form.removeClass('success'); }, 5000); } }); } } /** * RD Range * @description Enables RD Range plugin */ if (plugins.rdRange.length) { plugins.rdRange.RDRange({}); } /** * PhotoSwipe Gallery * @description Enables PhotoSwipe Gallery plugin */ if (plugins.photoSwipeGallery.length) { // init image click event $document.delegate("[data-photo-swipe-item]", "click", function (event) { event.preventDefault(); var $el = $(this), $galleryItems = $el.parents("[data-photo-swipe-gallery]").find("a[data-photo-swipe-item]"), pswpElement = document.querySelectorAll('.pswp')[0], encounteredItems = {}, pswpItems = [], options, pswpIndex = 0, pswp; if ($galleryItems.length == 0) { $galleryItems = $el; } // loop over the gallery to build up the photoswipe items $galleryItems.each(function () { var $item = $(this), src = $item.attr('href'), size = $item.attr('data-size').split('x'), pswdItem; if ($item.is(':visible')) { // if we have this image the first time if (!encounteredItems[src]) { // build the photoswipe item pswdItem = { src: src, w: parseInt(size[0], 10), h: parseInt(size[1], 10), el: $item // save link to element for getThumbBoundsFn }; // store that we already had this item encounteredItems[src] = { item: pswdItem, index: pswpIndex }; // push the item to the photoswipe list pswpItems.push(pswdItem); pswpIndex++; } } }); options = { index: encounteredItems[$el.attr('href')].index, getThumbBoundsFn: function (index) { var $el = pswpItems[index].el, offset = $el.offset(); return { x: offset.left, y: offset.top, w: $el.width() }; } }; // open the photoswipe gallery pswp = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, pswpItems, options); pswp.init(); }); } /** * Stacktable * @description Enables Stacktable plugin */ if (plugins.stacktable.length) { var i; for (i = 0; i < plugins.stacktable.length; i++) { var stacktableItem = $(plugins.stacktable[i]); stacktableItem.stacktable(); } } /** * Custom Toggles */ if (plugins.customToggle.length) { var i; for (i = 0; i < plugins.customToggle.length; i++) { var $this = $(plugins.customToggle[i]); $this.on('click', $.proxy(function (event) { event.preventDefault(); var $ctx = $(this); $($ctx.attr('data-custom-toggle')).add(this).toggleClass('active'); }, $this)); if ($this.attr("data-custom-toggle-disable-on-blur") === "true") { $("body").on("click", $this, function (e) { if (e.target !== e.data[0] && $(e.data.attr('data-custom-toggle')).find($(e.target)).length == 0 && e.data.find($(e.target)).length == 0) { $(e.data.attr('data-custom-toggle')).add(e.data[0]).removeClass('active'); } }) } } } /** * Magnificent image zoom */ if (plugins.imgZoom.length) { var i; for (i = 0; i < plugins.imgZoom.length; i++) { var $imgZoomItem = $(plugins.imgZoom[i]); $imgZoomItem.mag(); } } /** * Custom Waypoints */ if (plugins.customWaypoints.length) { var i; for (i = 0; i < plugins.customWaypoints.length; i++) { var $this = $(plugins.customWaypoints[i]); $this.on('click', function (e) { e.preventDefault(); $("body, html").stop().animate({ scrollTop: $("#" + $(this).attr('data-custom-scroll-to')).offset().top - 60 }, 1000, function () { $(window).trigger("resize"); }); }); } } /** * Page loader * @description Enables Page loader */ if (plugins.pageLoader.length > 0) { $window.on("load", function () { var loader = setTimeout(function () { plugins.pageLoader.addClass("loaded"); $window.trigger("resize"); }, 200); }); } /** * RD Parallax */ if( plugins.rdParallax.length ) { if( !isIE && !isMobile ) { $.RDParallax(); $window.on( 'scroll', function() { for ( var i = 0; i < plugins.rdParallax.length; i++ ) { var parallax = $( plugins.rdParallax[i] ); if ( isScrolledIntoView( parallax ) ) { parallax.find( '.rd-parallax-inner' ).css( 'position', 'fixed' ); } else { parallax.find( '.rd-parallax-inner' ).css( 'position', 'absolute' ); } } }); } else { for( var i = 0; i < plugins.rdParallax.length; i++ ) { var parallax = $( plugins.rdParallax[i] ), imgPath = parallax.find( '.rd-parallax-layer' + '[data-type=media]' ).first().attr( 'data-url' ); parallax.addClass( 'rd-parallax-disabled' ); parallax.css({ 'background-image': 'url(' + imgPath + ')' }); } } $('a[href="#"], a[href^="#"]').on( 'click', function( event ) { setTimeout( function () { $window.trigger( 'resize' ); }, 300); }); } });