mirror of
https://github.com/KevinMidboe/rohnenedre.git
synced 2025-12-08 20:39:02 +00:00
2761 lines
102 KiB
JavaScript
2761 lines
102 KiB
JavaScript
(function($){
|
|
jQuery.fn.reverse = [].reverse;
|
|
|
|
$.et_pb_simple_slider = function(el, options) {
|
|
var settings = $.extend( {
|
|
slide : '.et-slide', // slide class
|
|
arrows : '.et-pb-slider-arrows', // arrows container class
|
|
prev_arrow : '.et-pb-arrow-prev', // left arrow class
|
|
next_arrow : '.et-pb-arrow-next', // right arrow class
|
|
controls : '.et-pb-controllers a', // control selector
|
|
carousel_controls : '.et_pb_carousel_item', // carousel control selector
|
|
control_active_class : 'et-pb-active-control', // active control class name
|
|
previous_text : et_custom.previous, // previous arrow text
|
|
next_text : et_custom.next, // next arrow text
|
|
fade_speed : 500, // fade effect speed
|
|
use_arrows : true, // use arrows?
|
|
use_controls : true, // use controls?
|
|
manual_arrows : '', // html code for custom arrows
|
|
append_controls_to : '', // controls are appended to the slider element by default, here you can specify the element it should append to
|
|
controls_below : false,
|
|
controls_class : 'et-pb-controllers', // controls container class name
|
|
slideshow : false, // automattic animation?
|
|
slideshow_speed : 7000, // automattic animation speed
|
|
show_progress_bar : false, // show progress bar if automattic animation is active
|
|
tabs_animation : false,
|
|
use_carousel : false
|
|
}, options );
|
|
|
|
var $et_slider = $(el),
|
|
$et_slide = $et_slider.find( settings.slide ),
|
|
et_slides_number = $et_slide.length,
|
|
et_fade_speed = settings.fade_speed,
|
|
et_active_slide = 0,
|
|
$et_slider_arrows,
|
|
$et_slider_prev,
|
|
$et_slider_next,
|
|
$et_slider_controls,
|
|
$et_slider_carousel_controls,
|
|
et_slider_timer,
|
|
controls_html = '',
|
|
carousel_html = '',
|
|
$progress_bar = null,
|
|
progress_timer_count = 0,
|
|
$et_pb_container = $et_slider.find( '.et_pb_container' ),
|
|
et_pb_container_width = $et_pb_container.width();
|
|
|
|
$et_slider.et_animation_running = false;
|
|
|
|
$.data(el, "et_pb_simple_slider", $et_slider);
|
|
|
|
$et_slide.eq(0).addClass( 'et-pb-active-slide' );
|
|
|
|
if ( ! settings.tabs_animation ) {
|
|
if ( !$et_slider.hasClass('et_pb_bg_layout_dark') && !$et_slider.hasClass('et_pb_bg_layout_light') ) {
|
|
$et_slider.addClass( et_get_bg_layout_color( $et_slide.eq(0) ) );
|
|
}
|
|
}
|
|
|
|
if ( settings.use_arrows && et_slides_number > 1 ) {
|
|
if ( settings.manual_arrows == '' )
|
|
$et_slider.append( '<div class="et-pb-slider-arrows"><a class="et-pb-arrow-prev" href="#">' + '<span>' +settings.previous_text + '</span>' + '</a><a class="et-pb-arrow-next" href="#">' + '<span>' + settings.next_text + '</span>' + '</a></div>' );
|
|
else
|
|
$et_slider.append( settings.manual_arrows );
|
|
|
|
$et_slider_arrows = $et_slider.find( settings.arrows );
|
|
$et_slider_prev = $et_slider.find( settings.prev_arrow );
|
|
$et_slider_next = $et_slider.find( settings.next_arrow );
|
|
|
|
$et_slider_next.click( function(){
|
|
if ( $et_slider.et_animation_running ) return false;
|
|
|
|
$et_slider.et_slider_move_to( 'next' );
|
|
|
|
return false;
|
|
} );
|
|
|
|
$et_slider_prev.click( function(){
|
|
if ( $et_slider.et_animation_running ) return false;
|
|
|
|
$et_slider.et_slider_move_to( 'previous' );
|
|
|
|
return false;
|
|
} );
|
|
}
|
|
|
|
if ( settings.use_controls && et_slides_number > 1 ) {
|
|
for ( var i = 1; i <= et_slides_number; i++ ) {
|
|
controls_html += '<a href="#"' + ( i == 1 ? ' class="' + settings.control_active_class + '"' : '' ) + '>' + i + '</a>';
|
|
}
|
|
|
|
controls_html =
|
|
'<div class="' + settings.controls_class + '">' +
|
|
controls_html +
|
|
'</div>';
|
|
|
|
if ( settings.append_controls_to == '' )
|
|
$et_slider.append( controls_html );
|
|
else
|
|
$( settings.append_controls_to ).append( controls_html );
|
|
|
|
if ( settings.controls_below )
|
|
$et_slider_controls = $et_slider.parent().find( settings.controls );
|
|
else
|
|
$et_slider_controls = $et_slider.find( settings.controls );
|
|
|
|
et_maybe_set_controls_color( $et_slide.eq(0) );
|
|
|
|
$et_slider_controls.click( function(){
|
|
if ( $et_slider.et_animation_running ) return false;
|
|
|
|
$et_slider.et_slider_move_to( $(this).index() );
|
|
|
|
return false;
|
|
} );
|
|
}
|
|
|
|
if ( settings.use_carousel && et_slides_number > 1 ) {
|
|
for ( var i = 1; i <= et_slides_number; i++ ) {
|
|
slide_id = i - 1;
|
|
image_src = ( $et_slide.eq(slide_id).data('image') !== undefined ) ? 'url(' + $et_slide.eq(slide_id).data('image') + ')' : 'none';
|
|
carousel_html += '<div class="et_pb_carousel_item ' + ( i == 1 ? settings.control_active_class : '' ) + '" data-slide-id="'+ slide_id +'">' +
|
|
'<div class="et_pb_video_overlay" href="#" style="background-image: ' + image_src + ';">' +
|
|
'<div class="et_pb_video_overlay_hover"><a href="#" class="et_pb_video_play"></a></div>' +
|
|
'</div>' +
|
|
'</div>';
|
|
}
|
|
|
|
carousel_html =
|
|
'<div class="et_pb_carousel">' +
|
|
'<div class="et_pb_carousel_items">' +
|
|
carousel_html +
|
|
'</div>' +
|
|
'</div>';
|
|
$et_slider.after( carousel_html );
|
|
|
|
$et_slider_carousel_controls = $et_slider.siblings('.et_pb_carousel').find( settings.carousel_controls );
|
|
$et_slider_carousel_controls.click( function(){
|
|
if ( $et_slider.et_animation_running ) return false;
|
|
|
|
var $this = $(this);
|
|
$et_slide.eq( $this.data('slide-id') ).find('.et_pb_video_overlay').css('display', 'none');
|
|
$et_slider.et_slider_move_to( $this.data('slide-id') );
|
|
|
|
return false;
|
|
} );
|
|
}
|
|
|
|
if ( settings.slideshow && et_slides_number > 1 ) {
|
|
$et_slider.hover( function() {
|
|
if ( $et_slider.hasClass( 'et_slider_auto_ignore_hover' ) ) {
|
|
return;
|
|
}
|
|
|
|
$et_slider.addClass( 'et_slider_hovered' );
|
|
|
|
if ( typeof et_slider_timer != 'undefined' ) {
|
|
clearInterval( et_slider_timer );
|
|
}
|
|
}, function() {
|
|
if ( $et_slider.hasClass( 'et_slider_auto_ignore_hover' ) ) {
|
|
return;
|
|
}
|
|
|
|
$et_slider.removeClass( 'et_slider_hovered' );
|
|
|
|
et_slider_auto_rotate();
|
|
} );
|
|
}
|
|
|
|
et_slider_auto_rotate();
|
|
|
|
function et_slider_auto_rotate(){
|
|
if ( settings.slideshow && et_slides_number > 1 && ! $et_slider.hasClass( 'et_slider_hovered' ) ) {
|
|
et_slider_timer = setTimeout( function() {
|
|
$et_slider.et_slider_move_to( 'next' );
|
|
}, settings.slideshow_speed );
|
|
}
|
|
}
|
|
|
|
function et_stop_video( active_slide ) {
|
|
var $et_video, et_video_src;
|
|
|
|
// if there is a video in the slide, stop it when switching to another slide
|
|
if ( active_slide.has( 'iframe' ).length ) {
|
|
$et_video = active_slide.find( 'iframe' );
|
|
et_video_src = $et_video.attr( 'src' );
|
|
|
|
$et_video.attr( 'src', '' );
|
|
$et_video.attr( 'src', et_video_src );
|
|
|
|
} else if ( active_slide.has( 'video' ).length ) {
|
|
if ( !active_slide.find('.et_pb_section_video_bg').length ) {
|
|
$et_video = active_slide.find( 'video' );
|
|
$et_video[0].pause();
|
|
}
|
|
}
|
|
}
|
|
|
|
function et_fix_slider_content_images() {
|
|
var $this_slider = $et_slider,
|
|
$slide_image_container = $this_slider.find( '.et-pb-active-slide .et_pb_slide_image' );
|
|
$slide_video_container = $this_slider.find( '.et-pb-active-slide .et_pb_slide_video' );
|
|
$slide = $slide_image_container.closest( '.et_pb_slide' ),
|
|
$slider = $slide.closest( '.et_pb_slider' ),
|
|
slide_height = $slider.innerHeight(),
|
|
image_height = parseInt( slide_height * 0.8 ),
|
|
$top_header = $('#top-header'),
|
|
$main_header = $('#main-header'),
|
|
$et_transparent_nav = $( '.et_transparent_nav' ),
|
|
$et_vertical_nav = $('.et_vertical_nav');
|
|
|
|
$slide_image_container.find( 'img' ).css( 'maxHeight', image_height + 'px' );
|
|
|
|
if ( $slide.hasClass( 'et_pb_media_alignment_center' ) ) {
|
|
$slide_image_container.css( 'marginTop', '-' + parseInt( $slide_image_container.height() / 2 ) + 'px' );
|
|
}
|
|
|
|
$slide_video_container.css( 'marginTop', '-' + parseInt( $slide_video_container.height() / 2 ) + 'px' );
|
|
|
|
$slide_image_container.find( 'img' ).addClass( 'active' );
|
|
}
|
|
|
|
function et_get_bg_layout_color( $slide ) {
|
|
if ( $slide.hasClass( 'et_pb_bg_layout_dark' ) ) {
|
|
return 'et_pb_bg_layout_dark';
|
|
}
|
|
|
|
return 'et_pb_bg_layout_light';
|
|
}
|
|
|
|
function et_maybe_set_controls_color( $slide ) {
|
|
var next_slide_dot_color,
|
|
$arrows,
|
|
arrows_color;
|
|
|
|
if ( typeof $et_slider_controls !== 'undefined' && $et_slider_controls.length ) {
|
|
next_slide_dot_color = $slide.data( 'dots_color' ) || '';
|
|
|
|
if ( next_slide_dot_color !== '' ) {
|
|
$et_slider_controls.attr( 'style', 'background-color: ' + hex_to_rgba( next_slide_dot_color, '0.3' ) + ';' )
|
|
$et_slider_controls.filter( '.et-pb-active-control' ).attr( 'style', 'background-color: ' + hex_to_rgba( next_slide_dot_color ) + '!important;' );
|
|
} else {
|
|
$et_slider_controls.removeAttr( 'style' );
|
|
}
|
|
}
|
|
|
|
if ( typeof $et_slider_arrows !== 'undefined' && $et_slider_arrows.length ) {
|
|
$arrows = $et_slider_arrows.find( 'a' );
|
|
arrows_color = $slide.data( 'arrows_color' ) || '';
|
|
|
|
if ( arrows_color !== '' ) {
|
|
$arrows.css( 'color', arrows_color );
|
|
} else {
|
|
$arrows.css( 'color', 'inherit' );
|
|
}
|
|
}
|
|
}
|
|
|
|
function hex_to_rgba( color, alpha ) {
|
|
var color_16 = parseInt( color.replace( '#', '' ), 16 ),
|
|
red = ( color_16 >> 16 ) & 255,
|
|
green = ( color_16 >> 8 ) & 255,
|
|
blue = color_16 & 255,
|
|
alpha = alpha || 1,
|
|
rgba;
|
|
|
|
rgba = red + ',' + green + ',' + blue + ',' + alpha;
|
|
rgba = 'rgba(' + rgba + ')';
|
|
|
|
return rgba;
|
|
}
|
|
|
|
$et_window.load( function() {
|
|
et_fix_slider_content_images();
|
|
} );
|
|
|
|
$et_window.resize( function() {
|
|
et_fix_slider_content_images();
|
|
} );
|
|
|
|
$et_slider.et_slider_move_to = function ( direction ) {
|
|
var $active_slide = $et_slide.eq( et_active_slide ),
|
|
$next_slide;
|
|
|
|
$et_slider.et_animation_running = true;
|
|
|
|
if ( direction == 'next' || direction == 'previous' ){
|
|
|
|
if ( direction == 'next' )
|
|
et_active_slide = ( et_active_slide + 1 ) < et_slides_number ? et_active_slide + 1 : 0;
|
|
else
|
|
et_active_slide = ( et_active_slide - 1 ) >= 0 ? et_active_slide - 1 : et_slides_number - 1;
|
|
|
|
} else {
|
|
|
|
if ( et_active_slide == direction ) {
|
|
$et_slider.et_animation_running = false;
|
|
return;
|
|
}
|
|
|
|
et_active_slide = direction;
|
|
|
|
}
|
|
|
|
if ( typeof et_slider_timer != 'undefined' )
|
|
clearInterval( et_slider_timer );
|
|
|
|
$next_slide = $et_slide.eq( et_active_slide );
|
|
|
|
$et_slide.each( function(){
|
|
$(this).css( 'zIndex', 1 );
|
|
} );
|
|
$active_slide.css( 'zIndex', 2 ).removeClass( 'et-pb-active-slide' );
|
|
$next_slide.css( { 'display' : 'block', opacity : 0 } ).addClass( 'et-pb-active-slide' );
|
|
|
|
et_fix_slider_content_images();
|
|
|
|
if ( settings.use_controls )
|
|
$et_slider_controls.removeClass( settings.control_active_class ).eq( et_active_slide ).addClass( settings.control_active_class );
|
|
|
|
if ( settings.use_carousel )
|
|
$et_slider_carousel_controls.removeClass( settings.control_active_class ).eq( et_active_slide ).addClass( settings.control_active_class );
|
|
|
|
if ( ! settings.tabs_animation ) {
|
|
et_maybe_set_controls_color( $next_slide );
|
|
|
|
$next_slide.animate( { opacity : 1 }, et_fade_speed );
|
|
$active_slide.addClass( 'et_slide_transition' ).css( { 'display' : 'list-item', 'opacity' : 1 } ).animate( { opacity : 0 }, et_fade_speed, function(){
|
|
var active_slide_layout_bg_color = et_get_bg_layout_color( $active_slide ),
|
|
next_slide_layout_bg_color = et_get_bg_layout_color( $next_slide );
|
|
|
|
$(this).css('display', 'none').removeClass( 'et_slide_transition' );
|
|
|
|
et_stop_video( $active_slide );
|
|
|
|
$et_slider
|
|
.removeClass( active_slide_layout_bg_color )
|
|
.addClass( next_slide_layout_bg_color );
|
|
|
|
$et_slider.et_animation_running = false;
|
|
} );
|
|
} else {
|
|
$next_slide.css( { 'display' : 'none', opacity : 0 } );
|
|
|
|
$active_slide.addClass( 'et_slide_transition' ).css( { 'display' : 'block', 'opacity' : 1 } ).animate( { opacity : 0 }, et_fade_speed, function(){
|
|
$(this).css('display', 'none').removeClass( 'et_slide_transition' );
|
|
|
|
$next_slide.css( { 'display' : 'block', 'opacity' : 0 } ).animate( { opacity : 1 }, et_fade_speed, function() {
|
|
$et_slider.et_animation_running = false;
|
|
} );
|
|
} );
|
|
}
|
|
|
|
et_slider_auto_rotate();
|
|
}
|
|
}
|
|
|
|
$.fn.et_pb_simple_slider = function( options ) {
|
|
return this.each(function() {
|
|
new $.et_pb_simple_slider(this, options);
|
|
});
|
|
}
|
|
|
|
var et_hash_module_seperator = '||',
|
|
et_hash_module_param_seperator = '|';
|
|
|
|
function process_et_hashchange( hash ) {
|
|
if ( ( hash.indexOf( et_hash_module_seperator, 0 ) ) !== -1 ) {
|
|
modules = hash.split( et_hash_module_seperator );
|
|
for ( var i = 0; i < modules.length; i++ ) {
|
|
var module_params = modules[i].split( et_hash_module_param_seperator );
|
|
var element = module_params[0];
|
|
module_params.shift();
|
|
if ( $('#' + element ).length ) {
|
|
$('#' + element ).trigger({
|
|
type: "et_hashchange",
|
|
params: module_params
|
|
});
|
|
}
|
|
}
|
|
} else {
|
|
module_params = hash.split( et_hash_module_param_seperator );
|
|
var element = module_params[0];
|
|
module_params.shift();
|
|
if ( $('#' + element ).length ) {
|
|
$('#' + element ).trigger({
|
|
type: "et_hashchange",
|
|
params: module_params
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
function et_set_hash( module_state_hash ) {
|
|
module_id = module_state_hash.split( et_hash_module_param_seperator )[0];
|
|
if ( !$('#' + module_id ).length ) {
|
|
return;
|
|
}
|
|
|
|
if ( window.location.hash ) {
|
|
var hash = window.location.hash.substring(1), //Puts hash in variable, and removes the # character
|
|
new_hash = [];
|
|
|
|
if ( ( hash.indexOf( et_hash_module_seperator, 0 ) ) !== -1 ) {
|
|
modules = hash.split( et_hash_module_seperator );
|
|
var in_hash = false;
|
|
for ( var i = 0; i < modules.length; i++ ) {
|
|
var element = modules[i].split( et_hash_module_param_seperator )[0];
|
|
if ( element === module_id ) {
|
|
new_hash.push( module_state_hash );
|
|
in_hash = true;
|
|
} else {
|
|
new_hash.push( modules[i] );
|
|
}
|
|
}
|
|
if ( !in_hash ) {
|
|
new_hash.push( module_state_hash );
|
|
}
|
|
} else {
|
|
module_params = hash.split( et_hash_module_param_seperator );
|
|
var element = module_params[0];
|
|
if ( element !== module_id ) {
|
|
new_hash.push( hash );
|
|
}
|
|
new_hash.push( module_state_hash );
|
|
}
|
|
|
|
hash = new_hash.join( et_hash_module_seperator );
|
|
} else {
|
|
hash = module_state_hash;
|
|
}
|
|
|
|
var yScroll = document.body.scrollTop;
|
|
window.location.hash = hash;
|
|
document.body.scrollTop = yScroll;
|
|
}
|
|
|
|
$.et_pb_simple_carousel = function(el, options) {
|
|
var settings = $.extend( {
|
|
slide_duration : 500,
|
|
}, options );
|
|
|
|
var $et_carousel = $(el),
|
|
$carousel_items = $et_carousel.find('.et_pb_carousel_items'),
|
|
$the_carousel_items = $carousel_items.find('.et_pb_carousel_item');
|
|
|
|
$et_carousel.et_animation_running = false;
|
|
|
|
$et_carousel.addClass('container-width-change-notify').on('containerWidthChanged', function( event ){
|
|
set_carousel_columns( $et_carousel );
|
|
set_carousel_height( $et_carousel );
|
|
});
|
|
|
|
$carousel_items.data('items', $the_carousel_items.toArray() );
|
|
$et_carousel.data('columns_setting_up', false );
|
|
|
|
$carousel_items.prepend('<div class="et-pb-slider-arrows"><a class="et-pb-slider-arrow et-pb-arrow-prev" href="#">' + '<span>' + et_custom.previous + '</span>' + '</a><a class="et-pb-slider-arrow et-pb-arrow-next" href="#">' + '<span>' + et_custom.next + '</span>' + '</a></div>');
|
|
|
|
set_carousel_columns( $et_carousel );
|
|
set_carousel_height( $et_carousel );
|
|
|
|
$et_carousel_next = $et_carousel.find( '.et-pb-arrow-next' );
|
|
$et_carousel_prev = $et_carousel.find( '.et-pb-arrow-prev' );
|
|
|
|
$et_carousel_next.click( function(){
|
|
if ( $et_carousel.et_animation_running ) return false;
|
|
|
|
$et_carousel.et_carousel_move_to( 'next' );
|
|
|
|
return false;
|
|
} );
|
|
|
|
$et_carousel_prev.click( function(){
|
|
if ( $et_carousel.et_animation_running ) return false;
|
|
|
|
$et_carousel.et_carousel_move_to( 'previous' );
|
|
|
|
return false;
|
|
} );
|
|
|
|
function set_carousel_height( $the_carousel ) {
|
|
var carousel_items_width = $the_carousel_items.width(),
|
|
carousel_items_height = $the_carousel_items.height();
|
|
|
|
$carousel_items.css('height', carousel_items_height + 'px' );
|
|
}
|
|
|
|
function set_carousel_columns( $the_carousel ) {
|
|
var columns,
|
|
$carousel_parent = $the_carousel.parents('.et_pb_column'),
|
|
carousel_items_width = $carousel_items.width(),
|
|
carousel_item_count = $the_carousel_items.length;
|
|
|
|
if ( $carousel_parent.hasClass('et_pb_column_4_4') || $carousel_parent.hasClass('et_pb_column_3_4') || $carousel_parent.hasClass('et_pb_column_2_3') ) {
|
|
if ( $et_window.width() < 768 ) {
|
|
columns = 3;
|
|
} else {
|
|
columns = 4;
|
|
}
|
|
} else if ( $carousel_parent.hasClass('et_pb_column_1_2') || $carousel_parent.hasClass('et_pb_column_3_8') || $carousel_parent.hasClass('et_pb_column_1_3') ) {
|
|
columns = 3;
|
|
} else if ( $carousel_parent.hasClass('et_pb_column_1_4') ) {
|
|
if ( $et_window.width() > 480 && $et_window.width() < 980 ) {
|
|
columns = 3;
|
|
} else {
|
|
columns = 2;
|
|
}
|
|
}
|
|
|
|
if ( columns === $carousel_items.data('portfolio-columns') ) {
|
|
return;
|
|
}
|
|
|
|
if ( $the_carousel.data('columns_setting_up') ) {
|
|
return;
|
|
}
|
|
|
|
$the_carousel.data('columns_setting_up', true );
|
|
|
|
// store last setup column
|
|
$carousel_items.removeClass('columns-' + $carousel_items.data('portfolio-columns') );
|
|
$carousel_items.addClass('columns-' + columns );
|
|
$carousel_items.data('portfolio-columns', columns );
|
|
|
|
// kill all previous groups to get ready to re-group
|
|
if ( $carousel_items.find('.et-carousel-group').length ) {
|
|
$the_carousel_items.appendTo( $carousel_items );
|
|
$carousel_items.find('.et-carousel-group').remove();
|
|
}
|
|
|
|
// setup the grouping
|
|
var the_carousel_items = $carousel_items.data('items'),
|
|
$carousel_group = $('<div class="et-carousel-group active">').appendTo( $carousel_items );
|
|
|
|
$the_carousel_items.data('position', '');
|
|
if ( the_carousel_items.length <= columns ) {
|
|
$carousel_items.find('.et-pb-slider-arrows').hide();
|
|
} else {
|
|
$carousel_items.find('.et-pb-slider-arrows').show();
|
|
}
|
|
|
|
for ( position = 1, x=0 ;x < the_carousel_items.length; x++, position++ ) {
|
|
if ( x < columns ) {
|
|
$( the_carousel_items[x] ).show();
|
|
$( the_carousel_items[x] ).appendTo( $carousel_group );
|
|
$( the_carousel_items[x] ).data('position', position );
|
|
$( the_carousel_items[x] ).addClass('position_' + position );
|
|
} else {
|
|
position = $( the_carousel_items[x] ).data('position');
|
|
$( the_carousel_items[x] ).removeClass('position_' + position );
|
|
$( the_carousel_items[x] ).data('position', '' );
|
|
$( the_carousel_items[x] ).hide();
|
|
}
|
|
}
|
|
|
|
$the_carousel.data('columns_setting_up', false );
|
|
|
|
} /* end set_carousel_columns() */
|
|
|
|
$et_carousel.et_carousel_move_to = function ( direction ) {
|
|
var $active_carousel_group = $carousel_items.find('.et-carousel-group.active'),
|
|
items = $carousel_items.data('items'),
|
|
columns = $carousel_items.data('portfolio-columns');
|
|
|
|
$et_carousel.et_animation_running = true;
|
|
|
|
var left = 0;
|
|
$active_carousel_group.children().each(function(){
|
|
$(this).css({'position':'absolute', 'left': left });
|
|
left = left + $(this).outerWidth(true);
|
|
});
|
|
|
|
if ( direction == 'next' ) {
|
|
var $next_carousel_group,
|
|
current_position = 1,
|
|
next_position = 1,
|
|
active_items_start = items.indexOf( $active_carousel_group.children().first()[0] ),
|
|
active_items_end = active_items_start + columns,
|
|
next_items_start = active_items_end,
|
|
next_items_end = next_items_start + columns;
|
|
|
|
$next_carousel_group = $('<div class="et-carousel-group next" style="display: none;left: 100%;position: absolute;top: 0;">').insertAfter( $active_carousel_group );
|
|
$next_carousel_group.css({ 'width': $active_carousel_group.innerWidth() }).show();
|
|
|
|
// this is an endless loop, so it can decide internally when to break out, so that next_position
|
|
// can get filled up, even to the extent of an element having both and current_ and next_ position
|
|
for( x = 0, total = 0 ; ; x++, total++ ) {
|
|
if ( total >= active_items_start && total < active_items_end ) {
|
|
$( items[x] ).addClass( 'changing_position current_position current_position_' + current_position );
|
|
$( items[x] ).data('current_position', current_position );
|
|
current_position++;
|
|
}
|
|
|
|
if ( total >= next_items_start && total < next_items_end ) {
|
|
$( items[x] ).data('next_position', next_position );
|
|
$( items[x] ).addClass('changing_position next_position next_position_' + next_position );
|
|
|
|
if ( !$( items[x] ).hasClass( 'current_position' ) ) {
|
|
$( items[x] ).addClass('container_append');
|
|
} else {
|
|
$( items[x] ).clone(true).appendTo( $active_carousel_group ).hide().addClass('delayed_container_append_dup').attr('id', $( items[x] ).attr('id') + '-dup' );
|
|
$( items[x] ).addClass('delayed_container_append');
|
|
}
|
|
|
|
next_position++;
|
|
}
|
|
|
|
if ( next_position > columns ) {
|
|
break;
|
|
}
|
|
|
|
if ( x >= ( items.length -1 )) {
|
|
x = -1;
|
|
}
|
|
}
|
|
|
|
var sorted = $carousel_items.find('.container_append, .delayed_container_append_dup').sort(function (a, b) {
|
|
var el_a_position = parseInt( $(a).data('next_position') );
|
|
var el_b_position = parseInt( $(b).data('next_position') );
|
|
return ( el_a_position < el_b_position ) ? -1 : ( el_a_position > el_b_position ) ? 1 : 0;
|
|
});
|
|
|
|
$( sorted ).show().appendTo( $next_carousel_group );
|
|
|
|
var left = 0;
|
|
$next_carousel_group.children().each(function(){
|
|
$(this).css({'position':'absolute', 'left': left });
|
|
left = left + $(this).outerWidth(true);
|
|
});
|
|
|
|
$active_carousel_group.animate({
|
|
left: '-100%'
|
|
}, {
|
|
duration: settings.slide_duration,
|
|
complete: function() {
|
|
$carousel_items.find('.delayed_container_append').each(function(){
|
|
left = $( '#' + $(this).attr('id') + '-dup' ).css('left');
|
|
$(this).css({'position':'absolute', 'left': left });
|
|
$(this).appendTo( $next_carousel_group );
|
|
});
|
|
|
|
$active_carousel_group.removeClass('active');
|
|
$active_carousel_group.children().each(function(){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
$(this).removeClass('position_' + position + ' ' + 'changing_position current_position current_position_' + current_position );
|
|
$(this).data('position', '');
|
|
$(this).data('current_position', '');
|
|
$(this).hide();
|
|
$(this).css({'position': '', 'left': ''});
|
|
$(this).appendTo( $carousel_items );
|
|
});
|
|
|
|
$active_carousel_group.remove();
|
|
|
|
}
|
|
} );
|
|
|
|
next_left = $active_carousel_group.width() + parseInt( $the_carousel_items.first().css('marginRight').slice(0, -2) );
|
|
$next_carousel_group.addClass('active').css({'position':'absolute', 'top':0, left: next_left });
|
|
$next_carousel_group.animate({
|
|
left: '0%'
|
|
}, {
|
|
duration: settings.slide_duration,
|
|
complete: function(){
|
|
$next_carousel_group.removeClass('next').addClass('active').css({'position':'', 'width':'', 'top':'', 'left': ''});
|
|
|
|
$next_carousel_group.find('.changing_position').each(function( index ){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
next_position = $(this).data('next_position');
|
|
$(this).removeClass('container_append delayed_container_append position_' + position + ' ' + 'changing_position current_position current_position_' + current_position + ' next_position next_position_' + next_position );
|
|
$(this).data('current_position', '');
|
|
$(this).data('next_position', '');
|
|
$(this).data('position', ( index + 1 ) );
|
|
});
|
|
|
|
$next_carousel_group.children().css({'position': '', 'left': ''});
|
|
$next_carousel_group.find('.delayed_container_append_dup').remove();
|
|
|
|
$et_carousel.et_animation_running = false;
|
|
}
|
|
} );
|
|
|
|
} else if ( direction == 'previous' ) {
|
|
var $prev_carousel_group,
|
|
current_position = columns,
|
|
prev_position = columns,
|
|
columns_span = columns - 1,
|
|
active_items_start = items.indexOf( $active_carousel_group.children().last()[0] ),
|
|
active_items_end = active_items_start - columns_span,
|
|
prev_items_start = active_items_end - 1,
|
|
prev_items_end = prev_items_start - columns_span;
|
|
|
|
$prev_carousel_group = $('<div class="et-carousel-group prev" style="display: none;left: 100%;position: absolute;top: 0;">').insertBefore( $active_carousel_group );
|
|
$prev_carousel_group.css({ 'left': '-' + $active_carousel_group.innerWidth(), 'width': $active_carousel_group.innerWidth() }).show();
|
|
|
|
// this is an endless loop, so it can decide internally when to break out, so that next_position
|
|
// can get filled up, even to the extent of an element having both and current_ and next_ position
|
|
for( x = ( items.length - 1 ), total = ( items.length - 1 ) ; ; x--, total-- ) {
|
|
|
|
if ( total <= active_items_start && total >= active_items_end ) {
|
|
$( items[x] ).addClass( 'changing_position current_position current_position_' + current_position );
|
|
$( items[x] ).data('current_position', current_position );
|
|
current_position--;
|
|
}
|
|
|
|
if ( total <= prev_items_start && total >= prev_items_end ) {
|
|
$( items[x] ).data('prev_position', prev_position );
|
|
$( items[x] ).addClass('changing_position prev_position prev_position_' + prev_position );
|
|
|
|
if ( !$( items[x] ).hasClass( 'current_position' ) ) {
|
|
$( items[x] ).addClass('container_append');
|
|
} else {
|
|
$( items[x] ).clone(true).appendTo( $active_carousel_group ).addClass('delayed_container_append_dup').attr('id', $( items[x] ).attr('id') + '-dup' );
|
|
$( items[x] ).addClass('delayed_container_append');
|
|
}
|
|
|
|
prev_position--;
|
|
}
|
|
|
|
if ( prev_position <= 0 ) {
|
|
break;
|
|
}
|
|
|
|
if ( x == 0 ) {
|
|
x = items.length;
|
|
}
|
|
}
|
|
|
|
var sorted = $carousel_items.find('.container_append, .delayed_container_append_dup').sort(function (a, b) {
|
|
var el_a_position = parseInt( $(a).data('prev_position') );
|
|
var el_b_position = parseInt( $(b).data('prev_position') );
|
|
return ( el_a_position < el_b_position ) ? -1 : ( el_a_position > el_b_position ) ? 1 : 0;
|
|
});
|
|
|
|
$( sorted ).show().appendTo( $prev_carousel_group );
|
|
|
|
var left = 0;
|
|
$prev_carousel_group.children().each(function(){
|
|
$(this).css({'position':'absolute', 'left': left });
|
|
left = left + $(this).outerWidth(true);
|
|
});
|
|
|
|
$active_carousel_group.animate({
|
|
left: '100%'
|
|
}, {
|
|
duration: settings.slide_duration,
|
|
complete: function() {
|
|
$carousel_items.find('.delayed_container_append').reverse().each(function(){
|
|
left = $( '#' + $(this).attr('id') + '-dup' ).css('left');
|
|
$(this).css({'position':'absolute', 'left': left });
|
|
$(this).prependTo( $prev_carousel_group );
|
|
});
|
|
|
|
$active_carousel_group.removeClass('active');
|
|
$active_carousel_group.children().each(function(){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
$(this).removeClass('position_' + position + ' ' + 'changing_position current_position current_position_' + current_position );
|
|
$(this).data('position', '');
|
|
$(this).data('current_position', '');
|
|
$(this).hide();
|
|
$(this).css({'position': '', 'left': ''});
|
|
$(this).appendTo( $carousel_items );
|
|
});
|
|
|
|
$active_carousel_group.remove();
|
|
}
|
|
} );
|
|
|
|
prev_left = (-1) * $active_carousel_group.width() - parseInt( $the_carousel_items.first().css('marginRight').slice(0, -2) );
|
|
$prev_carousel_group.addClass('active').css({'position':'absolute', 'top':0, left: prev_left });
|
|
$prev_carousel_group.animate({
|
|
left: '0%'
|
|
}, {
|
|
duration: settings.slide_duration,
|
|
complete: function(){
|
|
$prev_carousel_group.removeClass('prev').addClass('active').css({'position':'', 'width':'', 'top':'', 'left': ''});
|
|
|
|
$prev_carousel_group.find('.delayed_container_append_dup').remove();
|
|
|
|
$prev_carousel_group.find('.changing_position').each(function( index ){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
prev_position = $(this).data('prev_position');
|
|
$(this).removeClass('container_append delayed_container_append position_' + position + ' ' + 'changing_position current_position current_position_' + current_position + ' prev_position prev_position_' + prev_position );
|
|
$(this).data('current_position', '');
|
|
$(this).data('prev_position', '');
|
|
position = index + 1;
|
|
$(this).data('position', position );
|
|
$(this).addClass('position_' + position );
|
|
});
|
|
|
|
$prev_carousel_group.children().css({'position': '', 'left': ''});
|
|
$et_carousel.et_animation_running = false;
|
|
}
|
|
} );
|
|
}
|
|
}
|
|
}
|
|
|
|
$.fn.et_pb_simple_carousel = function( options ) {
|
|
return this.each(function() {
|
|
new $.et_pb_simple_carousel(this, options);
|
|
});
|
|
}
|
|
|
|
var $et_pb_slider = $( '.et_pb_slider' ),
|
|
$et_pb_tabs = $( '.et_pb_tabs' ),
|
|
$et_pb_tabs_li = $et_pb_tabs.find( '.et_pb_tabs_controls li' ),
|
|
$et_pb_video_section = $('.et_pb_section_video_bg'),
|
|
$et_pb_newsletter_button = $( '.et_pb_newsletter_button' ),
|
|
$et_pb_filterable_portfolio = $( '.et_pb_filterable_portfolio' ),
|
|
$et_pb_fullwidth_portfolio = $( '.et_pb_fullwidth_portfolio' ),
|
|
$et_pb_gallery = $( '.et_pb_gallery' ),
|
|
$et_pb_countdown_timer = $( '.et_pb_countdown_timer' ),
|
|
$et_post_gallery = $( '.et_post_gallery' ),
|
|
$et_lightbox_image = $( '.et_pb_lightbox_image'),
|
|
$et_pb_map = $( '.et_pb_map_container' ),
|
|
$et_pb_circle_counter = $( '.et_pb_circle_counter' ),
|
|
$et_pb_number_counter = $( '.et_pb_number_counter' ),
|
|
$et_pb_parallax = $( '.et_parallax_bg' ),
|
|
$et_pb_shop = $( '.et_pb_shop' ),
|
|
$et_pb_post_fullwidth = $( '.single.et_pb_pagebuilder_layout.et_full_width_page' ),
|
|
et_is_mobile_device = navigator.userAgent.match( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/ ),
|
|
et_is_ipad = navigator.userAgent.match( /iPad/ ),
|
|
$et_container = ! et_custom.is_builder_plugin_used ? $( '.container' ) : $( '.et_pb_row' ),
|
|
et_container_width = $et_container.width(),
|
|
et_is_fixed_nav = $( 'body' ).hasClass( 'et_fixed_nav' ),
|
|
et_is_vertical_fixed_nav = $( 'body' ).hasClass( 'et_vertical_fixed' ),
|
|
et_is_rtl = $( 'body' ).hasClass( 'rtl' ),
|
|
et_hide_nav = $( 'body' ).hasClass( 'et_hide_nav' ),
|
|
et_header_style_left = $( 'body' ).hasClass( 'et_header_style_left' ),
|
|
et_vertical_navigation = $( 'body' ).hasClass( 'et_vertical_nav' ),
|
|
$top_header = $('#top-header'),
|
|
$main_header = $('#main-header'),
|
|
$main_container_wrapper = $( '#page-container' ),
|
|
$et_transparent_nav = $( '.et_transparent_nav' ),
|
|
$et_pb_first_row = $( 'body.et_pb_pagebuilder_layout .et_pb_section:first-child' ),
|
|
$et_main_content_first_row = $( '#main-content .container:first-child' ),
|
|
$et_main_content_first_row_meta_wrapper = $et_main_content_first_row.find('.et_post_meta_wrapper:first'),
|
|
$et_main_content_first_row_meta_wrapper_title = $et_main_content_first_row_meta_wrapper.find( 'h1' ),
|
|
$et_main_content_first_row_content = $et_main_content_first_row.find('.entry-content:first'),
|
|
$et_single_post = $( 'body.single-post' ),
|
|
$et_window = $(window),
|
|
etRecalculateOffset = false,
|
|
et_header_height,
|
|
et_header_modifier,
|
|
et_header_offset,
|
|
et_primary_header_top,
|
|
$et_vertical_nav = $('.et_vertical_nav'),
|
|
$et_header_style_split = $('.et_header_style_split'),
|
|
$et_top_navigation = $('#et-top-navigation'),
|
|
$logo = $('#logo'),
|
|
$et_sticky_image = $('.et_pb_image_sticky'),
|
|
$et_pb_counter_amount = $('.et_pb_counter_amount'),
|
|
$et_pb_carousel = $( '.et_pb_carousel' );
|
|
|
|
$(document).ready( function(){
|
|
$et_sticky_image.each( function() {
|
|
var $this_el = $(this),
|
|
$row = $this_el.closest('.et_pb_row'),
|
|
$section = $row.closest('.et_pb_section'),
|
|
$column = $this_el.closest( '.et_pb_column' ),
|
|
sticky_class = 'et_pb_section_sticky',
|
|
sticky_mobile_class = 'et_pb_section_sticky_mobile';
|
|
|
|
// If it is not in the last row, continue
|
|
if ( ! $row.is( ':last-child' ) ) {
|
|
return true;
|
|
}
|
|
|
|
// Make sure sticky image is the last element in the column
|
|
if ( ! $this_el.is( ':last-child' ) ) {
|
|
return true;
|
|
}
|
|
|
|
// If it is in the last row, find the parent section and attach new class to it
|
|
if ( ! $section.hasClass( sticky_class ) ) {
|
|
$section.addClass( sticky_class );
|
|
}
|
|
|
|
$column.addClass( 'et_pb_row_sticky' );
|
|
|
|
if ( ! $section.hasClass( sticky_mobile_class ) && $column.is( ':last-child' ) ) {
|
|
$section.addClass( sticky_mobile_class );
|
|
}
|
|
} );
|
|
|
|
if ( et_is_mobile_device ) {
|
|
$( '.et_pb_section_video_bg' ).each( function() {
|
|
var $this_el = $(this);
|
|
|
|
$this_el.css( 'visibility', 'hidden' ).closest( '.et_pb_preload' ).removeClass( 'et_pb_preload' )
|
|
} );
|
|
|
|
$( 'body' ).addClass( 'et_mobile_device' );
|
|
|
|
if ( ! et_is_ipad ) {
|
|
$( 'body' ).addClass( 'et_mobile_device_not_ipad' );
|
|
}
|
|
}
|
|
|
|
if ( $et_pb_video_section.length ) {
|
|
$et_pb_video_section.find( 'video' ).mediaelementplayer( {
|
|
pauseOtherPlayers: false,
|
|
success : function( mediaElement, domObject ) {
|
|
mediaElement.addEventListener( 'loadeddata', function() {
|
|
et_pb_resize_section_video_bg( $(domObject) );
|
|
et_pb_center_video( $(domObject) );
|
|
}, false );
|
|
|
|
mediaElement.addEventListener( 'canplay', function() {
|
|
$(domObject).closest( '.et_pb_preload' ).removeClass( 'et_pb_preload' );
|
|
}, false );
|
|
}
|
|
} );
|
|
}
|
|
|
|
if ( $et_post_gallery.length ) {
|
|
$et_post_gallery.each(function() {
|
|
$(this).magnificPopup( {
|
|
delegate: 'a',
|
|
type: 'image',
|
|
removalDelay: 500,
|
|
gallery: {
|
|
enabled: true,
|
|
navigateByImgClick: true
|
|
},
|
|
mainClass: 'mfp-fade',
|
|
zoom: {
|
|
enabled: true,
|
|
duration: 500,
|
|
opener: function(element) {
|
|
return element.find('img');
|
|
}
|
|
}
|
|
} );
|
|
} );
|
|
}
|
|
|
|
if ( $et_lightbox_image.length ) {
|
|
$et_lightbox_image.magnificPopup( {
|
|
type: 'image',
|
|
removalDelay: 500,
|
|
mainClass: 'mfp-fade',
|
|
zoom: {
|
|
enabled: true,
|
|
duration: 500,
|
|
opener: function(element) {
|
|
return element.find('img');
|
|
}
|
|
}
|
|
} );
|
|
}
|
|
|
|
if ( $et_pb_slider.length ) {
|
|
$et_pb_slider.each( function() {
|
|
var $this_slider = $(this),
|
|
et_slider_settings = {
|
|
fade_speed : 700,
|
|
slide : ! $this_slider.hasClass( 'et_pb_gallery' ) ? '.et_pb_slide' : '.et_pb_gallery_item'
|
|
}
|
|
|
|
if ( $this_slider.hasClass('et_pb_slider_no_arrows') )
|
|
et_slider_settings.use_arrows = false;
|
|
|
|
if ( $this_slider.hasClass('et_pb_slider_no_pagination') )
|
|
et_slider_settings.use_controls = false;
|
|
|
|
if ( $this_slider.hasClass('et_slider_auto') ) {
|
|
var et_slider_autospeed_class_value = /et_slider_speed_(\d+)/g;
|
|
|
|
et_slider_settings.slideshow = true;
|
|
|
|
et_slider_autospeed = et_slider_autospeed_class_value.exec( $this_slider.attr('class') );
|
|
|
|
et_slider_settings.slideshow_speed = et_slider_autospeed[1];
|
|
}
|
|
|
|
if ( $this_slider.parent().hasClass('et_pb_video_slider') ) {
|
|
et_slider_settings.controls_below = true;
|
|
et_slider_settings.append_controls_to = $this_slider.parent();
|
|
|
|
setTimeout( function() {
|
|
$( '.et_pb_preload' ).removeClass( 'et_pb_preload' );
|
|
}, 500 );
|
|
}
|
|
|
|
if ( $this_slider.hasClass('et_pb_slider_carousel') )
|
|
et_slider_settings.use_carousel = true;
|
|
|
|
$this_slider.et_pb_simple_slider( et_slider_settings );
|
|
|
|
} );
|
|
}
|
|
|
|
$et_pb_carousel = $( '.et_pb_carousel' );
|
|
if ( $et_pb_carousel.length ) {
|
|
$et_pb_carousel.each( function() {
|
|
var $this_carousel = $(this),
|
|
et_carousel_settings = {
|
|
fade_speed : 1000
|
|
};
|
|
|
|
$this_carousel.et_pb_simple_carousel( et_carousel_settings );
|
|
} );
|
|
}
|
|
|
|
if ( $et_pb_fullwidth_portfolio.length ) {
|
|
|
|
function set_fullwidth_portfolio_columns( $the_portfolio, carousel_mode ) {
|
|
var columns,
|
|
$portfolio_items = $the_portfolio.find('.et_pb_portfolio_items'),
|
|
portfolio_items_width = $portfolio_items.width(),
|
|
$the_portfolio_items = $portfolio_items.find('.et_pb_portfolio_item'),
|
|
portfolio_item_count = $the_portfolio_items.length;
|
|
|
|
// calculate column breakpoints
|
|
if ( portfolio_items_width >= 1600 ) {
|
|
columns = 5;
|
|
} else if ( portfolio_items_width >= 1024 ) {
|
|
columns = 4;
|
|
} else if ( portfolio_items_width >= 768 ) {
|
|
columns = 3;
|
|
} else if ( portfolio_items_width >= 480 ) {
|
|
columns = 2;
|
|
} else {
|
|
columns = 1;
|
|
}
|
|
|
|
// set height of items
|
|
portfolio_item_width = portfolio_items_width / columns;
|
|
portfolio_item_height = portfolio_item_width * .75;
|
|
|
|
if ( carousel_mode ) {
|
|
$portfolio_items.css({ 'height' : portfolio_item_height });
|
|
}
|
|
|
|
$the_portfolio_items.css({ 'height' : portfolio_item_height });
|
|
|
|
if ( columns === $portfolio_items.data('portfolio-columns') ) {
|
|
return;
|
|
}
|
|
|
|
if ( $the_portfolio.data('columns_setting_up') ) {
|
|
return;
|
|
}
|
|
|
|
$the_portfolio.data('columns_setting_up', true );
|
|
|
|
var portfolio_item_width_percentage = ( 100 / columns ) + '%';
|
|
$the_portfolio_items.css({ 'width' : portfolio_item_width_percentage });
|
|
|
|
// store last setup column
|
|
$portfolio_items.removeClass('columns-' + $portfolio_items.data('portfolio-columns') );
|
|
$portfolio_items.addClass('columns-' + columns );
|
|
$portfolio_items.data('portfolio-columns', columns );
|
|
|
|
if ( !carousel_mode ) {
|
|
return $the_portfolio.data('columns_setting_up', false );
|
|
}
|
|
|
|
// kill all previous groups to get ready to re-group
|
|
if ( $portfolio_items.find('.et_pb_carousel_group').length ) {
|
|
$the_portfolio_items.appendTo( $portfolio_items );
|
|
$portfolio_items.find('.et_pb_carousel_group').remove();
|
|
}
|
|
|
|
// setup the grouping
|
|
var the_portfolio_items = $portfolio_items.data('items' ),
|
|
$carousel_group = $('<div class="et_pb_carousel_group active">').appendTo( $portfolio_items );
|
|
|
|
$the_portfolio_items.data('position', '');
|
|
if ( the_portfolio_items.length <= columns ) {
|
|
$portfolio_items.find('.et-pb-slider-arrows').hide();
|
|
} else {
|
|
$portfolio_items.find('.et-pb-slider-arrows').show();
|
|
}
|
|
|
|
for ( position = 1, x=0 ;x < the_portfolio_items.length; x++, position++ ) {
|
|
if ( x < columns ) {
|
|
$( the_portfolio_items[x] ).show();
|
|
$( the_portfolio_items[x] ).appendTo( $carousel_group );
|
|
$( the_portfolio_items[x] ).data('position', position );
|
|
$( the_portfolio_items[x] ).addClass('position_' + position );
|
|
} else {
|
|
position = $( the_portfolio_items[x] ).data('position');
|
|
$( the_portfolio_items[x] ).removeClass('position_' + position );
|
|
$( the_portfolio_items[x] ).data('position', '' );
|
|
$( the_portfolio_items[x] ).hide();
|
|
}
|
|
}
|
|
|
|
$the_portfolio.data('columns_setting_up', false );
|
|
|
|
}
|
|
|
|
function et_carousel_auto_rotate( $carousel ) {
|
|
if ( 'on' === $carousel.data('auto-rotate') && $carousel.find('.et_pb_portfolio_item').length > $carousel.find('.et_pb_carousel_group .et_pb_portfolio_item').length && ! $carousel.hasClass( 'et_carousel_hovered' ) ) {
|
|
|
|
et_carousel_timer = setTimeout( function() {
|
|
$carousel.find('.et-pb-arrow-next').click();
|
|
}, $carousel.data('auto-rotate-speed') );
|
|
|
|
$carousel.data('et_carousel_timer', et_carousel_timer);
|
|
}
|
|
}
|
|
|
|
$et_pb_fullwidth_portfolio.each(function(){
|
|
var $the_portfolio = $(this),
|
|
$portfolio_items = $the_portfolio.find('.et_pb_portfolio_items');
|
|
|
|
$portfolio_items.data('items', $portfolio_items.find('.et_pb_portfolio_item').toArray() );
|
|
$the_portfolio.data('columns_setting_up', false );
|
|
|
|
if ( $the_portfolio.hasClass('et_pb_fullwidth_portfolio_carousel') ) {
|
|
// add left and right arrows
|
|
$portfolio_items.prepend('<div class="et-pb-slider-arrows"><a class="et-pb-arrow-prev" href="#">' + '<span>' + et_custom.previous + '</span>' + '</a><a class="et-pb-arrow-next" href="#">' + '<span>' + et_custom.next + '</span>' + '</a></div>');
|
|
|
|
set_fullwidth_portfolio_columns( $the_portfolio, true );
|
|
|
|
et_carousel_auto_rotate( $the_portfolio );
|
|
|
|
$the_portfolio.hover(
|
|
function(){
|
|
$(this).addClass('et_carousel_hovered');
|
|
if ( typeof $(this).data('et_carousel_timer') != 'undefined' ) {
|
|
clearInterval( $(this).data('et_carousel_timer') );
|
|
}
|
|
},
|
|
function(){
|
|
$(this).removeClass('et_carousel_hovered');
|
|
et_carousel_auto_rotate( $(this) );
|
|
}
|
|
);
|
|
|
|
$the_portfolio.data('carouseling', false );
|
|
|
|
$the_portfolio.on('click', '.et-pb-slider-arrows a', function(e){
|
|
var $the_portfolio = $(this).parents('.et_pb_fullwidth_portfolio'),
|
|
$portfolio_items = $the_portfolio.find('.et_pb_portfolio_items'),
|
|
$the_portfolio_items = $portfolio_items.find('.et_pb_portfolio_item'),
|
|
$active_carousel_group = $portfolio_items.find('.et_pb_carousel_group.active'),
|
|
slide_duration = 700,
|
|
items = $portfolio_items.data('items'),
|
|
columns = $portfolio_items.data('portfolio-columns'),
|
|
item_width = $active_carousel_group.innerWidth() / columns, //$active_carousel_group.children().first().innerWidth(),
|
|
original_item_width = ( 100 / columns ) + '%';
|
|
|
|
e.preventDefault();
|
|
|
|
if ( $the_portfolio.data('carouseling') ) {
|
|
return;
|
|
}
|
|
|
|
$the_portfolio.data('carouseling', true);
|
|
|
|
$active_carousel_group.children().each(function(){
|
|
$(this).css({'width': $(this).innerWidth() + 1, 'position':'absolute', 'left': ( $(this).innerWidth() * ( $(this).data('position') - 1 ) ) });
|
|
});
|
|
|
|
if ( $(this).hasClass('et-pb-arrow-next') ) {
|
|
var $next_carousel_group,
|
|
current_position = 1,
|
|
next_position = 1,
|
|
active_items_start = items.indexOf( $active_carousel_group.children().first()[0] ),
|
|
active_items_end = active_items_start + columns,
|
|
next_items_start = active_items_end,
|
|
next_items_end = next_items_start + columns;
|
|
|
|
$next_carousel_group = $('<div class="et_pb_carousel_group next" style="display: none;left: 100%;position: absolute;top: 0;">').insertAfter( $active_carousel_group );
|
|
$next_carousel_group.css({ 'width': $active_carousel_group.innerWidth() }).show();
|
|
|
|
// this is an endless loop, so it can decide internally when to break out, so that next_position
|
|
// can get filled up, even to the extent of an element having both and current_ and next_ position
|
|
for( x = 0, total = 0 ; ; x++, total++ ) {
|
|
if ( total >= active_items_start && total < active_items_end ) {
|
|
$( items[x] ).addClass( 'changing_position current_position current_position_' + current_position );
|
|
$( items[x] ).data('current_position', current_position );
|
|
current_position++;
|
|
}
|
|
|
|
if ( total >= next_items_start && total < next_items_end ) {
|
|
$( items[x] ).data('next_position', next_position );
|
|
$( items[x] ).addClass('changing_position next_position next_position_' + next_position );
|
|
|
|
if ( !$( items[x] ).hasClass( 'current_position' ) ) {
|
|
$( items[x] ).addClass('container_append');
|
|
} else {
|
|
$( items[x] ).clone(true).appendTo( $active_carousel_group ).hide().addClass('delayed_container_append_dup').attr('id', $( items[x] ).attr('id') + '-dup' );
|
|
$( items[x] ).addClass('delayed_container_append');
|
|
}
|
|
|
|
next_position++;
|
|
}
|
|
|
|
if ( next_position > columns ) {
|
|
break;
|
|
}
|
|
|
|
if ( x >= ( items.length -1 )) {
|
|
x = -1;
|
|
}
|
|
}
|
|
|
|
sorted = $portfolio_items.find('.container_append, .delayed_container_append_dup').sort(function (a, b) {
|
|
var el_a_position = parseInt( $(a).data('next_position') );
|
|
var el_b_position = parseInt( $(b).data('next_position') );
|
|
return ( el_a_position < el_b_position ) ? -1 : ( el_a_position > el_b_position ) ? 1 : 0;
|
|
});
|
|
|
|
$( sorted ).show().appendTo( $next_carousel_group );
|
|
|
|
$next_carousel_group.children().each(function(){
|
|
$(this).css({'width': item_width, 'position':'absolute', 'left': ( item_width * ( $(this).data('next_position') - 1 ) ) });
|
|
});
|
|
|
|
$active_carousel_group.animate({
|
|
left: '-100%'
|
|
}, {
|
|
duration: slide_duration,
|
|
complete: function() {
|
|
$portfolio_items.find('.delayed_container_append').each(function(){
|
|
$(this).css({'width': item_width, 'position':'absolute', 'left': ( item_width * ( $(this).data('next_position') - 1 ) ) });
|
|
$(this).appendTo( $next_carousel_group );
|
|
});
|
|
|
|
$active_carousel_group.removeClass('active');
|
|
$active_carousel_group.children().each(function(){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
$(this).removeClass('position_' + position + ' ' + 'changing_position current_position current_position_' + current_position );
|
|
$(this).data('position', '');
|
|
$(this).data('current_position', '');
|
|
$(this).hide();
|
|
$(this).css({'position': '', 'width': '', 'left': ''});
|
|
$(this).appendTo( $portfolio_items );
|
|
});
|
|
|
|
$active_carousel_group.remove();
|
|
|
|
et_carousel_auto_rotate( $the_portfolio );
|
|
|
|
}
|
|
} );
|
|
|
|
$next_carousel_group.addClass('active').css({'position':'absolute', 'top':0, left: '100%'});
|
|
$next_carousel_group.animate({
|
|
left: '0%'
|
|
}, {
|
|
duration: slide_duration,
|
|
complete: function(){
|
|
setTimeout(function(){
|
|
$next_carousel_group.removeClass('next').addClass('active').css({'position':'', 'width':'', 'top':'', 'left': ''});
|
|
|
|
$next_carousel_group.find('.delayed_container_append_dup').remove();
|
|
|
|
$next_carousel_group.find('.changing_position').each(function( index ){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
next_position = $(this).data('next_position');
|
|
$(this).removeClass('container_append delayed_container_append position_' + position + ' ' + 'changing_position current_position current_position_' + current_position + ' next_position next_position_' + next_position );
|
|
$(this).data('current_position', '');
|
|
$(this).data('next_position', '');
|
|
$(this).data('position', ( index + 1 ) );
|
|
});
|
|
|
|
$next_carousel_group.children().css({'position': '', 'width': original_item_width, 'left': ''});
|
|
|
|
$the_portfolio.data('carouseling', false);
|
|
}, 100 );
|
|
}
|
|
} );
|
|
|
|
} else {
|
|
var $prev_carousel_group,
|
|
current_position = columns,
|
|
prev_position = columns,
|
|
columns_span = columns - 1,
|
|
active_items_start = items.indexOf( $active_carousel_group.children().last()[0] ),
|
|
active_items_end = active_items_start - columns_span,
|
|
prev_items_start = active_items_end - 1,
|
|
prev_items_end = prev_items_start - columns_span;
|
|
|
|
$prev_carousel_group = $('<div class="et_pb_carousel_group prev" style="display: none;left: 100%;position: absolute;top: 0;">').insertBefore( $active_carousel_group );
|
|
$prev_carousel_group.css({ 'left': '-' + $active_carousel_group.innerWidth(), 'width': $active_carousel_group.innerWidth() }).show();
|
|
|
|
// this is an endless loop, so it can decide internally when to break out, so that next_position
|
|
// can get filled up, even to the extent of an element having both and current_ and next_ position
|
|
for( x = ( items.length - 1 ), total = ( items.length - 1 ) ; ; x--, total-- ) {
|
|
|
|
if ( total <= active_items_start && total >= active_items_end ) {
|
|
$( items[x] ).addClass( 'changing_position current_position current_position_' + current_position );
|
|
$( items[x] ).data('current_position', current_position );
|
|
current_position--;
|
|
}
|
|
|
|
if ( total <= prev_items_start && total >= prev_items_end ) {
|
|
$( items[x] ).data('prev_position', prev_position );
|
|
$( items[x] ).addClass('changing_position prev_position prev_position_' + prev_position );
|
|
|
|
if ( !$( items[x] ).hasClass( 'current_position' ) ) {
|
|
$( items[x] ).addClass('container_append');
|
|
} else {
|
|
$( items[x] ).clone(true).appendTo( $active_carousel_group ).addClass('delayed_container_append_dup').attr('id', $( items[x] ).attr('id') + '-dup' );
|
|
$( items[x] ).addClass('delayed_container_append');
|
|
}
|
|
|
|
prev_position--;
|
|
}
|
|
|
|
if ( prev_position <= 0 ) {
|
|
break;
|
|
}
|
|
|
|
if ( x == 0 ) {
|
|
x = items.length;
|
|
}
|
|
}
|
|
|
|
sorted = $portfolio_items.find('.container_append, .delayed_container_append_dup').sort(function (a, b) {
|
|
var el_a_position = parseInt( $(a).data('prev_position') );
|
|
var el_b_position = parseInt( $(b).data('prev_position') );
|
|
return ( el_a_position < el_b_position ) ? -1 : ( el_a_position > el_b_position ) ? 1 : 0;
|
|
});
|
|
|
|
$( sorted ).show().appendTo( $prev_carousel_group );
|
|
|
|
$prev_carousel_group.children().each(function(){
|
|
$(this).css({'width': item_width, 'position':'absolute', 'left': ( item_width * ( $(this).data('prev_position') - 1 ) ) });
|
|
});
|
|
|
|
$active_carousel_group.animate({
|
|
left: '100%'
|
|
}, {
|
|
duration: slide_duration,
|
|
complete: function() {
|
|
$portfolio_items.find('.delayed_container_append').reverse().each(function(){
|
|
$(this).css({'width': item_width, 'position':'absolute', 'left': ( item_width * ( $(this).data('prev_position') - 1 ) ) });
|
|
$(this).prependTo( $prev_carousel_group );
|
|
});
|
|
|
|
$active_carousel_group.removeClass('active');
|
|
$active_carousel_group.children().each(function(){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
$(this).removeClass('position_' + position + ' ' + 'changing_position current_position current_position_' + current_position );
|
|
$(this).data('position', '');
|
|
$(this).data('current_position', '');
|
|
$(this).hide();
|
|
$(this).css({'position': '', 'width': '', 'left': ''});
|
|
$(this).appendTo( $portfolio_items );
|
|
});
|
|
|
|
$active_carousel_group.remove();
|
|
}
|
|
} );
|
|
|
|
$prev_carousel_group.addClass('active').css({'position':'absolute', 'top':0, left: '-100%'});
|
|
$prev_carousel_group.animate({
|
|
left: '0%'
|
|
}, {
|
|
duration: slide_duration,
|
|
complete: function(){
|
|
setTimeout(function(){
|
|
$prev_carousel_group.removeClass('prev').addClass('active').css({'position':'', 'width':'', 'top':'', 'left': ''});
|
|
|
|
$prev_carousel_group.find('.delayed_container_append_dup').remove();
|
|
|
|
$prev_carousel_group.find('.changing_position').each(function( index ){
|
|
position = $(this).data('position');
|
|
current_position = $(this).data('current_position');
|
|
prev_position = $(this).data('prev_position');
|
|
$(this).removeClass('container_append delayed_container_append position_' + position + ' ' + 'changing_position current_position current_position_' + current_position + ' prev_position prev_position_' + prev_position );
|
|
$(this).data('current_position', '');
|
|
$(this).data('prev_position', '');
|
|
position = index + 1;
|
|
$(this).data('position', position );
|
|
$(this).addClass('position_' + position );
|
|
});
|
|
|
|
$prev_carousel_group.children().css({'position': '', 'width': original_item_width, 'left': ''});
|
|
$the_portfolio.data('carouseling', false);
|
|
}, 100 );
|
|
}
|
|
} );
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
} else {
|
|
// setup fullwidth portfolio grid
|
|
set_fullwidth_portfolio_columns( $the_portfolio, false );
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
if ( $et_pb_filterable_portfolio.length ) {
|
|
|
|
$(window).load(function(){
|
|
|
|
$et_pb_filterable_portfolio.each(function(){
|
|
var $the_portfolio = $(this),
|
|
$the_portfolio_items = $the_portfolio.find('.et_pb_portfolio_items'),
|
|
$left_orientatation = true == $the_portfolio.data( 'rtl' ) ? false : true;
|
|
|
|
$the_portfolio.show();
|
|
|
|
set_filterable_grid_items( $the_portfolio );
|
|
|
|
$the_portfolio.on('click', '.et_pb_portfolio_filter a', function(e){
|
|
e.preventDefault();
|
|
var category_slug = $(this).data('category-slug');
|
|
$the_portfolio_items = $(this).parents('.et_pb_filterable_portfolio').find('.et_pb_portfolio_items');
|
|
|
|
if ( 'all' == category_slug ) {
|
|
$the_portfolio.find('.et_pb_portfolio_filter a').removeClass('active');
|
|
$the_portfolio.find('.et_pb_portfolio_filter_all a').addClass('active');
|
|
$the_portfolio.find('.et_pb_portfolio_item').removeClass('active inactive');
|
|
$the_portfolio.find('.et_pb_portfolio_item').show();
|
|
$the_portfolio.find('.et_pb_portfolio_item').addClass('active');
|
|
} else {
|
|
$the_portfolio.find('.et_pb_portfolio_filter_all').removeClass('active');
|
|
$the_portfolio.find('.et_pb_portfolio_filter a').removeClass('active');
|
|
$the_portfolio.find('.et_pb_portfolio_filter_all a').removeClass('active');
|
|
$(this).addClass('active');
|
|
|
|
$the_portfolio_items.find('.et_pb_portfolio_item').hide();
|
|
$the_portfolio_items.find('.et_pb_portfolio_item').addClass( 'inactive' );
|
|
$the_portfolio_items.find('.et_pb_portfolio_item').removeClass('active');
|
|
$the_portfolio_items.find('.et_pb_portfolio_item.project_category_' + $(this).data('category-slug') ).show();
|
|
$the_portfolio_items.find('.et_pb_portfolio_item.project_category_' + $(this).data('category-slug') ).addClass('active').removeClass( 'inactive' );
|
|
}
|
|
|
|
set_filterable_grid_items( $the_portfolio );
|
|
setTimeout(function(){
|
|
set_filterable_portfolio_hash( $the_portfolio );
|
|
}, 500 );
|
|
});
|
|
|
|
$(this).on('et_hashchange', function( event ){
|
|
var params = event.params;
|
|
$the_portfolio = $( '#' + event.target.id );
|
|
|
|
if ( !$the_portfolio.find('.et_pb_portfolio_filter a[data-category-slug="' + params[0] + '"]').hasClass('active') ) {
|
|
$the_portfolio.find('.et_pb_portfolio_filter a[data-category-slug="' + params[0] + '"]').click();
|
|
}
|
|
|
|
if ( params[1] ) {
|
|
setTimeout(function(){
|
|
if ( !$the_portfolio.find('.et_pb_portofolio_pagination a.page-' + params[1]).hasClass('active') ) {
|
|
$the_portfolio.find('.et_pb_portofolio_pagination a.page-' + params[1]).addClass('active').click();
|
|
}
|
|
}, 300 );
|
|
}
|
|
});
|
|
});
|
|
|
|
}); // End $(window).load()
|
|
|
|
function set_filterable_grid_items( $the_portfolio ) {
|
|
var active_category = $the_portfolio.find('.et_pb_portfolio_filter > a.active').data('category-slug'),
|
|
container_width = $the_portfolio.find( '.et_pb_portfolio_items' ).innerWidth(),
|
|
item_width = $the_portfolio.find( '.et_pb_portfolio_item' ).outerWidth( true ),
|
|
last_item_margin = item_width - $the_portfolio.find( '.et_pb_portfolio_item' ).outerWidth(),
|
|
columns_count = Math.round( ( container_width + last_item_margin ) / item_width ),
|
|
counter = 1,
|
|
first_in_row = 1;
|
|
|
|
$the_portfolio.find( '.et_pb_portfolio_item' ).removeClass( 'last_in_row first_in_row' );
|
|
$the_portfolio.find( '.et_pb_portfolio_item' ).each( function() {
|
|
var $this_el = $( this );
|
|
|
|
if ( ! $this_el.hasClass( 'inactive' ) ) {
|
|
if ( first_in_row === counter ) {
|
|
$this_el.addClass( 'first_in_row' );
|
|
}
|
|
|
|
if ( 0 === counter % columns_count ) {
|
|
$this_el.addClass( 'last_in_row' );
|
|
first_in_row = counter + 1;
|
|
}
|
|
counter++;
|
|
}
|
|
});
|
|
|
|
if ( 'all' === active_category ) {
|
|
$the_portfolio_visible_items = $the_portfolio.find('.et_pb_portfolio_item');
|
|
} else {
|
|
$the_portfolio_visible_items = $the_portfolio.find('.et_pb_portfolio_item.project_category_' + active_category);
|
|
}
|
|
|
|
var visible_grid_items = $the_portfolio_visible_items.length,
|
|
posts_number = $the_portfolio.data('posts-number'),
|
|
pages = Math.ceil( visible_grid_items / posts_number );
|
|
|
|
set_filterable_grid_pages( $the_portfolio, pages );
|
|
|
|
var visible_grid_items = 0;
|
|
var _page = 1;
|
|
$the_portfolio.find('.et_pb_portfolio_item').data('page', '');
|
|
$the_portfolio_visible_items.each(function(i){
|
|
visible_grid_items++;
|
|
if ( 0 === parseInt( visible_grid_items % posts_number ) ) {
|
|
$(this).data('page', _page);
|
|
_page++;
|
|
} else {
|
|
$(this).data('page', _page);
|
|
}
|
|
});
|
|
|
|
$the_portfolio_visible_items.filter(function() {
|
|
return $(this).data('page') == 1;
|
|
}).show();
|
|
|
|
$the_portfolio_visible_items.filter(function() {
|
|
return $(this).data('page') != 1;
|
|
}).hide();
|
|
}
|
|
|
|
function set_filterable_grid_pages( $the_portfolio, pages ) {
|
|
$pagination = $the_portfolio.find('.et_pb_portofolio_pagination');
|
|
|
|
if ( !$pagination.length ) {
|
|
return;
|
|
}
|
|
|
|
$pagination.html('<ul></ul>');
|
|
if ( pages <= 1 ) {
|
|
return;
|
|
}
|
|
|
|
$pagination_list = $pagination.children('ul');
|
|
$pagination_list.append('<li class="prev" style="display:none;"><a href="#" data-page="prev" class="page-prev">' + et_custom.prev + '</a></li>');
|
|
for( var page = 1; page <= pages; page++ ) {
|
|
var first_page_class = page === 1 ? ' active' : '',
|
|
last_page_class = page === pages ? ' last-page' : '',
|
|
hidden_page_class = page >= 5 ? ' style="display:none;"' : '';
|
|
$pagination_list.append('<li' + hidden_page_class + ' class="page page-' + page + '"><a href="#" data-page="' + page + '" class="page-' + page + first_page_class + last_page_class + '">' + page + '</a></li>');
|
|
}
|
|
$pagination_list.append('<li class="next"><a href="#" data-page="next" class="page-next">' + et_custom.next + '</a></li>');
|
|
}
|
|
|
|
$et_pb_filterable_portfolio.on('click', '.et_pb_portofolio_pagination a', function(e){
|
|
e.preventDefault();
|
|
|
|
var to_page = $(this).data('page'),
|
|
$the_portfolio = $(this).parents('.et_pb_filterable_portfolio'),
|
|
$the_portfolio_items = $the_portfolio.find('.et_pb_portfolio_items');
|
|
|
|
et_pb_smooth_scroll( $the_portfolio, false, 800 );
|
|
|
|
if ( $(this).hasClass('page-prev') ) {
|
|
to_page = parseInt( $(this).parents('ul').find('a.active').data('page') ) - 1;
|
|
} else if ( $(this).hasClass('page-next') ) {
|
|
to_page = parseInt( $(this).parents('ul').find('a.active').data('page') ) + 1;
|
|
}
|
|
|
|
$(this).parents('ul').find('a').removeClass('active');
|
|
$(this).parents('ul').find('a.page-' + to_page ).addClass('active');
|
|
|
|
var current_index = $(this).parents('ul').find('a.page-' + to_page ).parent().index(),
|
|
total_pages = $(this).parents('ul').find('li.page').length;
|
|
|
|
$(this).parent().nextUntil('.page-' + ( current_index + 3 ) ).show();
|
|
$(this).parent().prevUntil('.page-' + ( current_index - 3 ) ).show();
|
|
|
|
$(this).parents('ul').find('li.page').each(function(i){
|
|
if ( !$(this).hasClass('prev') && !$(this).hasClass('next') ) {
|
|
if ( i < ( current_index - 3 ) ) {
|
|
$(this).hide();
|
|
} else if ( i > ( current_index + 1 ) ) {
|
|
$(this).hide();
|
|
} else {
|
|
$(this).show();
|
|
}
|
|
|
|
if ( total_pages - current_index <= 2 && total_pages - i <= 5 ) {
|
|
$(this).show();
|
|
} else if ( current_index <= 3 && i <= 4 ) {
|
|
$(this).show();
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
if ( to_page > 1 ) {
|
|
$(this).parents('ul').find('li.prev').show();
|
|
} else {
|
|
$(this).parents('ul').find('li.prev').hide();
|
|
}
|
|
|
|
if ( $(this).parents('ul').find('a.active').hasClass('last-page') ) {
|
|
$(this).parents('ul').find('li.next').hide();
|
|
} else {
|
|
$(this).parents('ul').find('li.next').show();
|
|
}
|
|
|
|
$the_portfolio.find('.et_pb_portfolio_item').hide();
|
|
$the_portfolio.find('.et_pb_portfolio_item').filter(function( index ) {
|
|
return $(this).data('page') === to_page;
|
|
}).show();
|
|
|
|
setTimeout(function(){
|
|
set_filterable_portfolio_hash( $the_portfolio );
|
|
}, 500 );
|
|
});
|
|
|
|
function set_filterable_portfolio_hash( $the_portfolio ) {
|
|
|
|
if ( !$the_portfolio.attr('id') ) {
|
|
return;
|
|
}
|
|
|
|
var this_portfolio_state = [];
|
|
this_portfolio_state.push( $the_portfolio.attr('id') );
|
|
this_portfolio_state.push( $the_portfolio.find('.et_pb_portfolio_filter > a.active').data('category-slug') );
|
|
|
|
if ( $the_portfolio.find('.et_pb_portofolio_pagination a.active').length ) {
|
|
this_portfolio_state.push( $the_portfolio.find('.et_pb_portofolio_pagination a.active').data('page') );
|
|
} else {
|
|
this_portfolio_state.push( 1 );
|
|
}
|
|
|
|
this_portfolio_state = this_portfolio_state.join( et_hash_module_param_seperator );
|
|
|
|
et_set_hash( this_portfolio_state );
|
|
}
|
|
} /* end if ( $et_pb_filterable_portfolio.length ) */
|
|
|
|
if ( $et_pb_gallery.length ) {
|
|
|
|
function set_gallery_grid_items( $the_gallery ) {
|
|
var $the_gallery_items_container = $the_gallery.find('.et_pb_gallery_items'),
|
|
$the_gallery_items = $the_gallery_items_container.find('.et_pb_gallery_item');
|
|
|
|
var total_grid_items = $the_gallery_items.length,
|
|
posts_number = $the_gallery_items_container.data('per_page'),
|
|
pages = Math.ceil( total_grid_items / posts_number );
|
|
|
|
set_gallery_grid_pages( $the_gallery, pages );
|
|
|
|
var total_grid_items = 0;
|
|
var _page = 1;
|
|
$the_gallery_items.data('page', '');
|
|
$the_gallery_items.each(function(i){
|
|
total_grid_items++;
|
|
if ( 0 === parseInt( total_grid_items % posts_number ) ) {
|
|
$(this).data('page', _page);
|
|
_page++;
|
|
} else {
|
|
$(this).data('page', _page);
|
|
}
|
|
|
|
});
|
|
|
|
var visible_items = $the_gallery_items.filter(function() {
|
|
return $(this).data('page') == 1;
|
|
}).show();
|
|
|
|
$the_gallery_items.filter(function() {
|
|
return $(this).data('page') != 1;
|
|
}).hide();
|
|
}
|
|
|
|
function set_gallery_grid_pages( $the_gallery, pages ) {
|
|
$pagination = $the_gallery.find('.et_pb_gallery_pagination');
|
|
|
|
if ( !$pagination.length ) {
|
|
return;
|
|
}
|
|
|
|
$pagination.html('<ul></ul>');
|
|
if ( pages <= 1 ) {
|
|
$pagination.hide();
|
|
return;
|
|
}
|
|
|
|
$pagination_list = $pagination.children('ul');
|
|
$pagination_list.append('<li class="prev" style="display:none;"><a href="#" data-page="prev" class="page-prev">' + et_custom.prev + '</a></li>');
|
|
for( var page = 1; page <= pages; page++ ) {
|
|
var first_page_class = page === 1 ? ' active' : '',
|
|
last_page_class = page === pages ? ' last-page' : '',
|
|
hidden_page_class = page >= 5 ? ' style="display:none;"' : '';
|
|
$pagination_list.append('<li' + hidden_page_class + ' class="page page-' + page + '"><a href="#" data-page="' + page + '" class="page-' + page + first_page_class + last_page_class + '">' + page + '</a></li>');
|
|
}
|
|
$pagination_list.append('<li class="next"><a href="#" data-page="next" class="page-next">' + et_custom.next + '</a></li>');
|
|
}
|
|
|
|
function set_gallery_hash( $the_gallery ) {
|
|
|
|
if ( !$the_gallery.attr('id') ) {
|
|
return;
|
|
}
|
|
|
|
var this_gallery_state = [];
|
|
this_gallery_state.push( $the_gallery.attr('id') );
|
|
|
|
if ( $the_gallery.find('.et_pb_gallery_pagination a.active').length ) {
|
|
this_gallery_state.push( $the_gallery.find('.et_pb_gallery_pagination a.active').data('page') );
|
|
} else {
|
|
this_gallery_state.push( 1 );
|
|
}
|
|
|
|
this_gallery_state = this_gallery_state.join( et_hash_module_param_seperator );
|
|
|
|
et_set_hash( this_gallery_state );
|
|
}
|
|
|
|
$et_pb_gallery.each(function(){
|
|
var $the_gallery = $(this);
|
|
|
|
if ( $the_gallery.hasClass( 'et_pb_gallery_grid' ) ) {
|
|
|
|
$the_gallery.show();
|
|
set_gallery_grid_items( $the_gallery );
|
|
|
|
$the_gallery.on('et_hashchange', function( event ){
|
|
var params = event.params;
|
|
$the_gallery = $( '#' + event.target.id );
|
|
|
|
if ( page_to = params[0] ) {
|
|
setTimeout(function(){
|
|
if ( !$the_gallery.find('.et_pb_gallery_pagination a.page-' + page_to ).hasClass('active') ) {
|
|
$the_gallery.find('.et_pb_gallery_pagination a.page-' + page_to ).addClass('active').click();
|
|
}
|
|
}, 300 );
|
|
}
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
$et_pb_gallery.data('paginating', false );
|
|
$et_pb_gallery.on('click', '.et_pb_gallery_pagination a', function(e){
|
|
e.preventDefault();
|
|
|
|
var to_page = $(this).data('page'),
|
|
$the_gallery = $(this).parents('.et_pb_gallery'),
|
|
$the_gallery_items_container = $the_gallery.find('.et_pb_gallery_items'),
|
|
$the_gallery_items = $the_gallery_items_container.find('.et_pb_gallery_item');
|
|
|
|
if ( $the_gallery.data('paginating') ) {
|
|
return;
|
|
}
|
|
|
|
$the_gallery.data('paginating', true );
|
|
|
|
if ( $(this).hasClass('page-prev') ) {
|
|
to_page = parseInt( $(this).parents('ul').find('a.active').data('page') ) - 1;
|
|
} else if ( $(this).hasClass('page-next') ) {
|
|
to_page = parseInt( $(this).parents('ul').find('a.active').data('page') ) + 1;
|
|
}
|
|
|
|
$(this).parents('ul').find('a').removeClass('active');
|
|
$(this).parents('ul').find('a.page-' + to_page ).addClass('active');
|
|
|
|
var current_index = $(this).parents('ul').find('a.page-' + to_page ).parent().index(),
|
|
total_pages = $(this).parents('ul').find('li.page').length;
|
|
|
|
$(this).parent().nextUntil('.page-' + ( current_index + 3 ) ).show();
|
|
$(this).parent().prevUntil('.page-' + ( current_index - 3 ) ).show();
|
|
|
|
$(this).parents('ul').find('li.page').each(function(i){
|
|
if ( !$(this).hasClass('prev') && !$(this).hasClass('next') ) {
|
|
if ( i < ( current_index - 3 ) ) {
|
|
$(this).hide();
|
|
} else if ( i > ( current_index + 1 ) ) {
|
|
$(this).hide();
|
|
} else {
|
|
$(this).show();
|
|
}
|
|
|
|
if ( total_pages - current_index <= 2 && total_pages - i <= 5 ) {
|
|
$(this).show();
|
|
} else if ( current_index <= 3 && i <= 4 ) {
|
|
$(this).show();
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
if ( to_page > 1 ) {
|
|
$(this).parents('ul').find('li.prev').show();
|
|
} else {
|
|
$(this).parents('ul').find('li.prev').hide();
|
|
}
|
|
|
|
if ( $(this).parents('ul').find('a.active').hasClass('last-page') ) {
|
|
$(this).parents('ul').find('li.next').hide();
|
|
} else {
|
|
$(this).parents('ul').find('li.next').show();
|
|
}
|
|
|
|
$the_gallery_items.hide();
|
|
var visible_items = $the_gallery_items.filter(function( index ) {
|
|
return $(this).data('page') === to_page;
|
|
}).show();
|
|
|
|
$the_gallery.data('paginating', false );
|
|
|
|
setTimeout(function(){
|
|
set_gallery_hash( $the_gallery );
|
|
}, 100 );
|
|
|
|
$( 'html, body' ).animate( { scrollTop : $the_gallery.offset().top - 200 }, 200 );
|
|
});
|
|
|
|
} /* end if ( $et_pb_gallery.length ) */
|
|
|
|
if ( $et_pb_counter_amount.length ) {
|
|
$et_pb_counter_amount.each(function(){
|
|
var bar_counter_item_amount = $(this),
|
|
bar_counter_item_amount_number = bar_counter_item_amount.children( '.et_pb_counter_amount_number' ),
|
|
bar_counter_item_amount_number_width = bar_counter_item_amount_number.css('width');
|
|
|
|
bar_counter_item_amount.css({ 'min-width' : bar_counter_item_amount_number_width });
|
|
});
|
|
} /* $et_pb_counter_amount.length */
|
|
|
|
function et_countdown_timer( timer ) {
|
|
var end_date = parseInt( timer.data( 'end-timestamp') ),
|
|
current_date = new Date().getTime() / 1000,
|
|
seconds_left = ( end_date - current_date );
|
|
|
|
days = parseInt(seconds_left / 86400);
|
|
days = days > 0 ? days : 0;
|
|
seconds_left = seconds_left % 86400;
|
|
|
|
hours = parseInt(seconds_left / 3600);
|
|
hours = hours > 0 ? hours : 0;
|
|
|
|
seconds_left = seconds_left % 3600;
|
|
|
|
minutes = parseInt(seconds_left / 60);
|
|
minutes = minutes > 0 ? minutes : 0;
|
|
|
|
seconds = parseInt(seconds_left % 60);
|
|
seconds = seconds > 0 ? seconds : 0;
|
|
|
|
if ( days == 0 ) {
|
|
if ( !timer.find('.days > .value').parent('.section').hasClass('zero') ) {
|
|
timer.find('.days > .value').html( '000' ).parent('.section').addClass('zero').next().addClass('zero');
|
|
}
|
|
} else {
|
|
days_slice = days.toString().length >= 3 ? days.toString().length : 3;
|
|
timer.find('.days > .value').html( ('000' + days).slice(-days_slice) );
|
|
}
|
|
|
|
if ( days == 0 && hours == 0 ) {
|
|
if ( !timer.find('.hours > .value').parent('.section').hasClass('zero') ) {
|
|
timer.find('.hours > .value').html('00').parent('.section').addClass('zero').next().addClass('zero');
|
|
}
|
|
} else {
|
|
timer.find('.hours > .value').html( ( '0' + hours ).slice(-2) );
|
|
}
|
|
|
|
if ( days == 0 && hours == 0 && minutes == 0 ) {
|
|
if ( !timer.find('.minutes > .value').parent('.section').hasClass('zero') ) {
|
|
timer.find('.minutes > .value').html('00').parent('.section').addClass('zero').next().addClass('zero');
|
|
}
|
|
} else {
|
|
timer.find('.minutes > .value').html( ( '0' + minutes ).slice(-2) );
|
|
}
|
|
|
|
if ( days == 0 && hours == 0 && minutes == 0 && seconds == 0 ) {
|
|
if ( !timer.find('.seconds > .value').parent('.section').hasClass('zero') ) {
|
|
timer.find('.seconds > .value').html('00').parent('.section').addClass('zero');
|
|
}
|
|
} else {
|
|
timer.find('.seconds > .value').html( ( '0' + seconds ).slice(-2) );
|
|
}
|
|
}
|
|
|
|
function et_countdown_timer_labels( timer ) {
|
|
if ( timer.closest( '.et_pb_column_3_8' ).length || timer.children('.et_pb_countdown_timer_container').width() <= 250 ) {
|
|
timer.find('.hours .label').html( timer.find('.hours').data('short') );
|
|
timer.find('.minutes .label').html( timer.find('.minutes').data('short') );
|
|
timer.find('.seconds .label').html( timer.find('.seconds').data('short') );
|
|
}
|
|
}
|
|
|
|
if ( $et_pb_countdown_timer.length ) {
|
|
$et_pb_countdown_timer.each(function(){
|
|
var timer = $(this);
|
|
et_countdown_timer_labels( timer );
|
|
et_countdown_timer( timer );
|
|
setInterval(function(){
|
|
et_countdown_timer( timer );
|
|
}, 1000);
|
|
});
|
|
|
|
}
|
|
|
|
if ( $et_pb_tabs.length ) {
|
|
$et_pb_tabs.et_pb_simple_slider( {
|
|
use_controls : false,
|
|
use_arrows : false,
|
|
slide : '.et_pb_all_tabs > div',
|
|
tabs_animation : true
|
|
} ).on('et_hashchange', function( event ){
|
|
var params = event.params;
|
|
var $the_tabs = $( '#' + event.target.id );
|
|
var active_tab = params[0];
|
|
if ( !$the_tabs.find( '.et_pb_tabs_controls li' ).eq( active_tab ).hasClass('et_pb_tab_active') ) {
|
|
$the_tabs.find( '.et_pb_tabs_controls li' ).eq( active_tab ).click();
|
|
}
|
|
});
|
|
|
|
$et_pb_tabs_li.click( function() {
|
|
var $this_el = $(this),
|
|
$tabs_container = $this_el.closest( '.et_pb_tabs' ).data('et_pb_simple_slider');
|
|
|
|
if ( $tabs_container.et_animation_running ) return false;
|
|
|
|
$this_el.addClass( 'et_pb_tab_active' ).siblings().removeClass( 'et_pb_tab_active' );
|
|
|
|
$tabs_container.data('et_pb_simple_slider').et_slider_move_to( $this_el.index() );
|
|
|
|
if ( $this_el.closest( '.et_pb_tabs' ).attr('id') ) {
|
|
var tab_state = [];
|
|
tab_state.push( $this_el.closest( '.et_pb_tabs' ).attr('id') );
|
|
tab_state.push( $this_el.index() );
|
|
tab_state = tab_state.join( et_hash_module_param_seperator );
|
|
et_set_hash( tab_state );
|
|
}
|
|
|
|
return false;
|
|
} );
|
|
}
|
|
|
|
if ( $et_pb_map.length ) {
|
|
google.maps.event.addDomListener(window, 'load', function() {
|
|
$et_pb_map.each(function(){
|
|
var $this_map_container = $(this),
|
|
$this_map = $this_map_container.children('.et_pb_map'),
|
|
this_map_grayscale = $this_map_container.data( 'grayscale' ) || 0;
|
|
|
|
if ( this_map_grayscale !== 0 ) {
|
|
this_map_grayscale = '-' + this_map_grayscale.toString();
|
|
}
|
|
|
|
$this_map_container.data('map', new google.maps.Map( $this_map[0], {
|
|
zoom: parseInt( $this_map.data('zoom') ),
|
|
center: new google.maps.LatLng( parseFloat( $this_map.data('center-lat') ) , parseFloat( $this_map.data('center-lng') )),
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
scrollwheel: $this_map.data('mouse-wheel') == 'on' ? true : false,
|
|
panControlOptions: {
|
|
position: $this_map_container.is( '.et_beneath_transparent_nav' ) ? google.maps.ControlPosition.LEFT_BOTTOM : google.maps.ControlPosition.LEFT_TOP
|
|
},
|
|
zoomControlOptions: {
|
|
position: $this_map_container.is( '.et_beneath_transparent_nav' ) ? google.maps.ControlPosition.LEFT_BOTTOM : google.maps.ControlPosition.LEFT_TOP
|
|
},
|
|
styles: [ {
|
|
stylers: [
|
|
{ saturation: parseInt( this_map_grayscale ) }
|
|
]
|
|
} ]
|
|
}));
|
|
|
|
$this_map_container.data('bounds', new google.maps.LatLngBounds() );
|
|
$this_map_container.find('.et_pb_map_pin').each(function(){
|
|
var $this_marker = $(this),
|
|
position = new google.maps.LatLng( parseFloat( $this_marker.data('lat') ) , parseFloat( $this_marker.data('lng') ) );
|
|
|
|
$this_map_container.data('bounds').extend( position );
|
|
|
|
var marker = new google.maps.Marker({
|
|
position: position,
|
|
map: $this_map_container.data('map'),
|
|
title: $this_marker.data('title'),
|
|
icon: { url: et_custom.builder_images_uri + '/marker.png', size: new google.maps.Size( 46, 43 ), anchor: new google.maps.Point( 16, 43 ) },
|
|
shape: { coord: [1, 1, 46, 43], type: 'rect' },
|
|
anchorPoint: new google.maps.Point(0, -45)
|
|
});
|
|
|
|
if ( $this_marker.find('.infowindow').length ) {
|
|
var infowindow = new google.maps.InfoWindow({
|
|
content: $this_marker.html()
|
|
});
|
|
|
|
google.maps.event.addListener(marker, 'click', function() {
|
|
infowindow.open( $this_map_container.data('map'), marker );
|
|
});
|
|
}
|
|
});
|
|
|
|
setTimeout(function(){
|
|
if ( !$this_map_container.data('map').getBounds().contains( $this_map_container.data('bounds').getNorthEast() ) || !$this_map_container.data('map').getBounds().contains( $this_map_container.data('bounds').getSouthWest() ) ) {
|
|
$this_map_container.data('map').fitBounds( $this_map_container.data('bounds') );
|
|
}
|
|
}, 200 );
|
|
});
|
|
} );
|
|
}
|
|
|
|
if ( $et_pb_shop.length ) {
|
|
$et_pb_shop.each( function() {
|
|
var $this_el = $(this),
|
|
icon = $this_el.data('icon') || '';
|
|
|
|
if ( icon === '' ) {
|
|
return true;
|
|
}
|
|
|
|
$this_el.find( '.et_overlay' )
|
|
.attr( 'data-icon', icon )
|
|
.addClass( 'et_pb_inline_icon' );
|
|
} );
|
|
}
|
|
|
|
if ( $et_pb_circle_counter.length ) {
|
|
|
|
function et_pb_circle_counter_init($the_counter, animate) {
|
|
$the_counter.easyPieChart({
|
|
animate: {
|
|
duration: 1800,
|
|
enabled: true
|
|
},
|
|
size: $the_counter.width(),
|
|
barColor: $the_counter.data( 'bar-bg-color' ),
|
|
trackColor: $the_counter.data( 'color' ) || '#000000',
|
|
trackAlpha: $the_counter.data( 'alpha' ) || '0.1',
|
|
scaleColor: false,
|
|
lineWidth: 5,
|
|
onStart: function() {
|
|
$(this.el).find('.percent p').css({ 'visibility' : 'visible' });
|
|
},
|
|
onStep: function(from, to, percent) {
|
|
$(this.el).find('.percent-value').text( Math.round( parseInt( percent ) ) );
|
|
},
|
|
onStop: function(from, to) {
|
|
$(this.el).find('.percent-value').text( $(this.el).data('number-value') );
|
|
}
|
|
});
|
|
}
|
|
|
|
$et_pb_circle_counter.each(function(){
|
|
var $the_counter = $(this);
|
|
et_pb_circle_counter_init($the_counter, false);
|
|
|
|
$the_counter.on('containerWidthChanged', function( event ){
|
|
$the_counter = $( event.target );
|
|
$the_counter.find('canvas').remove();
|
|
$the_counter.removeData('easyPieChart' );
|
|
et_pb_circle_counter_init($the_counter, true);
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
if ( $et_pb_number_counter.length ) {
|
|
$et_pb_number_counter.each(function(){
|
|
var $this_counter = $(this);
|
|
$this_counter.easyPieChart({
|
|
animate: {
|
|
duration: 1800,
|
|
enabled: true
|
|
},
|
|
size: 0,
|
|
trackColor: false,
|
|
scaleColor: false,
|
|
lineWidth: 0,
|
|
onStart: function() {
|
|
$(this.el).find('.percent p').css({ 'visibility' : 'visible' });
|
|
},
|
|
onStep: function(from, to, percent) {
|
|
if ( percent != to )
|
|
$(this.el).find('.percent-value').text( Math.round( parseInt( percent ) ) );
|
|
},
|
|
onStop: function(from, to) {
|
|
$(this.el).find('.percent-value').text( $(this.el).data('number-value') );
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function et_apply_parallax() {
|
|
var $this = $(this),
|
|
element_top = $this.offset().top,
|
|
window_top = $et_window.scrollTop(),
|
|
y_pos = ( ( ( window_top + $et_window.height() ) - element_top ) * 0.3 ),
|
|
main_position;
|
|
|
|
main_position = 'translate(0, ' + y_pos + 'px)';
|
|
|
|
$this.find('.et_parallax_bg').css( {
|
|
'-webkit-transform' : main_position,
|
|
'-moz-transform' : main_position,
|
|
'-ms-transform' : main_position,
|
|
'transform' : main_position
|
|
} );
|
|
}
|
|
|
|
function et_parallax_set_height() {
|
|
var $this = $(this),
|
|
bg_height;
|
|
|
|
bg_height = ( $et_window.height() * 0.3 + $this.innerHeight() );
|
|
|
|
$this.find('.et_parallax_bg').css( { 'height' : bg_height } );
|
|
}
|
|
|
|
$('.et_pb_toggle_title').click( function(){
|
|
var $this_heading = $(this),
|
|
$module = $this_heading.closest('.et_pb_toggle'),
|
|
$section = $module.parents( '.et_pb_section' ),
|
|
$content = $module.find('.et_pb_toggle_content'),
|
|
$accordion = $module.closest( '.et_pb_accordion' ),
|
|
is_accordion = $accordion.length,
|
|
is_accordion_toggling = $accordion.hasClass( 'et_pb_accordion_toggling' ),
|
|
$accordion_active_toggle;
|
|
|
|
if ( is_accordion ) {
|
|
if ( $module.hasClass('et_pb_toggle_open') || is_accordion_toggling ) {
|
|
return false;
|
|
}
|
|
|
|
$accordion.addClass( 'et_pb_accordion_toggling' );
|
|
$accordion_active_toggle = $module.siblings('.et_pb_toggle_open');
|
|
}
|
|
|
|
if ( $content.is( ':animated' ) ) {
|
|
return;
|
|
}
|
|
|
|
$content.slideToggle( 700, function() {
|
|
if ( $module.hasClass('et_pb_toggle_close') ) {
|
|
$module.removeClass('et_pb_toggle_close').addClass('et_pb_toggle_open');
|
|
} else {
|
|
$module.removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close');
|
|
}
|
|
|
|
if ( $section.hasClass( 'et_pb_section_parallax' ) && !$section.children().hasClass( 'et_pb_parallax_css') ) {
|
|
$.proxy( et_parallax_set_height, $section )();
|
|
}
|
|
} );
|
|
|
|
if ( is_accordion ) {
|
|
$accordion_active_toggle.find('.et_pb_toggle_content').slideToggle( 700, function() {
|
|
$accordion_active_toggle.removeClass( 'et_pb_toggle_open' ).addClass('et_pb_toggle_close');
|
|
$accordion.removeClass( 'et_pb_accordion_toggling' );
|
|
} );
|
|
}
|
|
} );
|
|
|
|
var $et_contact_container = $('.et_pb_contact_form_container');
|
|
|
|
if ( $et_contact_container.length ) {
|
|
var $et_contact_form = $et_contact_container.find( 'form' ),
|
|
$et_contact_submit = $et_contact_container.find( 'input.et_pb_contact_submit' ),
|
|
$et_inputs = $et_contact_form.find('input[type=text],textarea'),
|
|
et_email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/,
|
|
et_contact_error = false,
|
|
$et_contact_message = $et_contact_container.find('.et-pb-contact-message'),
|
|
et_message = '';
|
|
|
|
$et_inputs.live('focus', function(){
|
|
if ( $(this).val() === $(this).siblings('label').text() ) $(this).val("");
|
|
}).live('blur', function(){
|
|
if ($(this).val() === "") $(this).val( $(this).siblings('label').text() );
|
|
});
|
|
|
|
$et_contact_form.on('submit', function(event) {
|
|
et_contact_error = false;
|
|
et_message = '<ul>';
|
|
|
|
$et_inputs.removeClass('et_contact_error');
|
|
|
|
$et_inputs.each(function(index, domEle){
|
|
if ( $(domEle).val() === '' || $(domEle).val() === $(this).siblings('label').text() ) {
|
|
$(domEle).addClass('et_contact_error');
|
|
et_contact_error = true;
|
|
|
|
var default_value = $(this).siblings('label').text();
|
|
if ( default_value == '' ) default_value = et_custom.captcha;
|
|
|
|
et_message += '<li>' + et_custom.fill + ' ' + default_value + ' ' + et_custom.field + '</li>';
|
|
}
|
|
if ( ($(domEle).attr('id') == 'et_contact_email') && !et_email_reg.test($(domEle).val()) ) {
|
|
$(domEle).removeClass('et_contact_error').addClass('et_contact_error');
|
|
et_contact_error = true;
|
|
|
|
if ( !et_email_reg.test($(domEle).val()) ) et_message += '<li>' + et_custom.invalid + '</li>';
|
|
}
|
|
});
|
|
|
|
if ( !et_contact_error ) {
|
|
$href = $(this).attr('action');
|
|
|
|
$et_contact_container.fadeTo('fast',0.2).load($href + ' #' + $et_contact_form.closest('.et_pb_contact_form_container').attr('id'), $(this).serializeArray(), function() {
|
|
$et_contact_container.fadeTo('fast',1);
|
|
});
|
|
}
|
|
|
|
et_message += '</ul>';
|
|
|
|
if ( et_message != '<ul></ul>' )
|
|
$et_contact_message.html(et_message);
|
|
|
|
event.preventDefault();
|
|
});
|
|
}
|
|
|
|
$( '.et_pb_video .et_pb_video_overlay, .et_pb_video_wrap .et_pb_video_overlay' ).click( function() {
|
|
var $this = $(this),
|
|
$video_image = $this.closest( '.et_pb_video_overlay' );
|
|
|
|
$video_image.fadeTo( 500, 0, function() {
|
|
var $image = $(this);
|
|
|
|
$image.css( 'display', 'none' );
|
|
} );
|
|
|
|
return false;
|
|
} );
|
|
|
|
function et_pb_resize_section_video_bg( $video ) {
|
|
$element = typeof $video !== 'undefined' ? $video.closest( '.et_pb_section_video_bg' ) : $( '.et_pb_section_video_bg' );
|
|
|
|
$element.each( function() {
|
|
var $this_el = $(this),
|
|
ratio = ( typeof $this_el.attr( 'data-ratio' ) !== 'undefined' )
|
|
? $this_el.attr( 'data-ratio' )
|
|
: $this_el.find('video').attr( 'width' ) / $this_el.find('video').attr( 'height' ),
|
|
$video_elements = $this_el.find( '.mejs-video, video, object' ).css( 'margin', 0 ),
|
|
$container = $this_el.closest( '.et_pb_section_video' ).length
|
|
? $this_el.closest( '.et_pb_section_video' )
|
|
: $this_el.closest( '.et_pb_slides' ),
|
|
body_width = $container.width(),
|
|
container_height = $container.innerHeight(),
|
|
width, height;
|
|
|
|
if ( typeof $this_el.attr( 'data-ratio' ) == 'undefined' )
|
|
$this_el.attr( 'data-ratio', ratio );
|
|
|
|
if ( body_width / container_height < ratio ) {
|
|
width = container_height * ratio;
|
|
height = container_height;
|
|
} else {
|
|
width = body_width;
|
|
height = body_width / ratio;
|
|
}
|
|
|
|
$video_elements.width( width ).height( height );
|
|
} );
|
|
}
|
|
|
|
function et_pb_center_video( $video ) {
|
|
$element = typeof $video !== 'undefined' ? $video : $( '.et_pb_section_video_bg .mejs-video' );
|
|
|
|
$element.each( function() {
|
|
var $video_width = $(this).width() / 2;
|
|
var $video_width_negative = 0 - $video_width;
|
|
$(this).css("margin-left",$video_width_negative );
|
|
|
|
if ( typeof $video !== 'undefined' ) {
|
|
if ( $video.closest( '.et_pb_slider' ).length && ! $video.closest( '.et_pb_first_video' ).length )
|
|
return false;
|
|
}
|
|
} );
|
|
}
|
|
|
|
function et_fix_slider_height() {
|
|
if ( ! $et_pb_slider.length ) return;
|
|
|
|
$et_pb_slider.each( function() {
|
|
var $slide_section = $(this).parent( '.et_pb_section' ),
|
|
$slide = $(this).find( '.et_pb_slide' ),
|
|
$slide_container = $slide.find( '.et_pb_container' ),
|
|
max_height = 0;
|
|
|
|
// If this is appears at the first section benath transparent nav, skip it
|
|
// leave it to et_fix_page_container_position()
|
|
if ( $slide_section.is( '.et_pb_section_first' ) ){
|
|
return true;
|
|
}
|
|
|
|
$slide_container.css( 'min-height', 0 );
|
|
|
|
$slide.each( function() {
|
|
var $this_el = $(this),
|
|
height = $this_el.innerHeight();
|
|
|
|
if ( max_height < height )
|
|
max_height = height;
|
|
} );
|
|
|
|
$slide_container.css( 'min-height', max_height );
|
|
} );
|
|
}
|
|
|
|
et_pb_form_placeholders_init( $( '.et_pb_newsletter_form' ) );
|
|
|
|
$('.et_pb_fullwidth_menu ul.nav').each(function(i) {
|
|
i++;
|
|
et_duplicate_menu( $(this), $(this).parents('.et_pb_row').find('div .mobile_nav'), 'mobile_menu' + i, 'et_mobile_menu' );
|
|
});
|
|
|
|
$('.et_pb_fullwidth_menu').each(function() {
|
|
var this_menu = $( this ),
|
|
bg_color = this_menu.data( 'bg_color' );
|
|
if ( bg_color ) {
|
|
this_menu.find( 'ul' ).css( { 'background-color' : bg_color } );
|
|
}
|
|
});
|
|
|
|
$et_pb_newsletter_button.click( function( event ) {
|
|
if ( $(this).closest( '.et_pb_login_form' ).length || $(this).closest( '.et_pb_feedburner_form' ).length ) {
|
|
return;
|
|
}
|
|
|
|
event.preventDefault();
|
|
|
|
var $newsletter_container = $(this).closest( '.et_pb_newsletter' ),
|
|
$firstname = $newsletter_container.find( 'input[name="et_pb_signup_firstname"]' ),
|
|
$lastname = $newsletter_container.find( 'input[name="et_pb_signup_lastname"]' ),
|
|
$email = $newsletter_container.find( 'input[name="et_pb_signup_email"]' ),
|
|
list_id = $newsletter_container.find( 'input[name="et_pb_signup_list_id"]' ).val(),
|
|
$result = $newsletter_container.find( '.et_pb_newsletter_result' ).hide(),
|
|
service = $(this).closest( '.et_pb_newsletter_form' ).data( 'service' ) || 'mailchimp';
|
|
|
|
$firstname.removeClass( 'et_pb_signup_error' );
|
|
$lastname.removeClass( 'et_pb_signup_error' );
|
|
$email.removeClass( 'et_pb_signup_error' );
|
|
|
|
et_pb_remove_placeholder_text( $(this).closest( '.et_pb_newsletter_form' ) );
|
|
|
|
if ( $firstname.val() == '' || $email.val() == '' || list_id === '' ) {
|
|
if ( $firstname.val() == '' ) $firstname.addClass( 'et_pb_signup_error' );
|
|
|
|
if ( $email.val() == '' ) $email.addClass( 'et_pb_signup_error' );
|
|
|
|
if ( $firstname.val() == '' )
|
|
$firstname.val( $firstname.siblings( '.et_pb_contact_form_label' ).text() );
|
|
|
|
if ( $lastname.val() == '' )
|
|
$lastname.val( $lastname.siblings( '.et_pb_contact_form_label' ).text() );
|
|
|
|
if ( $email.val() == '' )
|
|
$email.val( $email.siblings( '.et_pb_contact_form_label' ).text() );
|
|
|
|
return;
|
|
}
|
|
|
|
$.ajax( {
|
|
type: "POST",
|
|
url: et_custom.ajaxurl,
|
|
dataType: "json",
|
|
data:
|
|
{
|
|
action : 'et_pb_submit_subscribe_form',
|
|
et_load_nonce : et_custom.et_load_nonce,
|
|
et_list_id : list_id,
|
|
et_firstname : $firstname.val(),
|
|
et_lastname : $lastname.val(),
|
|
et_email : $email.val(),
|
|
et_service : service
|
|
},
|
|
beforeSend: function() {
|
|
$newsletter_container
|
|
.find( '.et_pb_newsletter_button' )
|
|
.addClass( 'et_pb_button_text_loading' )
|
|
.find('.et_subscribe_loader')
|
|
.show();
|
|
},
|
|
complete: function(){
|
|
$newsletter_container
|
|
.find( '.et_pb_newsletter_button' )
|
|
.removeClass( 'et_pb_button_text_loading' )
|
|
.find('.et_subscribe_loader')
|
|
.hide();
|
|
},
|
|
success: function( data ){
|
|
if ( data ) {
|
|
if ( data.error ) {
|
|
$result.html( data.error ).show();
|
|
}
|
|
if ( data.success ) {
|
|
$newsletter_container.find( '.et_pb_newsletter_form > p' ).hide();
|
|
$result.html( data.success ).show();
|
|
}
|
|
} else {
|
|
$result.html( et_custom.subscription_failed ).show();
|
|
}
|
|
}
|
|
} );
|
|
} );
|
|
|
|
function et_fix_testimonial_inner_width() {
|
|
var window_width = $( window ).width();
|
|
|
|
if( window_width > 767 ){
|
|
$( '.et_pb_testimonial' ).each( function() {
|
|
var $testimonial = $(this),
|
|
testimonial_width = $testimonial.width(),
|
|
$portrait = $testimonial.find( '.et_pb_testimonial_portrait' ),
|
|
portrait_width = $portrait.width(),
|
|
$testimonial_inner= $testimonial.find( '.et_pb_testimonial_description_inner' ),
|
|
$outer_column = $testimonial.closest( '.et_pb_column' ),
|
|
testimonial_inner_width = testimonial_width,
|
|
subtract = ! ( $outer_column.hasClass( 'et_pb_column_1_3' ) || $outer_column.hasClass( 'et_pb_column_1_4' ) || $outer_column.hasClass( 'et_pb_column_3_8' ) ) ? portrait_width + 31 : 0;
|
|
|
|
$testimonial_inner.width( testimonial_inner_width - subtract );
|
|
} );
|
|
} else {
|
|
$( '.et_pb_testimonial_description_inner' ).removeAttr( 'style' );
|
|
}
|
|
}
|
|
et_fix_testimonial_inner_width();
|
|
|
|
window.et_calc_fullscreen_section = function() {
|
|
var $et_window = $(window),
|
|
$body = $( 'body' ),
|
|
$wpadminbar = $( '#wpadminbar' ),
|
|
et_is_vertical_nav = $body.hasClass( 'et_vertical_nav' ),
|
|
$this_section = $(this),
|
|
this_section_index = $this_section.index('.et_pb_fullwidth_header'),
|
|
$header = $this_section.children('.et_pb_fullwidth_header_container'),
|
|
$header_content = $header.children('.header-content-container'),
|
|
$header_image = $header.children('.header-image-container'),
|
|
sectionHeight = $et_window.height(),
|
|
$wpadminbar = $('#wpadminbar'),
|
|
$top_header = $('#top-header'),
|
|
$main_header = $('#main-header'),
|
|
et_header_height,
|
|
secondary_nav_height;
|
|
|
|
secondary_nav_height = $top_header.length && $top_header.is( ':visible' ) ? $top_header.innerHeight() : 0;
|
|
et_header_height = $main_header.length ? $main_header.innerHeight() + secondary_nav_height : 0;
|
|
|
|
var calc_header_offset = ( $wpadminbar.length ) ? et_header_height + $wpadminbar.innerHeight() - 1 : et_header_height - 1;
|
|
|
|
// Section height adjustment differs in vertical and horizontal nav
|
|
if ( $body.hasClass('et_vertical_nav') ) {
|
|
if ( $et_window.width() >= 980 && $top_header.length ) {
|
|
sectionHeight -= $top_header.height();
|
|
}
|
|
|
|
if ( $wpadminbar.length ) {
|
|
sectionHeight -= $wpadminbar.height();
|
|
}
|
|
} else {
|
|
if ( $body.hasClass('et_hide_nav' ) ) {
|
|
// If user is logged in and hide navigation is in use, adjust the section height
|
|
if ( $wpadminbar.length ) {
|
|
sectionHeight -= $wpadminbar.height();
|
|
}
|
|
|
|
// In mobile, header always appears. Adjust the section height
|
|
if ( $et_window.width() < 981 && ! $body.hasClass('et_transparent_nav') ) {
|
|
sectionHeight -= $('#main-header').height();
|
|
}
|
|
} else {
|
|
if ( $this_section.offset().top <= calc_header_offset + 3 ) {
|
|
if ( et_is_vertical_nav ) {
|
|
var $top_header = $('#top-header'),
|
|
top_header_height = ( $top_header.length && 0 === $this_section.index( '.et_pb_fullscreen' ) ) ? $top_header.height() : 0,
|
|
wpadminbar_height = ( $wpadminbar.length && 0 === $this_section.index( '.et_pb_fullscreen' ) ) ? $wpadminbar.height() : 0,
|
|
calc_header_offset_vertical = wpadminbar_height + top_header_height;
|
|
|
|
sectionHeight -= calc_header_offset_vertical;
|
|
} else {
|
|
sectionHeight -= calc_header_offset;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// If the transparent primary nav + hide nav until scroll is being used,
|
|
// cancel automatic padding-top added by transparent nav mechanism
|
|
if ( $body.hasClass('et_transparent_nav') && $body.hasClass( 'et_hide_nav' ) && 0 === this_section_index ) {
|
|
$this_section.css( 'padding-top', '' );
|
|
}
|
|
|
|
$this_section.css('min-height', sectionHeight + 'px' );
|
|
$header.css('min-height', sectionHeight + 'px' );
|
|
|
|
if ( $header.hasClass('center') && $header_content.hasClass('bottom') && $header_image.hasClass('bottom') ) {
|
|
$header.addClass('bottom-bottom');
|
|
}
|
|
|
|
if ( $header.hasClass('center') && $header_content.hasClass('center') && $header_image.hasClass('center') ) {
|
|
$header.addClass('center-center');
|
|
}
|
|
|
|
if ( $header.hasClass('center') && $header_content.hasClass('center') && $header_image.hasClass('bottom') ) {
|
|
$header.addClass('center-bottom');
|
|
|
|
var contentHeight = sectionHeight - $header_image.outerHeight( true );
|
|
|
|
if ( contentHeight > 0 ) {
|
|
$header_content.css('min-height', contentHeight + 'px' );
|
|
}
|
|
}
|
|
|
|
if ( $header.hasClass('center') && $header_content.hasClass('bottom') && $header_image.hasClass('center') ) {
|
|
$header.addClass('bottom-center');
|
|
}
|
|
|
|
if ( ( $header.hasClass('left') || $header.hasClass('right') ) && !$header_content.length && $header_image.length ) {
|
|
$header.css('justify-content', 'flex-end');
|
|
}
|
|
|
|
if ( $header.hasClass('center') && $header_content.hasClass('bottom') && !$header_image.length ) {
|
|
$header_content.find('.header-content').css( 'margin-bottom', 80 + 'px' );
|
|
}
|
|
|
|
if ( $header_content.hasClass('bottom') && $header_image.hasClass('center') ) {
|
|
$header_image.find('.header-image').css( 'margin-bottom', 80 + 'px' );
|
|
$header_image.css('align-self', 'flex-end');
|
|
}
|
|
}
|
|
|
|
$( window ).resize( function(){
|
|
var window_width = $et_window.width(),
|
|
et_container_css_width = $et_container.css( 'width' ),
|
|
et_container_width_in_pixel = ( typeof et_container_css_width !== 'undefined' ) ? et_container_css_width.substr( -1, 1 ) !== '%' : '',
|
|
et_container_actual_width = ( et_container_width_in_pixel ) ? $et_container.width() : ( ( $et_container.width() / 100 ) * window_width ), // $et_container.width() doesn't recognize pixel or percentage unit. It's our duty to understand what it returns and convert it properly
|
|
containerWidthChanged = et_container_width !== et_container_actual_width;
|
|
|
|
et_pb_resize_section_video_bg();
|
|
et_pb_center_video();
|
|
et_fix_slider_height();
|
|
|
|
$et_pb_fullwidth_portfolio.each(function(){
|
|
set_container_height = $(this).hasClass('et_pb_fullwidth_portfolio_carousel') ? true : false;
|
|
set_fullwidth_portfolio_columns( $(this), set_container_height );
|
|
});
|
|
|
|
if ( containerWidthChanged ) {
|
|
$('.container-width-change-notify').trigger('containerWidthChanged');
|
|
|
|
setTimeout( function() {
|
|
$et_pb_filterable_portfolio.each(function(){
|
|
set_filterable_grid_items( $(this) );
|
|
});
|
|
$et_pb_gallery.each(function(){
|
|
if ( $(this).hasClass( 'et_pb_gallery_grid' ) ) {
|
|
set_gallery_grid_items( $(this) );
|
|
}
|
|
});
|
|
}, 100 );
|
|
|
|
et_container_width = et_container_actual_width;
|
|
|
|
etRecalculateOffset = true;
|
|
|
|
if ( $et_pb_circle_counter.length ) {
|
|
$et_pb_circle_counter.each(function(){
|
|
var $this_counter = $(this);
|
|
$this_counter.data('easyPieChart').update( $this_counter.data('number-value') );
|
|
});
|
|
}
|
|
}
|
|
|
|
et_fix_testimonial_inner_width();
|
|
} );
|
|
|
|
$( window ).ready( function(){
|
|
if ( $.fn.fitVids ) {
|
|
$( '.et_pb_slide_video' ).fitVids();
|
|
}
|
|
|
|
et_fix_video_wmode('.fluid-width-video-wrapper');
|
|
|
|
et_fix_slider_height();
|
|
} );
|
|
|
|
$( window ).load( function(){
|
|
et_fix_fullscreen_section();
|
|
|
|
$( 'section.et_pb_fullscreen' ).each( function(){
|
|
var $this_section = $( this );
|
|
|
|
$.proxy( et_calc_fullscreen_section, $this_section )();
|
|
|
|
$et_window.on( 'resize', $.proxy( et_calc_fullscreen_section, $this_section ) );
|
|
});
|
|
|
|
$( '.et_pb_fullwidth_header_scroll a' ).click( function( event ) {
|
|
event.preventDefault();
|
|
|
|
var $this_section = $(this).parents( 'section' ),
|
|
is_next_fullscreen = $this_section.next().hasClass( 'et_pb_fullscreen' ),
|
|
$wpadminbar = $('#wpadminbar'),
|
|
wpadminbar_height = ( $wpadminbar.length && ! is_next_fullscreen ) ? $wpadminbar.height() : 0,
|
|
main_header_height = is_next_fullscreen || ! et_is_fixed_nav ? 0 : $main_header.height(),
|
|
top_header_height = is_next_fullscreen || ! et_is_fixed_nav ? 0 : $top_header.height(),
|
|
section_bottom = $this_section.offset().top + $this_section.outerHeight( true ) - ( wpadminbar_height + top_header_height + main_header_height );
|
|
|
|
if ( $this_section.length ) {
|
|
$( 'html, body' ).animate( { scrollTop : section_bottom }, 800 );
|
|
|
|
if ( ! $( '#main-header' ).hasClass( 'et-fixed-header' ) && $( 'body' ).hasClass( 'et_fixed_nav' ) && $( window ).width() > 980 ) {
|
|
setTimeout(function(){
|
|
var section_offset_top = $this_section.offset().top,
|
|
section_height = $this_section.outerHeight( true ),
|
|
main_header_height = is_next_fullscreen ? 0 : $main_header.height(),
|
|
section_bottom = section_offset_top + section_height - ( main_header_height + top_header_height + wpadminbar_height);
|
|
|
|
$( 'html, body' ).animate( { scrollTop : section_bottom }, 280, 'linear' );
|
|
}, 780 );
|
|
}
|
|
}
|
|
});
|
|
|
|
setTimeout( function() {
|
|
$( '.et_pb_preload' ).removeClass( 'et_pb_preload' );
|
|
}, 500 );
|
|
|
|
if ( $.fn.hashchange ) {
|
|
$(window).hashchange( function(){
|
|
var hash = window.location.hash.substring(1);
|
|
process_et_hashchange( hash );
|
|
});
|
|
$(window).hashchange();
|
|
}
|
|
|
|
if ( $et_pb_parallax.length && !et_is_mobile_device ) {
|
|
$et_pb_parallax.each(function(){
|
|
if ( $(this).hasClass('et_pb_parallax_css') ) {
|
|
return;
|
|
}
|
|
|
|
var $this_parent = $(this).parent();
|
|
|
|
$.proxy( et_parallax_set_height, $this_parent )();
|
|
|
|
$.proxy( et_apply_parallax, $this_parent )();
|
|
|
|
$et_window.on( 'scroll', $.proxy( et_apply_parallax, $this_parent ) );
|
|
|
|
$et_window.on( 'resize', $.proxy( et_parallax_set_height, $this_parent ) );
|
|
$et_window.on( 'resize', $.proxy( et_apply_parallax, $this_parent ) );
|
|
|
|
$this_parent.find('.et-learn-more .heading-more').click( function() {
|
|
setTimeout(function(){
|
|
$.proxy( et_parallax_set_height, $this_parent )();
|
|
}, 300 );
|
|
});
|
|
});
|
|
}
|
|
|
|
if ( $( '.et_pb_audio_module .mejs-audio' ).length || $( '.et_audio_content .mejs-audio' ).length ) {
|
|
$( '.et_pb_audio_module .mejs-audio, .et_audio_content .mejs-audio' ).each( function(){
|
|
var $this_player = $( this ),
|
|
$count_timer = $this_player.find( 'div.mejs-currenttime-container' ),
|
|
$time_rail = $this_player.find( '.mejs-time-rail' ),
|
|
$time_slider = $this_player.find( '.mejs-time-slider' ),
|
|
player_width = $this_player.innerWidth(),
|
|
controls_play_width = $this_player.find( '.mejs-play' ).outerWidth(),
|
|
time_width = $this_player.find( '.mejs-currenttime-container' ).outerWidth(),
|
|
volume_icon_width = $this_player.find( '.mejs-volume-button' ).outerWidth(),
|
|
volume_bar_width = $this_player.find( '.mejs-horizontal-volume-slider' ).outerWidth(),
|
|
new_time_rail_width;
|
|
|
|
$count_timer.addClass( 'custom' );
|
|
$this_player.find( '.mejs-controls div.mejs-duration-container' ).replaceWith( $count_timer );
|
|
new_time_rail_width = player_width - ( controls_play_width + time_width + volume_icon_width + volume_bar_width + 65 );
|
|
$time_rail.width( new_time_rail_width );
|
|
$time_slider.width( new_time_rail_width );
|
|
});
|
|
}
|
|
|
|
if ( $.fn.waypoint ) {
|
|
$( '.et_pb_counter_container, .et-waypoint' ).waypoint( {
|
|
offset: '75%',
|
|
handler: function() {
|
|
$(this).addClass( 'et-animated' );
|
|
}
|
|
} );
|
|
|
|
if ( $et_pb_circle_counter.length ) {
|
|
$et_pb_circle_counter.each(function(){
|
|
var $this_counter = $(this);
|
|
$this_counter.waypoint({
|
|
offset: '65%',
|
|
handler: function() {
|
|
$this_counter.data('easyPieChart').update( $this_counter.data('number-value') );
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
if ( $et_pb_number_counter.length ) {
|
|
$et_pb_number_counter.each(function(){
|
|
var $this_counter = $(this);
|
|
$this_counter.waypoint({
|
|
offset: '75%',
|
|
handler: function() {
|
|
$this_counter.data('easyPieChart').update( $this_counter.data('number-value') );
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
} );
|
|
|
|
if ( $( '.et_pb_row' ).length ) {
|
|
$( '.et_pb_row' ).each( function() {
|
|
var $this_row = $( this ),
|
|
row_class = '';
|
|
|
|
row_class = et_get_column_types( $this_row.find( '>.et_pb_column' ) );
|
|
|
|
if ( '' !== row_class && ( -1 !== row_class.indexOf( '1-4' ) || '_4col' === row_class ) ) {
|
|
$this_row.addClass( 'et_pb_row' + row_class );
|
|
}
|
|
|
|
if ( $this_row.find( '.et_pb_row_inner' ).length ) {
|
|
$this_row.find( '.et_pb_row_inner' ).each( function() {
|
|
var $this_row_inner = $( this );
|
|
row_class = et_get_column_types( $this_row_inner.find( '.et_pb_column' ) );
|
|
|
|
if ( '' !== row_class && -1 !== row_class.indexOf( '1-4' ) ) {
|
|
$this_row_inner.addClass( 'et_pb_row' + row_class );
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function et_get_column_types( $columns ) {
|
|
var row_class = '';
|
|
|
|
if ( $columns.length ) {
|
|
$columns.each( function() {
|
|
var $this_column = $( this ),
|
|
column_type = $this_column.attr( 'class' ).split( 'et_pb_column_' )[1],
|
|
column_type_updated = column_type.replace( '_', '-' ).trim();
|
|
|
|
row_class += '_' + column_type_updated;
|
|
});
|
|
|
|
row_class = '_1-4_1-4_1-4_1-4' === row_class ? '_4col' : row_class;
|
|
}
|
|
|
|
return row_class;
|
|
}
|
|
|
|
if ( $( '.et_section_specialty' ).length ) {
|
|
$( '.et_section_specialty' ).each( function() {
|
|
var this_row = $( this ).find( '.et_pb_row' );
|
|
|
|
this_row.find( '>.et_pb_column:not(.et_pb_specialty_column)' ).addClass( 'et_pb_column_single' );
|
|
});
|
|
}
|
|
|
|
/**
|
|
* In particular browser, map + parallax doesn't play well due the use of CSS 3D transform
|
|
*/
|
|
if ( $('.et_pb_section_parallax').length && $('.et_pb_map').length ) {
|
|
$('body').addClass( 'parallax-map-support' );
|
|
}
|
|
});
|
|
})(jQuery) |