/* ===================================================================
* Infinity - Main JS
*
* ------------------------------------------------------------------- */
(function($) {
"use strict";
var cfg = {
defAnimation : "fadeInUp", // default css animation
scrollDuration : 800, // smoothscroll duration
mailChimpURL : 'http://facebook.us8.list-manage.com/subscribe/post?u=cdb7b577e41181934ed6a6a44&id=e65110b38d'
},
$WIN = $(window);
// Add the User Agent to the
// will be used for IE10 detection (Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0))
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
/* Preloader
* -------------------------------------------------- */
var ssPreloader = function() {
$WIN.on('load', function() {
// force page scroll position to top at page refresh
$('html, body').animate({ scrollTop: 0 }, 'normal');
// will first fade out the loading animation
$("#loader").fadeOut("slow", function(){
// will fade out the whole DIV that covers the website.
$("#preloader").delay(300).fadeOut("slow");
});
});
};
/* FitVids
------------------------------------------------------ */
var ssFitVids = function() {
$(".fluid-video-wrapper").fitVids();
};
/* Masonry
------------------------------------------------------ */
var ssMasonryFolio = function() {
var containerBricks = $('.bricks-wrapper');
containerBricks.imagesLoaded( function() {
containerBricks.masonry( {
itemSelector: '.brick',
resize: true
});
});
};
/* Light Gallery
------------------------------------------------------- */
var ssLightGallery = function() {
$('#folio-wrap').lightGallery({
showThumbByDefault: false,
hash: false,
selector: ".item-wrap"
});
};
/* Flexslider
* ------------------------------------------------------ */
var ssFlexSlider = function() {
$WIN.on('load', function() {
$('#testimonial-slider').flexslider({
namespace: "flex-",
controlsContainer: "",
animation: 'slide',
controlNav: true,
directionNav: false,
smoothHeight: true,
slideshowSpeed: 7000,
animationSpeed: 600,
randomize: false,
touch: true,
});
});
};
/* Carousel
* ------------------------------------------------------ */
var ssOwlCarousel = function() {
$(".owl-carousel").owlCarousel({
nav: false,
loop: true,
margin: 50,
responsiveClass:true,
responsive: {
0:{
items:2,
margin: 20
},
400:{
items:3,
margin: 30
},
600:{
items:4,
margin: 40
},
1000:{
items:6
}
}
});
};
/* Menu on Scrolldown
* ------------------------------------------------------ */
var ssMenuOnScrolldown = function() {
var menuTrigger = $('#header-menu-trigger');
$WIN.on('scroll', function() {
if ($WIN.scrollTop() > 150) {
menuTrigger.addClass('opaque');
}
else {
menuTrigger.removeClass('opaque');
}
});
};
/* OffCanvas Menu
* ------------------------------------------------------ */
var ssOffCanvas = function() {
var menuTrigger = $('#header-menu-trigger'),
nav = $('#menu-nav-wrap'),
closeButton = nav.find('.close-button'),
siteBody = $('body'),
mainContents = $('section, footer');
// open-close menu by clicking on the menu icon
menuTrigger.on('click', function(e){
e.preventDefault();
menuTrigger.toggleClass('is-clicked');
siteBody.toggleClass('menu-is-open');
});
// close menu by clicking the close button
closeButton.on('click', function(e){
e.preventDefault();
menuTrigger.trigger('click');
});
// close menu clicking outside the menu itself
siteBody.on('click', function(e){
if( !$(e.target).is('#menu-nav-wrap, #header-menu-trigger, #header-menu-trigger span') ) {
menuTrigger.removeClass('is-clicked');
siteBody.removeClass('menu-is-open');
}
});
};
/* Smooth Scrolling
* ------------------------------------------------------ */
var ssSmoothScroll = function() {
$('.smoothscroll').on('click', function (e) {
var target = this.hash,
$target = $(target);
e.preventDefault();
e.stopPropagation();
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, cfg.scrollDuration, 'swing').promise().done(function () {
// check if menu is open
if ($('body').hasClass('menu-is-open')) {
$('#header-menu-trigger').trigger('click');
}
window.location.hash = target;
});
});
};
/* Placeholder Plugin Settings
* ------------------------------------------------------ */
var ssPlaceholder = function() {
$('input, textarea, select').placeholder();
};
/* Alert Boxes
------------------------------------------------------- */
var ssAlertBoxes = function() {
$('.alert-box').on('click', '.close', function() {
$(this).parent().fadeOut(500);
});
};
/* Animations
* ------------------------------------------------------- */
var ssAnimations = function() {
if (!$("html").hasClass('no-cssanimations')) {
$('.animate-this').waypoint({
handler: function(direction) {
var defAnimationEfx = cfg.defAnimation;
if ( direction === 'down' && !$(this.element).hasClass('animated')) {
$(this.element).addClass('item-animate');
setTimeout(function() {
$('body .animate-this.item-animate').each(function(ctr) {
var el = $(this),
animationEfx = el.data('animate') || null;
if (!animationEfx) {
animationEfx = defAnimationEfx;
}
setTimeout( function () {
el.addClass(animationEfx + ' animated');
el.removeClass('item-animate');
}, ctr * 30);
});
}, 100);
}
// trigger once only
this.destroy();
},
offset: '95%'
});
}
};
/* Intro Animation
* ------------------------------------------------------- */
var ssIntroAnimation = function() {
$WIN.on('load', function() {
if (!$("html").hasClass('no-cssanimations')) {
setTimeout(function(){
$('.animate-intro').each(function(ctr) {
var el = $(this),
animationEfx = el.data('animate') || null;
if (!animationEfx) {
animationEfx = cfg.defAnimation;
}
setTimeout( function () {
el.addClass(animationEfx + ' animated');
}, ctr * 300);
});
}, 100);
}
});
};
/* Contact Form
* ------------------------------------------------------ */
var ssContactForm = function() {
/* local validation */
$('#contactForm').validate({
/* submit via ajax */
submitHandler: function(form) {
var sLoader = $('#submit-loader');
$.ajax({
type: "POST",
url: "inc/sendEmail.php",
data: $(form).serialize(),
beforeSend: function() {
sLoader.fadeIn();
},
success: function(msg) {
// Message was sent
if (msg == 'OK') {
sLoader.fadeOut();
$('#message-warning').hide();
$('#contactForm').fadeOut();
$('#message-success').fadeIn();
}
// There was an error
else {
sLoader.fadeOut();
$('#message-warning').html(msg);
$('#message-warning').fadeIn();
}
},
error: function() {
sLoader.fadeOut();
$('#message-warning').html("Something went wrong. Please try again.");
$('#message-warning').fadeIn();
}
});
}
});
};
/* AjaxChimp
* ------------------------------------------------------ */
var ssAjaxChimp = function() {
$('#mc-form').ajaxChimp({
language: 'es',
url: cfg.mailChimpURL
});
// Mailchimp translation
//
// Defaults:
// 'submit': 'Submitting...',
// 0: 'We have sent you a confirmation email',
// 1: 'Please enter a value',
// 2: 'An email address must contain a single @',
// 3: 'The domain portion of the email address is invalid (the portion after the @: )',
// 4: 'The username portion of the email address is invalid (the portion before the @: )',
// 5: 'This email address looks fake or invalid. Please enter a real email address'
$.ajaxChimp.translations.es = {
'submit': 'Submitting...',
0: ' We have sent you a confirmation email',
1: ' You must enter a valid e-mail address.',
2: ' E-mail address is not valid.',
3: ' E-mail address is not valid.',
4: ' E-mail address is not valid.',
5: ' E-mail address is not valid.'
}
};
/* Back to Top
* ------------------------------------------------------ */
var ssBackToTop = function() {
var pxShow = 500, // height on which the button will show
fadeInTime = 400, // how slow/fast you want the button to show
fadeOutTime = 400, // how slow/fast you want the button to hide
scrollSpeed = 300, // how slow/fast you want the button to scroll to top. can be a value, 'slow', 'normal' or 'fast'
goTopButton = $("#go-top")
// Show or hide the sticky footer button
$(window).on('scroll', function() {
if ($(window).scrollTop() >= pxShow) {
goTopButton.fadeIn(fadeInTime);
} else {
goTopButton.fadeOut(fadeOutTime);
}
});
};
/* Initialize
* ------------------------------------------------------ */
(function ssInit() {
ssPreloader();
ssFitVids();
ssMasonryFolio();
ssLightGallery();
ssFlexSlider();
ssOwlCarousel();
ssMenuOnScrolldown();
ssOffCanvas();
ssSmoothScroll();
ssPlaceholder();
ssAlertBoxes();
ssAnimations();
ssIntroAnimation();
ssContactForm();
ssAjaxChimp();
ssBackToTop();
})();
})(jQuery);