var scrollPos = window.pageYOffset;
var winHeight = (window.innerHeight || document.documentElement.clientHeight);
var winWidth = (window.innerWidth || document.documentElement.clientWidth);
var scrolled = false;
/* LAZY LOAD FUNCTION */
var isInViewport = function (elem, offset) {
var bounding = elem.getBoundingClientRect();
scrollPos = window.pageYOffset;
//console.log('sp', scrollPos);
winHeight = (window.innerHeight || document.documentElement.clientHeight);
if (bounding.top==0) {
bounding.top = $(elem).offset().top;
// console.log($(elem));
// console.log($(elem).is(':visible'));
}
elemPos = bounding.top;
/*
if (bounding.top>0)
elemPos -= winHeight;
*/
if (offset=='double') {
adjust = winHeight/2;
elemPos -= adjust;//bounding.height*offset;
}
else if (offset) {
adjust = winHeight/offset;
elemPos -= adjust;//bounding.height*offset;
} else {
if (elemPos>0)
elemPos -= winHeight;
}
return (
(elemPos <= 0 && $(elem).is(':visible'))
// || (offset!=0 && scrollPos >= elemPos)
/*&&
scrollPos >= elemPos
bounding.left >= 0 &&
bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
bounding.right <= (window.innerWidth || document.documentElement.clientWidth)*/
);
};
jQuery(document).ready(function () {
// Mobile menu open/close
var menu_interaction=false;
supports_touch = false;
$('body').on('touchstart click', '.menu-trigger', { passive: true }, function(event) {
if (event.type == "touchstart") {
supports_touch=true;
$(this).toggleClass('open');
$('.nav-wrapper').toggleClass('open');
$('body').toggleClass('no-scroll');
console.log('o')
} else if (event.type == "click" && !supports_touch) {
console.log('o')
$(this).toggleClass('open');
$('.nav-wrapper').toggleClass('open');
$('body').toggleClass('no-scroll');
}
});
var menu_interaction=false;
// click touchstart
$('body').on('click','.main-nav .icon', function() {
if (!menu_interaction) {
menu_interaction=true;
event.preventDefault();
$(this).parents('.has-children').toggleClass('open');
//$(this).parents('.has-children').children('ul').toggle();
menu_interaction=false;
}
})
jQuery('.collapsible .handle').on('click', function() {
parentBox = jQuery(this).parents('.collapsible');
if (parentBox.hasClass('expanded')) {
parentBox.addClass('collapsed').removeClass('expanded');
parentBox.children('.content').slideUp();
} else {
parentBox.addClass('expanded').removeClass('collapsed');
parentBox.children('.content').slideDown();
}
});
// for Firefox lack of ":has()" support
$(':has(.textbg-white)').addClass('has-white');
$(':has(.textbg-blue)').addClass('has-blue');
$(':has(.subheading)').addClass('has-subheading');
$(':has(.highlight)').addClass('has-highlight');
$(':has(.line2)').addClass('.has-line2');
$(':has(svg.wide)').addClass('has-wide');
$(':has(.odd)').addClass('has-odd');
$(':has(.wrapper.odd)').addClass('has-wrapper-odd');
$(':has(.scriptcount-4)').addClass('has-scriptcount-4');
$(':has(.innerContent)').addClass('has-innerContent');
$(':has(.checkbox)').addClass('has-checkbox');
$(':has(.script-writing)').addClass('has-script-writing');
/*
$('body').on('click', '.homefinder .button-wrapper', function() {
jQuery.fancybox({
'padding' : 0,
'wrapCSS' : 'homefindersignup',
'type':'ajax',
'showNavArrows' : false,
'arrows': false,
fitToView: true,
autoSize: true,
autoDimensions: false,
href:'/popnewsletter.php',
'overlayShow':true,
beforeShow: function () {
$.getScript('https://www.google.com/recaptcha/api.js');
}
});
});
*/
handwriteHero();
handwriteSVG();
parallaxScrolls();
smoothAnchors();
styleSelectPlaceholders();
function styleSelectPlaceholders() {
var grayout = document.getElementsByClassName('style-placeholder');
var grayOutSelect = function() {
if ( this.value === "" ) {
this.classList.add('placeholder');
} else {
this.classList.remove('placeholder');
}
};
for (var i = 0; i < grayout.length; i++) {
grayout[i].addEventListener('change', grayOutSelect);
if ( grayout[i].value === "" ) {
grayout[i].classList.add('placeholder');
} else {
grayout[i].classList.remove('placeholder');
}
}
}
// $('header').clone().addClass('fixed').insertBefore('header');
// $('header:not(.fixed)').addClass('static');
$('.contentBlock:first-child h2').each(function() {
if ($(this).height() > 110) $(this).addClass('multiline');
});
assetsLoaded = loadedafterscroll = false;
function lazyLoadScroll() {
if (scrolled) {
if ($('.fb-page').length && !$('#fb-root').length) {
$('body').prepend('');
}
}
load_ahead = scrolled ? .5 : 0; // once you start scrolling, load the images 2x down the page so scrolling feels smoother (not waiting on images to load)
$('.lazy-bg').each(function() {
if (isInViewport($(this).get(0),load_ahead)) {
imgsrc=$(this).attr('data-image');
if (imgsrc) {
// console.log(imgsrc)
$(this).css('background-image', 'url('+imgsrc+')').removeClass('lazy-bg');
}
}
});
$('.lazy-vid').each(function() {
if (isInViewport($(this).get(0),0)) {
postersrc=$(this).attr('data-poster');
if ($(this).attr('data-autoplay')) {
$(this).attr('autoplay', true);
$(this).get(0).play();
}
if ($(this).attr('data-src'))
$(this).attr('src', $(this).attr('data-src'));
$(this).attr('poster', postersrc).removeClass('lazy-vid');
}
});
$('.lazy-iframe').each(function() {
if (isInViewport($(this).get(0),load_ahead)) {
//console.log($(this));
framesrc=$(this).attr('data-lazy-src');
$(this).attr('src', framesrc).removeClass('lazy-iframe');
// console.log('loaded');
// console.log(framesrc)
}
});
$('.lazy-img,img.lazyload').each(function() {
if (isInViewport($(this).get(0),load_ahead)) {
imgsrc=$(this).attr('data-lazy-src');
if (typeof imgsrc === 'undefined')
imgsrc = $(this).attr('data-src');
$(this).attr('src', imgsrc).removeClass('lazy-img').removeClass('lazyload');
}
});
// stars
var is_mobile = $(window).width() <= 991 ? true : false;
// content blocks
$('.contentBlock').each(function() {
if (isInViewport($(this).get(0),1.2)) {
$(this).removeClass('out-of-view').addClass('in-view');
} else if (!$(this).hasClass('in-view')) { // once it's in view, leave it alone
$(this).addClass('out-of-view');
}
});
// $('.in-view-elements > *:not(table)').each(function() {
$('.in-view-elements > *').each(function() {
if (isInViewport($(this).get(0),1)) {
$(this).removeClass('out-of-view').addClass('in-view');
if ($(this).hasClass('slide-module') && !$(this).hasClass('cloned')) {
console.log('slide mod found')
$(this).addClass('original');
parentBox = $(this).parent();
contentBlock = $(this).parents('.contentBlock');
slidecopy = $(this).clone();
slidecopy.addClass('cloned').removeClass('original');
parentBox.replaceWith(slidecopy);
// $(this).remove();
//$('.slide-module').removeClass('rslides').removeClass('rslides2');
slidecopy.responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
nextText:'