to an
if(fallback_link != "")
{
if(appendTo.is('a'))
{
appendTo.attr('href', fallback_link);
}
else
{
appendTo.find('a').remove();
appendTo.replaceWith(function(){
var cur_slide = $(this);
return $("").attr({'data-rel': cur_slide.data('rel'), 'class': cur_slide.attr('class'), 'href': fallback_link} ).append( $(this).contents() );
});
appendTo = current.find('.avia-slide-wrap');
}
if($.fn.avia_activate_lightbox)
{
current.parents('#main').avia_activate_lightbox();
}
}
}
else
{
var image = '
';
var lightbox = false;
if( 'string' == typeof fallback_link && fallback_link.trim() != '' )
{
if( appendTo.is('a') )
{
appendTo.attr('href', fallback_link);
}
else
{
var rel = fallback_link.match(/\.(jpg|jpeg|gif|png)$/i) != null ? ' rel="lightbox" ' : '';
image = '' + image + '';
}
lightbox = true;
}
current.find('.avia-slide-wrap').append(image);
if( lightbox && $.fn.avia_activate_lightbox)
{
current.parents('#main').avia_activate_lightbox();
}
}
});
}
if ($('html').is('.pointer-device-fine'))
{
if( $('body').is('.avia-slider-video-controls-fix-support'))
{
avia_slider_video_controls_fix(this);
}
}
},
//start preloading the background images
_bgPreloadImages: function(callback)
{
this._getImageURLS();
this._preloadSingle(0, function()
{
this._kickOff();
this._preloadNext(1);
});
},
//if we are using a background image slider, fetch the images from a data attribute and preload them one by one
_getImageURLS: function()
{
var _self = this;
//collect url strings of the images to preload
this.$slides.each( function(i)
{
_self.imageUrls[i] = [];
_self.imageUrls[i]['url'] = $(this).data("img-url");
//if no image is passed we can set the slide to loaded
if(typeof _self.imageUrls[i]['url'] == 'string')
{
_self.imageUrls[i]['status'] = false;
}
else
{
_self.imageUrls[i]['status'] = true;
}
});
},
_preloadSingle: function(key, callback)
{
var _self = this,
objImage = new Image();
if( typeof _self.imageUrls[key]['url'] == 'string' )
{
$(objImage).on('load error', function()
{
_self.imageUrls[key]['status'] = true;
_self.$slides.eq(key).css('background-image','url(' + _self.imageUrls[key]['url'] + ')');
if( typeof callback == 'function' )
{
callback.apply( _self, [objImage, key] );
}
});
if(_self.imageUrls[key]['url'] != "")
{
objImage.src = _self.imageUrls[key]['url'];
}
else
{
$(objImage).trigger('error');
}
}
else
{
if( typeof callback == 'function' )
{
callback.apply( _self, [objImage, key] );
}
}
},
_preloadNext: function(key)
{
if(typeof this.imageUrls[key] != "undefined")
{
this._preloadSingle(key, function()
{
this._preloadNext(key + 1);
});
}
},
//bind click events of slide controlls to the public functions
_bindEvents: function()
{
var self = this,
win = $( window );
this.$slider.on( 'click', '.next-slide', this.next.bind( this ) );
this.$slider.on( 'click', '.prev-slide', this.previous.bind( this ) );
this.$slider.on( 'click', '.goto-slide', this.go2.bind( this ) );
if( this.options.hoverpause )
{
this.$slider.on( 'mouseenter', this.pause.bind( this ) );
this.$slider.on( 'mouseleave', this.resume.bind( this ) );
}
// activate permanent caption link of image
if( this.permaCaption.length )
{
this.permaCaption.on( 'click', this._routePermaCaptionClick );
this.$slider.on( 'avia_slider_first_slide avia_slider_last_slide avia_slider_navigate_slide', this._setPermaCaptionPointer.bind( this ) );
}
if( this.options.stopinfiniteloop && this.options.autoplay )
{
if( this.options.stopinfiniteloop == 'last' )
{
this.$slider.on( 'avia_slider_last_slide', this._stopSlideshow.bind( this ) );
}
else if( this.options.stopinfiniteloop == 'first' )
{
this.$slider.on( 'avia_slider_first_slide', this._stopSlideshow.bind( this ) );
}
}
if( this.options.carousel === 'yes' )
{
// recalculate carousel dimensions on viewport size change
// use on desktop only, debouncedresize fires on scroll on mobile
if( ! this.isMobile )
{
win.on( 'debouncedresize', this._buildCarousel.bind( this ) );
}
}
else
{
win.on( 'debouncedresize.aviaSlider', this._setSize.bind( this ) );
}
if( ! this.options.noNavigation )
{
//if its a desktop browser add arrow navigation, otherwise add touch nav (also for touch devices)
if( ! this.isMobile )
{
this.$slider.avia_keyboard_controls();
}
if( this.isMobile || this.isTouchDevice )
{
this.$slider.avia_swipe_trigger();
}
}
self._attach_video_events();
},
//kickoff the slider by binding all functions to slides and buttons, show the first slide and start autoplay
_kickOff: function()
{
var self = this,
first_slide = self.$slides.eq(0),
video = first_slide.data('video-ratio');
// bind events to to the controll buttons
self._bindEvents();
self._set_slide_arrows_visibility();
this.$slider.removeClass('av-default-height-applied');
//show the first slide. if its a video set the correct size, otherwise make sure to remove the % padding
if( video )
{
self._setSize( true );
}
else
{
if( this.options.keep_padding != true )
{
self.$sliderUl.css('padding',0);
self.$win.trigger('av-height-change');
}
}
self._setCenter();
if( this.options.carousel === 'no' )
{
first_slide.addClass( 'next-active-slide' );
first_slide.css( {visibility:'visible', opacity:0} ).avia_animate( {opacity:1}, function()
{
var current = $(this).addClass( 'active-slide' );
if( self.permaCaption.length )
{
self.permaCaption.addClass( 'active-slide' );
}
});
}
self.$slider.trigger( 'avia_slider_first_slide' );
// start autoplay if active
if( self.options.autoplay )
{
self._startSlideshow();
}
// prepare carousel if active
if( self.options.carousel === 'yes' )
{
self._buildCarousel();
}
self.$slider.trigger( '_kickOff' );
},
_set_slide_arrows_visibility: function()
{
// special use case - hardcoded as only used in timeline
if( this.options.carousel == 'yes' )
{
if( 0 == this.currentCarousel )
{
this.slide_arrows.removeClass( 'av-visible-prev' );
this.slide_arrows.addClass( 'av-visible-next' );
}
else if( this.currentCarousel + this.options.carouselSlidesToShow >= this.itemsCount )
{
this.slide_arrows.addClass( 'av-visible-prev' );
this.slide_arrows.removeClass( 'av-visible-next' );
}
else
{
this.slide_arrows.addClass( 'av-visible-prev' );
this.slide_arrows.addClass( 'av-visible-next' );
}
return;
}
if( 'endless' == this.options.loop_autoplay || 'manual-endless' == this.options.loop_manual )
{
this.slide_arrows.addClass( 'av-visible-prev' );
this.slide_arrows.addClass( 'av-visible-next' );
}
else if( 0 == this.current )
{
this.slide_arrows.removeClass( 'av-visible-prev' );
this.slide_arrows.addClass( 'av-visible-next' );
}
else if( this.current + 1 >= this.itemsCount )
{
this.slide_arrows.addClass( 'av-visible-prev' );
this.slide_arrows.removeClass( 'av-visible-next' );
}
else
{
this.slide_arrows.addClass( 'av-visible-prev' );
this.slide_arrows.addClass( 'av-visible-next' );
}
},
_buildCarousel: function()
{
var self = this,
stageWidth = this.$slider.outerWidth(),
slidesWidth = parseInt(stageWidth / this.options.carouselSlidesToShow),
windowWidth = window.innerWidth || $(window).width();
// responsive carousel
if( this.options.carouselResponsive &&
this.options.carouselResponsive.length &&
this.options.carouselResponsive !== null )
{
for( var breakpoint in this.options.carouselResponsive )
{
var breakpointValue = this.options.carouselResponsive[breakpoint]['breakpoint'];
var newSlidesToShow = this.options.carouselResponsive[breakpoint]['settings']['carouselSlidesToShow'];
if( breakpointValue >= windowWidth )
{
slidesWidth = parseInt(stageWidth / newSlidesToShow);
this.options.carouselSlidesToShow = newSlidesToShow;
}
}
}
// set width and height for each slide
this.slideWidthCarousel = slidesWidth;
this.$slides.each(function(i)
{
$(this).width(slidesWidth);
});
// set width for the UL
var slideTrackWidth = slidesWidth * this.itemsCount;
this.$sliderUl.width(slideTrackWidth).css( 'transform', 'translateX(0px)' );
// hide nav if not needed
if( this.options.carouselSlidesToShow >= this.itemsCount )
{
this.$slider.find('.av-timeline-nav').hide();
}
},
//calculate which slide should be displayed next and call the executing transition function
_navigate: function( dir, pos )
{
if( this.isAnimating || this.itemsCount < 2 || ! this.$slider.is( ':visible' ) )
{
return false;
}
this.isAnimating = true;
// current item's index
this.prev = this.current;
// if position is passed
if( pos !== undefined )
{
this.current = pos;
dir = this.current > this.prev ? 'next' : 'prev';
}
// if not check the boundaries
else if( dir === 'next' )
{
this.current = this.current < this.itemsCount - 1 ? this.current + 1 : 0;
if( this.current === 0 && this.options.autoplay_stopper && this.options.autoplay )
{
this.isAnimating = false;
this.current = this.prev;
this._stopSlideshow();
return false;
}
// check if we can rotate
if( 0 === this.current )
{
if( 'endless' != this.options.loop_autoplay && 'manual-endless' != this.options.loop_manual )
{
this.isAnimating = false;
this.current = this.prev;
return false;
}
}
}
else if( dir === 'prev' )
{
this.current = this.current > 0 ? this.current - 1 : this.itemsCount - 1;
// check if we can rotate
if( this.itemsCount - 1 === this.current )
{
if( 'endless' != this.options.loop_autoplay && 'manual-endless' != this.options.loop_manual )
{
this.isAnimating = false;
this.current = this.prev;
return false;
}
}
}
//set goto button
this.gotoButtons.removeClass( 'active' ).eq( this.current ).addClass( 'active' );
this._set_slide_arrows_visibility();
//set slideshow size if carousel not in use
if( this.options.carousel === 'no' )
{
this._setSize();
}
//if we are using a background slider make sure that the image is loaded. if not preload it, then show the slide
if( this.options.bg_slider == true )
{
if( this.imageUrls[this.current]['status'] == true )
{
this['_' + this.options.animation].call(this, dir);
}
else
{
this.loader.show();
this._preloadSingle(this.current, function()
{
this['_' + this.options.animation].call( this, dir );
this.loader.hide();
});
}
}
else //no background loader -> images are already loaded
{
//call the executing function. for example _slide, or _fade. since the function call is absed on a var we can easily extend the slider with new animations
this['_' + this.options.animation].call( this, dir );
}
if( this.current == 0 )
{
this.loopCount++;
this.$slider.trigger( 'avia_slider_first_slide' );
}
else if( this.current == this.itemsCount - 1 )
{
this.$slider.trigger( 'avia_slider_last_slide' );
}
else
{
this.$slider.trigger( 'avia_slider_navigate_slide' );
}
},
//if the next slide has a different height than the current change the slideshow height
_setSize: function(instant)
{
//if images are attached as bg images the slider has a fixed height
if( this.options.bg_slider == true )
{
return;
}
var self = this,
slide = this.$slides.eq(this.current),
img = slide.find('img'),
current = Math.floor(this.$sliderUl.height()),
ratio = slide.data('video-ratio'),
setTo = ratio ? this.$sliderUl.width() / ratio : Math.floor(slide.height()),
video_height = slide.data('video-height'), //forced video height %. needs to be set only once
video_toppos = slide.data('video-toppos'); //forced video top position
this.$sliderUl.height(current).css('padding',0); //make sure to set the slideheight to an actual value
if(setTo != current)
{
if(instant == true)
{
this.$sliderUl.css({height:setTo});
this.$win.trigger('av-height-change');
}
else
{
this.$sliderUl.avia_animate({height:setTo}, function()
{
self.$win.trigger('av-height-change');
});
}
}
this._setCenter();
if(video_height && video_height!= "set")
{
slide.find('iframe, embed, video, object, .av_youtube_frame').css({height: video_height + '%', top: video_toppos + '%'});
slide.data('video-height','set');
}
},
_setCenter: function()
{
//if the image has a min width and is larger than the slider center it
//positon img based on caption. right caption->left pos, left caption -> right pos
var slide = this.$slides.eq(this.current),
img = slide.find('img'),
min_width = parseInt(img.css('min-width'),10),
slide_width = slide.width(),
caption = slide.find('.av-slideshow-caption'),
css_left = ((slide_width - min_width) / 2);
if(caption.length)
{
if(caption.is('.caption_left'))
{
css_left = ((slide_width - min_width) / 1.5);
}
else if(caption.is('.caption_right'))
{
css_left = ((slide_width - min_width) / 2.5);
}
}
if(slide_width >= min_width)
{
css_left = 0;
}
img.css({left:css_left});
},
_carouselmove : function(){
// var offset = (this.options.carouselSlidesToScroll*this.slideWidthCarousel)*this.currentCarousel;
var offset = this.slideWidthCarousel * this.currentCarousel;
this.$sliderUl.css('transform', 'translateX(-' + offset + 'px)');
},
_carouselslide: function(dir)
{
console.log( '_carouselslide:', dir, this.currentCarousel );
if( dir === 'next' )
{
if (this.options.carouselSlidesToShow + this.currentCarousel < this.itemsCount)
{
this.currentCarousel++;
this._carouselmove();
}
}
else if( dir === 'prev' )
{
if( this.currentCarousel > 0 )
{
this.currentCarousel--;
this._carouselmove();
}
}
this._set_slide_arrows_visibility();
this.isAnimating = false;
},
_slide: function(dir)
{
var dynamic = false, //todo: pass by option if a slider is dynamic
modifier = dynamic == true ? 2 : 1,
sliderWidth = this.$slider.width(),
direction = dir === 'next' ? -1 : 1,
property = this.browserPrefix + 'transform',
reset = {},
transition = {},
transition2 = {},
trans_val = ( sliderWidth * direction * -1 ),
trans_val2 = ( sliderWidth * direction ) / modifier;
//do a css3 animation
if(this.cssActive)
{
property = this.browserPrefix + 'transform';
//do a translate 3d transformation if available, since it uses hardware acceleration
if(this.css3DActive)
{
reset[property] = "translate3d(" + trans_val + "px, 0, 0)";
transition[property] = "translate3d(" + trans_val2 + "px, 0, 0)";
transition2[property] = "translate3d(0,0,0)";
}
else //do a 2d transform. still faster than a position "left" change
{
reset[property] = "translate(" + trans_val + "px,0)";
transition[property] = "translate(" + trans_val2 + "px,0)";
transition2[property] = "translate(0,0)";
}
}
else
{
reset.left = trans_val;
transition.left = trans_val2;
transition2.left = 0;
}
if(dynamic)
{
transition['z-index'] = "1";
transition2['z-index'] = "2";
}
this._slide_animate(reset, transition, transition2);
},
_slide_up: function(dir)
{
var dynamic = true, //todo: pass by option if a slider is dynamic
modifier = dynamic == true ? 2 : 1,
sliderHeight = this.$slider.height(),
direction = dir === 'next' ? -1 : 1,
property = this.browserPrefix + 'transform',
reset = {},
transition = {},
transition2 = {},
trans_val = ( sliderHeight * direction * -1),
trans_val2 = ( sliderHeight * direction) / modifier;
//do a css3 animation
if(this.cssActive)
{
property = this.browserPrefix + 'transform';
//do a translate 3d transformation if available, since it uses hardware acceleration
if(this.css3DActive)
{
reset[property] = "translate3d( 0," + trans_val + "px, 0)";
transition[property] = "translate3d( 0," + trans_val2 + "px, 0)";
transition2[property] = "translate3d(0,0,0)";
}
else //do a 2d transform. still faster than a position "left" change
{
reset[property] = "translate( 0," + trans_val + "px)";
transition[property] = "translate( 0," + trans_val2 + "px)";
transition2[property] = "translate(0,0)"; }
}
else
{
reset.top = trans_val;
transition.top = trans_val2;
transition2.top = 0;
}
if(dynamic)
{
transition['z-index'] = "1";
transition2['z-index'] = "2";
}
this._slide_animate(reset, transition, transition2);
},
//slide animation: do a slide transition by css3 transform if possible. if not simply do a position left transition
_slide_animate: function( reset , transition , transition2 )
{
var self = this,
displaySlide = this.$slides.eq(this.current),
hideSlide = this.$slides.eq(this.prev);
hideSlide.trigger('pause');
if( ! displaySlide.data('disableAutoplay') )
{
if(displaySlide.hasClass('av-video-lazyload') && !displaySlide.hasClass('av-video-lazyload-complete'))
{
displaySlide.find('.av-click-to-play-overlay').trigger('click');
}
else
{
displaySlide.trigger('play');
}
}
displaySlide.css({visibility:'visible', zIndex:4, opacity:1, left:0, top:0});
displaySlide.css(reset);
hideSlide.avia_animate(transition, this.options.transitionSpeed, this.options.easing);
var after_slide = function()
{
self.isAnimating = false;
displaySlide.addClass( 'active-slide' );
hideSlide.css( {visibility:'hidden'} ).removeClass( 'active-slide next-active-slide' );
self.$slider.trigger( 'avia-transition-done' );
};
if( self.options.show_slide_delay > 0 )
{
setTimeout( function()
{
displaySlide.addClass( 'next-active-slide' );
displaySlide.avia_animate( transition2, self.options.transitionSpeed, self.options.easing, after_slide );
}, self.options.show_slide_delay );
}
else
{
displaySlide.addClass( 'next-active-slide' );
displaySlide.avia_animate( transition2, self.options.transitionSpeed, self.options.easing, after_slide );
}
},
//simple fade transition of the slideshow
_fade: function()
{
var self = this,
displaySlide = this.$slides.eq(this.current),
hideSlide = this.$slides.eq(this.prev),
properties = {visibility:'visible', zIndex:3, opacity:0},
fadeCallback = function()
{
self.isAnimating = false;
displaySlide.addClass( 'active-slide' );
hideSlide.css({visibility:'hidden', zIndex:2}).removeClass( 'active-slide next-active-slide' );
self.$slider.trigger( 'avia-transition-done' );
};
hideSlide.trigger('pause');
if( ! displaySlide.data('disableAutoplay') )
{
if(displaySlide.hasClass('av-video-lazyload') && ! displaySlide.hasClass('av-video-lazyload-complete'))
{
displaySlide.find('.av-click-to-play-overlay').trigger('click');
}
else
{
displaySlide.trigger('play');
}
}
displaySlide.addClass( 'next-active-slide' );
if( self.options.fullfade == true )
{
hideSlide.avia_animate( {opacity:0}, 200, 'linear', function()
{
displaySlide.css( properties ).avia_animate( {opacity:1}, self.options.transitionSpeed, 'linear', fadeCallback );
});
}
else
{
if( self.current === 0 )
{
hideSlide.avia_animate( {opacity:0}, self.options.transitionSpeed/2, 'linear' );
displaySlide.css(properties).avia_animate( {opacity:1}, self.options.transitionSpeed/2, 'linear', fadeCallback );
}
else
{
displaySlide.css(properties).avia_animate( {opacity:1}, self.options.transitionSpeed/2, 'linear', function()
{
hideSlide.avia_animate({opacity:0}, 200, 'linear', fadeCallback );
});
}
}
},
/************************************************************************
Video functions
*************************************************************************/
//bind events to the video that tell the slider to autorotate once a video has been played
_attach_video_events: function()
{
var self = this,
$html = $('html');
self.$slides.each( function(i)
{
var currentSlide = $(this),
caption = currentSlide.find('.caption_fullwidth, .av-click-overlay'),
mejs = currentSlide.find('.mejs-mediaelement'),
lazyload = currentSlide.hasClass('av-video-lazyload') ? true : false;
if( currentSlide.data('avia_video_events') != true )
{
currentSlide.data('avia_video_events', true);
currentSlide.on('av-video-events-bound', { slide: currentSlide, wrap: mejs , iteration: i , self: self, lazyload: lazyload }, onReady);
currentSlide.on('av-video-ended', { slide: currentSlide , self: self}, onFinish);
currentSlide.on('av-video-play-executed', function(){ setTimeout( function(){ self.pause(); }, 100 ); } );
caption.on('click', { slide: currentSlide }, toggle);
// also if the player was loaded before the _bindEvents function was bound trigger it manually
if( currentSlide.is('.av-video-events-bound') )
{
currentSlide.trigger('av-video-events-bound');
}
//if we are on the first slide and autoplay is enabled and lazy loading is enabled we need to simulate a click event to the lazy load container
if( lazyload && i === 0 && ! currentSlide.data('disableAutoplay') )
{
currentSlide.find('.av-click-to-play-overlay').trigger('click');
}
}
});
//function that takes care of events once the video is loaded for the first time.
//needs to take into account 2 different scenarios: normally embedded videos or lazyloaded videos that start on user interaction/autoplay
function onReady( event )
{
//autostart for first slide
if(event.data.iteration === 0)
{
event.data.wrap.css('opacity',0);
if( ! event.data.self.isMobile && ! event.data.slide.data('disableAutoplay') )
{
event.data.slide.trigger('play');
}
setTimeout( function(){ event.data.wrap.avia_animate({opacity:1}, 400); }, 50 );
}
else if( $html.is('.avia-msie') && ! event.data.slide.is('.av-video-service-html5') )
{
/*
* Internet Explorer fires the ready event for external videos once they become visible
* as oposed to other browsers which always fire immediately.
*/
if( ! event.data.slide.data('disableAutoplay') )
{
event.data.slide.trigger('play');
}
}
//make sure that the html5 element does not play if autoply is enabled but its not the first slide.
//the autoplay attribute on the video element might cause this
if( event.data.slide.is('.av-video-service-html5') && event.data.iteration !== 0 )
{
event.data.slide.trigger('pause');
}
//make sure that lazyloaded videos always get started once a user clicks them
if( event.data.lazyload)
{
event.data.slide.addClass('av-video-lazyload-complete');
event.data.slide.trigger('play');
}
}
function onFinish( event )
{
//if the video is not looped resume the slideshow
if( ! event.data.slide.is('.av-single-slide') && ! event.data.slide.is('.av-loop-video') )
{
event.data.slide.trigger('reset');
self._navigate( 'next' );
self.resume();
}
//safari 8 workaround for self hosted videos which wont loop by default
if( event.data.slide.is('.av-loop-video') && event.data.slide.is('.av-video-service-html5') )
{
if( $html.is('.avia-safari-8') )
{
setTimeout( function()
{
event.data.slide.trigger('play');
}, 1 );
}
}
}
function toggle( event )
{
if( event.target.tagName != "A" )
{
event.data.slide.trigger('toggle');
}
}
},
/************************************************************************
Slideshow control functions
*************************************************************************/
_timer: function(callback, delay, first)
{
var self = this,
start,
remaining = delay;
self.timerId = 0;
this.pause = function()
{
window.clearTimeout(self.timerId);
remaining -= new Date() - start;
};
this.resume = function()
{
start = new Date();
self.timerId = window.setTimeout(callback, remaining);
};
this.destroy = function()
{
window.clearTimeout(self.timerId);
};
this.resume(true);
},
//start autorotation
_startSlideshow: function()
{
var self = this;
this.isPlaying = true;
this.slideshow = new this._timer( function()
{
self._navigate( 'next' );
if( self.options.autoplay )
{
self._startSlideshow();
}
}, ( this.options.interval * 1000 ) );
},
//stop autorotation
_stopSlideshow: function()
{
if( this.options.autoplay )
{
this.slideshow.destroy();
this.isPlaying = false;
this.options.autoplay = false;
}
this.options.autoplay = false;
this.options.loop_autoplay = 'once';
this.$slider.removeClass( 'av-slideshow-autoplay' ).addClass( 'av-slideshow-manual' );
this.$slider.removeClass( 'av-loop-endless' ).addClass( 'av-loop-once' );
},
// check if we have a link for the image and set cursor
_setPermaCaptionPointer: function( e )
{
if( ! this.permaCaption.length )
{
return;
}
var withLink = $( this.$slides[this.current] ).find( 'a' ).length;
this.permaCaption.css( 'cursor', withLink ? 'pointer' : 'default' );
},
// route perma caption to actual link of image, else allow bubble (e.g. for buttons)
_routePermaCaptionClick: function( e )
{
var active_slide_link = $(this).siblings( '.avia-slideshow-inner' ).find( '>.active-slide a' );
if( active_slide_link.length )
{
e.preventDefault();
// jQuery trigger does not work !!!
active_slide_link[0].click();
}
},
// public method: shows next image
next: function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( 'next' );
},
// public method: shows previous image
previous: function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( 'prev' );
},
// public method: goes to a specific image
go2: function( pos )
{
//if we didnt pass a number directly lets asume someone clicked on a link that triggered the goto transition
if(isNaN(pos))
{
//in that case prevent the default link behavior and set the slide number to the links hash
pos.preventDefault();
pos = pos.currentTarget.hash.replace('#','');
}
pos -= 1;
if( pos === this.current || pos >= this.itemsCount || pos < 0 )
{
return false;
}
this._stopSlideshow();
this._navigate( false, pos );
},
// public method: starts the slideshow
// any call to next(), previous() or goto() will stop the slideshow autoplay
play: function()
{
if( !this.isPlaying )
{
this.isPlaying = true;
this._navigate( 'next' );
this.options.autoplay = true;
this._startSlideshow();
}
},
// public methos: pauses the slideshow
pause: function()
{
if( this.isPlaying )
{
this.slideshow.pause();
}
},
// publiccmethos: resumes the slideshow
resume: function()
{
if( this.isPlaying )
{
this.slideshow.resume();
}
},
// public methos: destroys the instance
destroy: function( callback )
{
this.slideshow.destroy( callback );
}
};
//simple wrapper to call the slideshow. makes sure that the slide data is not applied twice
$.fn.aviaSlider = function( options )
{
return this.each(function()
{
var self = $.data( this, 'aviaSlider' );
if( ! self )
{
self = $.data( this, 'aviaSlider', new $.AviaSlider( options, this ) );
}
});
};
})( jQuery );
// source --> https://axhotelsmalta.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js?ver=6.8.5
// -------------------------------------------------------------------------------------------
//
// AVIA VIDEO API - make sure that youtube, vimeo and html 5 use the same interface
//
// requires froogaloop vimeo library and youtube iframe api (yt can be loaded async)
//
// -------------------------------------------------------------------------------------------
(function($)
{
"use strict";
$.AviaVideoAPI = function(options, video, option_container)
{
this.videoElement = video;
// actual video element. either iframe or video
this.$video = $( video );
// container where the AviaVideoAPI object will be stored as data, and that can receive events like play, pause etc
// also the container that allows to overwrite javacript options by adding html data- attributes
this.$option_container = option_container ? $( option_container ) : this.$video;
// button to click to actually start the loading process of the video
this.load_btn = this.$option_container.find('.av-click-to-play-overlay');
// contains video list
this.video_wrapper = this.$video.parents('ul').eq(0);
//check if we should load immediately or on click
this.lazy_load = this.video_wrapper.hasClass('av-show-video-on-click') ? true : false;
//mobile device?
this.isMobile = $.avia_utilities.isMobile;
//iamge fallback use
this.fallback = this.isMobile ? this.$option_container.is('.av-mobile-fallback-image') : false;
if( this.fallback )
{
return;
}
// set up the whole api object
this._init( options );
};
$.AviaVideoAPI.defaults = {
loop: false,
mute: false,
controls: false,
events: 'play pause mute unmute loop toggle reset unload'
};
$.AviaVideoAPI.apiFiles =
{
youtube : {loaded: false, src: 'https://www.youtube.com/iframe_api' }
};
$.AviaVideoAPI.players =
{
};
$.AviaVideoAPI.prototype =
{
_init: function( options )
{
// set slider options
this.options = this._setOptions(options);
// info which video service we are using: html5, vimeo or youtube
this.type = this._getPlayerType();
this.player = false;
// store the player object to the this.player variable created by one of the APIs (mediaelement, youtube, vimeo)
this._bind_player();
// set to true once the events are bound so it doesnt happen a second time by accident or racing condition
this.eventsBound = false;
// info if the video is playing
this.playing = false;
//set css class that video is currently not playing
this.$option_container.addClass('av-video-paused');
//play pause indicator
this.pp = $.avia_utilities.playpause(this.$option_container);
},
//set the video options by first merging the default options and the passed options, then checking the video element if any data attributes overwrite the option set
_setOptions: function(options)
{
var newOptions = $.extend( true, {}, $.AviaVideoAPI.defaults, options ),
htmlData = this.$option_container.data(),
i = "";
//overwritte passed option set with any data properties on the html element
for( i in htmlData )
{
if( htmlData.hasOwnProperty(i) && (typeof htmlData[i] === "string" || typeof htmlData[i] === "number" || typeof htmlData[i] === "boolean") )
{
newOptions[i] = htmlData[i];
}
}
return newOptions;
},
//get the player type
_getPlayerType: function()
{
var vid_src = this.$video.get(0).src || this.$video.data('src');
if( this.$video.is('video') )
{
return 'html5';
}
if( this.$video.is('.av_youtube_frame') )
{
return 'youtube';
}
if( vid_src.indexOf('vimeo.com') != -1 )
{
return 'vimeo';
}
if( vid_src.indexOf('youtube.com') != -1)
{
return 'youtube';
}
},
_bind_player: function()
{
var _self = this;
// check if videos are disabled by user setting via cookie - or user must opt in.
var cookie_check = $('html').hasClass('av-cookies-needs-opt-in') || $('html').hasClass('av-cookies-can-opt-out');
var allow_continue = true;
var silent_accept_cookie = $('html').hasClass('av-cookies-user-silent-accept');
var self_hosted = 'html5' == this.type;
if( cookie_check && ! silent_accept_cookie && ! self_hosted )
{
if( ! document.cookie.match(/aviaCookieConsent/) || $('html').hasClass('av-cookies-session-refused') )
{
allow_continue = false;
}
else
{
if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) )
{
allow_continue = false;
}
else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) )
{
allow_continue = false;
}
else if( document.cookie.match(/aviaPrivacyVideoEmbedsDisabled/) )
{
allow_continue = false;
}
}
}
if( ! allow_continue )
{
this._use_external_link();
return;
}
if(this.lazy_load && this.load_btn.length && this.type != "html5")
{
this.$option_container.addClass('av-video-lazyload');
this.load_btn.on('click', function()
{
_self.load_btn.remove();
_self._setPlayer();
});
}
else
{
this.lazy_load = false;
this._setPlayer();
}
},
//if the user has disabled video slides via cookie a click event will open the video externally
_use_external_link: function()
{
//display the play button no matter what
this.$option_container.addClass('av-video-lazyload');
this.load_btn.on('click', function(e)
{
if (e.originalEvent === undefined) return; //human click only
var src_url = $(this).parents('.avia-slide-wrap').find('div[data-original_url]').data('original_url');
if( src_url ) window.open(src_url , '_blank');
});
},
//get the player object
_setPlayer: function()
{
var _self = this;
switch( this.type )
{
case "html5":
this.player = this.$video.data('mediaelementplayer');
//apply fallback. sometimes needed for safari
if( ! this.player )
{
this.$video.data('mediaelementplayer', $.AviaVideoAPI.players[ this.$video.attr('id').replace(/_html5/,'') ] );
this.player = this.$video.data('mediaelementplayer');
}
this._playerReady();
break;
case "vimeo":
//we need to create an iframe and append it to the html first
var ifrm = document.createElement("iframe");
var $ifrm = $( ifrm );
//note: unmuted vimeo videos in chrome do often times not work due to chrome blocking them
ifrm.onload = function()
{
_self.player = Froogaloop( ifrm );
_self._playerReady();
_self.$option_container.trigger('av-video-loaded');
};
ifrm.setAttribute("src", this.$video.data('src') );
//we replace the old html structure with the iframe
$ifrm.insertAfter( this.$video );
this.$video.remove();
this.$video = ifrm;
break;
case "youtube":
this._getAPI(this.type);
$('body').on('av-youtube-iframe-api-loaded', function(){ _self._playerReady(); });
break;
}
},
_getAPI: function( api )
{
//make sure the api file is loaded only once
if($.AviaVideoAPI.apiFiles[api].loaded === false)
{
$.AviaVideoAPI.apiFiles[api].loaded = true;
//load the file async
var tag = document.createElement('script'),
first = document.getElementsByTagName('script')[0];
tag.src = $.AviaVideoAPI.apiFiles[api].src;
first.parentNode.insertBefore(tag, first);
}
},
//wait for player to be ready, then bind events
_playerReady: function()
{
var _self = this;
this.$option_container.on('av-video-loaded', function(){ _self._bindEvents(); });
switch(this.type)
{
case "html5":
this.$video.on( 'av-mediajs-loaded', function(){ _self.$option_container.trigger('av-video-loaded'); } );
this.$video.on( 'av-mediajs-ended' , function(){ _self.$option_container.trigger('av-video-ended'); } );
break;
case "vimeo":
//finish event must be applied after ready event for firefox
_self.player.addEvent('ready', function()
{
_self.$option_container.trigger('av-video-loaded');
_self.player.addEvent('finish', function(){ _self.$option_container.trigger('av-video-ended'); });
});
break;
case "youtube":
var params = _self.$video.data();
if( _self._supports_video() )
{
params.html5 = 1;
}
_self.player = new YT.Player(_self.$video.attr('id'),
{
videoId: params.videoid,
height: _self.$video.attr('height'),
width: _self.$video.attr('width'),
playerVars: params,
events: {
'onReady': function(){ _self.$option_container.trigger('av-video-loaded'); },
'onError': function(player){ $.avia_utilities.log('YOUTUBE ERROR:', 'error', player); },
'onStateChange': function(event){
if (event.data === YT.PlayerState.ENDED)
{
var command = _self.options.loop != false ? 'loop' : 'av-video-ended';
_self.$option_container.trigger(command);
}
}
}
});
break;
}
//fallback always trigger after 2 seconds
setTimeout(function()
{
if(_self.eventsBound == true || typeof _self.eventsBound == 'undefined' || _self.type == 'youtube' )
{
return;
}
$.avia_utilities.log('Fallback Video Trigger "' + _self.type + '":', 'log', _self );
_self.$option_container.trigger('av-video-loaded');
}, 2000 );
},
//bind events we should listen to, to the player
_bindEvents: function()
{
if( this.eventsBound == true || typeof this.eventsBound == 'undefined')
{
return;
}
var _self = this, volume = 'unmute';
this.eventsBound = true;
this.$option_container.on(this.options.events, function(e)
{
_self.api(e.type);
});
if( !_self.isMobile )
{
//set up initial options
if( this.options.mute != false )
{
volume = "mute";
}
if( this.options.loop != false )
{
_self.api('loop');
}
_self.api(volume);
}
//set timeout to prevent racing conditions with other scripts
setTimeout( function()
{
_self.$option_container.trigger('av-video-events-bound').addClass('av-video-events-bound');
}, 50 );
},
_supports_video: function()
{
return !!document.createElement('video').canPlayType;
},
/************************************************************************
PUBLIC Methods
*************************************************************************/
api: function( action )
{
//commands on mobile can not be executed if the player was not started manually
if(this.isMobile && !this.was_started()) return;
// prevent calling of unbound function
if(this.options.events.indexOf(action) === -1) return;
// broadcast that the command was executed
this.$option_container.trigger('av-video-'+action+'-executed');
// console.log("video player api action: " + action);
// calls the function based on action. eg: _html5_play()
if(typeof this[ '_' + this.type + '_' + action] == 'function')
{
this[ '_' + this.type + '_' + action].call(this);
}
//call generic function eg: _toggle() or _play()
if(typeof this[ '_' + action] == 'function')
{
this[ '_' + action].call(this);
}
},
was_started: function()
{
if(!this.player) return false;
switch(this.type)
{
case "html5":
if( this.player.getCurrentTime() > 0 )
{
return true;
}
break;
case "vimeo":
if( this.player.api('getCurrentTime') > 0 )
{
return true;
}
break;
case "youtube":
if( this.player.getPlayerState() !== -1 )
{
return true;
}
break;
}
return false;
},
/************************************************************************
Generic Methods, are always executed and usually set variables
*************************************************************************/
_play: function()
{
this.playing = true;
this.$option_container.addClass('av-video-playing').removeClass('av-video-paused');
},
_pause: function()
{
this.playing = false;
this.$option_container.removeClass('av-video-playing').addClass('av-video-paused');
},
_loop: function()
{
this.options.loop = true;
},
_toggle: function( )
{
var command = this.playing == true ? 'pause' : 'play';
this.api(command);
this.pp.set(command);
},
/************************************************************************
VIMEO Methods
*************************************************************************/
_vimeo_play: function( )
{
this.player.api('play');
},
_vimeo_pause: function( )
{
this.player.api('pause');
},
_vimeo_mute: function( )
{
this.player.api('setVolume', 0);
},
_vimeo_unmute: function( )
{
this.player.api('setVolume', 0.7);
},
_vimeo_loop: function( )
{
// currently throws error, must be set in iframe
// this.player.api('setLoop', true);
},
_vimeo_reset: function( )
{
this.player.api('seekTo',0);
},
_vimeo_unload: function()
{
this.player.api('unload');
},
/************************************************************************
YOUTUBE Methods
*************************************************************************/
_youtube_play: function( )
{
this.player.playVideo();
},
_youtube_pause: function( )
{
this.player.pauseVideo();
},
_youtube_mute: function( )
{
this.player.mute();
},
_youtube_unmute: function( )
{
this.player.unMute();
},
_youtube_loop: function( )
{
// does not work properly with iframe api. needs to manual loop on "end" event
// this.player.setLoop(true);
if(this.playing == true) this.player.seekTo(0);
},
_youtube_reset: function( )
{
this.player.stopVideo();
},
_youtube_unload: function()
{
this.player.clearVideo();
},
/************************************************************************
HTML5 Methods
*************************************************************************/
_html5_play: function( )
{
//disable stoping of other videos in case the user wants to run section bgs
if(this.player)
{
this.player.options.pauseOtherPlayers = false;
this.player.play();
}
},
_html5_pause: function( )
{
if(this.player) this.player.pause();
},
_html5_mute: function( )
{
if(this.player) this.player.setMuted(true);
},
_html5_unmute: function( )
{
if(this.player) this.player.setVolume(0.7);
},
_html5_loop: function( )
{
if(this.player) this.player.options.loop = true;
},
_html5_reset: function( )
{
if(this.player) this.player.setCurrentTime(0);
},
_html5_unload: function()
{
this._html5_pause();
this._html5_reset();
}
};
//simple wrapper to call the api. makes sure that the api data is not applied twice
$.fn.aviaVideoApi = function( options , apply_to_parent)
{
return this.each( function()
{
// by default save the object as data to the initial video.
// in the case of slideshows its more benefitial to save it to a parent element (eg: the slide)
var applyTo = this;
if( apply_to_parent )
{
applyTo = $(this).parents(apply_to_parent).get(0);
}
var self = $.data( applyTo, 'aviaVideoApi' );
if( ! self )
{
self = $.data( applyTo, 'aviaVideoApi', new $.AviaVideoAPI( options, this, applyTo ) );
}
});
};
})( jQuery );
window.onYouTubeIframeAPIReady = function(){ jQuery('body').trigger('av-youtube-iframe-api-loaded'); };
// Init style shamelessly stolen from jQuery http://jquery.com
// min version: https://f.vimeocdn.com/js/froogaloop2.min.js
var Froogaloop = (function(){
// Define a local copy of Froogaloop
function Froogaloop(iframe) {
// The Froogaloop object is actually just the init constructor
return new Froogaloop.fn.init(iframe);
}
var eventCallbacks = {},
hasWindowEvent = false,
isReady = false,
slice = Array.prototype.slice,
playerOrigin = '*';
Froogaloop.fn = Froogaloop.prototype = {
element: null,
init: function(iframe) {
if (typeof iframe === "string") {
iframe = document.getElementById(iframe);
}
this.element = iframe;
return this;
},
/*
* Calls a function to act upon the player.
*
* @param {string} method The name of the Javascript API method to call. Eg: 'play'.
* @param {Array|Function} valueOrCallback params Array of parameters to pass when calling an API method
* or callback function when the method returns a value.
*/
api: function(method, valueOrCallback) {
if (!this.element || !method) {
return false;
}
var self = this,
element = self.element,
target_id = element.id !== '' ? element.id : null,
params = !isFunction(valueOrCallback) ? valueOrCallback : null,
callback = isFunction(valueOrCallback) ? valueOrCallback : null;
// Store the callback for get functions
if (callback) {
storeCallback(method, callback, target_id);
}
postMessage(method, params, element);
return self;
},
/*
* Registers an event listener and a callback function that gets called when the event fires.
*
* @param eventName (String): Name of the event to listen for.
* @param callback (Function): Function that should be called when the event fires.
*/
addEvent: function(eventName, callback) {
if (!this.element) {
return false;
}
var self = this,
element = self.element,
target_id = element.id !== '' ? element.id : null;
storeCallback(eventName, callback, target_id);
// The ready event is not registered via postMessage. It fires regardless.
if (eventName != 'ready') {
postMessage('addEventListener', eventName, element);
}
else if (eventName == 'ready' && isReady) {
callback.call(null, target_id);
}
return self;
},
/*
* Unregisters an event listener that gets called when the event fires.
*
* @param eventName (String): Name of the event to stop listening for.
*/
removeEvent: function(eventName) {
if (!this.element) {
return false;
}
var self = this,
element = self.element,
target_id = element.id !== '' ? element.id : null,
removed = removeCallback(eventName, target_id);
// The ready event is not registered
if (eventName != 'ready' && removed) {
postMessage('removeEventListener', eventName, element);
}
}
};
/**
* Handles posting a message to the parent window.
*
* @param method (String): name of the method to call inside the player. For api calls
* this is the name of the api method (api_play or api_pause) while for events this method
* is api_addEventListener.
* @param params (Object or Array): List of parameters to submit to the method. Can be either
* a single param or an array list of parameters.
* @param target (HTMLElement): Target iframe to post the message to.
*/
function postMessage(method, params, target) {
if (!target.contentWindow.postMessage) {
return false;
}
var data = JSON.stringify({
method: method,
value: params
});
target.contentWindow.postMessage(data, playerOrigin);
}
/**
* Event that fires whenever the window receives a message from its parent
* via window.postMessage.
*/
function onMessageReceived(event)
{
var data, method;
try {
data = JSON.parse(event.data);
method = data.event || data.method;
}
catch(e) {
//fail silently... like a ninja!
}
if (method == 'ready' && !isReady) {
isReady = true;
}
// Handles messages from the vimeo player only
if (!(/^https?:\/\/player.vimeo.com/).test(event.origin)) {
return false;
}
if (playerOrigin === '*') {
playerOrigin = event.origin;
}
var value = data.value,
eventData = data.data,
target_id = target_id === '' ? null : data.player_id,
callback = getCallback(method, target_id),
params = [];
if (!callback) {
return false;
}
if (value !== undefined) {
params.push(value);
}
if (eventData) {
params.push(eventData);
}
if (target_id) {
params.push(target_id);
}
return params.length > 0 ? callback.apply(null, params) : callback.call();
}
/**
* Stores submitted callbacks for each iframe being tracked and each
* event for that iframe.
*
* @param eventName (String): Name of the event. Eg. api_onPlay
* @param callback (Function): Function that should get executed when the
* event is fired.
* @param target_id (String) [Optional]: If handling more than one iframe then
* it stores the different callbacks for different iframes based on the iframe's
* id.
*/
function storeCallback(eventName, callback, target_id) {
if (target_id) {
if (!eventCallbacks[target_id]) {
eventCallbacks[target_id] = {};
}
eventCallbacks[target_id][eventName] = callback;
}
else {
eventCallbacks[eventName] = callback;
}
}
/**
* Retrieves stored callbacks.
*/
function getCallback(eventName, target_id) {
/*modified by kriesi - removing this will result in a js error. */
if (target_id && eventCallbacks[target_id] && eventCallbacks[target_id][eventName])
{
return eventCallbacks[target_id][eventName];
}
else
{
return eventCallbacks[eventName];
}
}
function removeCallback(eventName, target_id) {
if (target_id && eventCallbacks[target_id]) {
if (!eventCallbacks[target_id][eventName]) {
return false;
}
eventCallbacks[target_id][eventName] = null;
}
else {
if (!eventCallbacks[eventName]) {
return false;
}
eventCallbacks[eventName] = null;
}
return true;
}
function isFunction(obj) {
return !!(obj && obj.constructor && obj.call && obj.apply);
}
function isArray(obj) {
return toString.call(obj) === '[object Array]';
}
// Give the init function the Froogaloop prototype for later instantiation
Froogaloop.fn.init.prototype = Froogaloop.fn;
// Listens for the message event.
// W3C
if (window.addEventListener) {
window.addEventListener('message', onMessageReceived, false);
}
// IE
else {
window.attachEvent('onmessage', onMessageReceived);
}
// Expose froogaloop to the global object
return (window.Froogaloop = window.$f = Froogaloop);
})();
// source --> https://axhotelsmalta.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.js?ver=6.8.5
// -------------------------------------------------------------------------------------------
// Tab Shortcode
// -------------------------------------------------------------------------------------------
(function($)
{
"use strict";
$.fn.avia_sc_tabs = function(options)
{
var defaults =
{
heading: '.tab',
content:'.tab_content',
active:'active_tab',
sidebar: false
};
var win = $(window),
options = $.extend(defaults, options);
return this.each(function()
{
var container = $(this),
tab_titles = $('
').prependTo(container),
tabs = $(options.heading, container),
content = $(options.content, container),
newtabs = false,
oldtabs = false;
newtabs = tabs.clone();
oldtabs = tabs.addClass('fullsize-tab').attr('aria-hidden', true );
tabs = newtabs;
tabs.prependTo(tab_titles).each(function(i)
{
var tab = $(this),
the_oldtab = false;
if(newtabs)
{
the_oldtab = oldtabs.eq( i );
}
tab.addClass('tab_counter_'+i).on('click', function()
{
open_content(tab, i, the_oldtab);
return false;
});
tab.on('keydown', function(objEvent)
{
if (objEvent.keyCode === 13) // if user presses 'enter'
{
tab.trigger('click');
}
});
if(newtabs)
{
the_oldtab.on('click', function()
{
open_content(the_oldtab, i, tab);
return false;
});
the_oldtab.on('keydown', function(objEvent)
{
if (objEvent.keyCode === 13) // if user presses 'enter'
{
the_oldtab.trigger('click');
}
});
}
});
set_size();
trigger_default_open(false);
win.on("debouncedresize", set_size);
$('a').on('click',function(){
var hash = $(this).attr('href');
if(typeof hash != "undefined" && hash)
{
hash = hash.replace(/^.*?#/,'');
trigger_default_open('#'+hash);
}
});
function set_size()
{
if( ! options.sidebar)
{
return;
}
content.css({'min-height': tab_titles.outerHeight() + 1});
}
function open_content(tab, i, alternate_tab)
{
if(!tab.is('.'+options.active))
{
$('.'+options.active, container).removeClass(options.active);
$('.'+options.active+'_content', container).attr('aria-hidden', true).removeClass(options.active+'_content');
tab.addClass(options.active);
var new_loc = tab.data('fake-id');
if( typeof new_loc == 'string' )
{
window.location.replace( new_loc );
}
if( alternate_tab )
{
alternate_tab.addClass(options.active);
}
var active_c = content.eq( i ).addClass(options.active+'_content').attr('aria-hidden', false);
if(typeof click_container != 'undefined' && click_container.length)
{
sidebar_shadow.height(active_c.outerHeight());
}
//check if tab title is in viewport. if not scroll up
var el_offset = active_c.offset().top,
scoll_target = el_offset - 50 - parseInt($('html').css('margin-top'),10);
if(win.scrollTop() > el_offset)
{
$('html:not(:animated),body:not(:animated)').scrollTop(scoll_target);
}
}
win.trigger( 'av-content-el-height-changed', tab );
}
function trigger_default_open(hash)
{
if( ! hash && window.location.hash )
{
hash = window.location.hash;
}
if( ! hash )
{
return;
}
var open = tabs.filter('[data-fake-id="'+hash+'"]');
if(open.length)
{
if( ! open.is('.active_tab') )
{
open.trigger('click');
}
window.scrollTo(0, container.offset().top - 70);
}
}
});
};
}(jQuery));
// source --> https://axhotelsmalta.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.js?ver=6.8.5
(function($)
{
"use strict";
$('body').on( 'click', '.av-lazyload-video-embed .av-click-to-play-overlay', function(e)
{
var clicked = $(this);
// check if videos are disabled by user setting via cookie - or user must opt in.
var cookie_check = $('html').hasClass('av-cookies-needs-opt-in') || $('html').hasClass('av-cookies-can-opt-out');
var allow_continue = true;
var silent_accept_cookie = $('html').hasClass('av-cookies-user-silent-accept');
if( cookie_check && ! silent_accept_cookie )
{
if( ! document.cookie.match(/aviaCookieConsent/) || $('html').hasClass('av-cookies-session-refused') )
{
allow_continue = false;
}
else
{
if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) )
{
allow_continue = false;
}
else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) )
{
allow_continue = false;
}
else if( document.cookie.match(/aviaPrivacyVideoEmbedsDisabled/) )
{
allow_continue = false;
}
}
}
var container = clicked.parents( '.av-lazyload-video-embed' );
if( container.hasClass( 'avia-video-lightbox' ) && container.hasClass( 'avia-video-standard-html' ) )
{
allow_continue = true;
}
if( ! allow_continue )
{
if( typeof e.originalEvent == 'undefined' ) { return; } //human click only
var src_url = container.data('original_url');
if( src_url ) window.open( src_url , '_blank', 'noreferrer noopener' );
return;
}
var video = container.find('.av-video-tmpl').html();
var link = '';
if( container.hasClass( 'avia-video-lightbox' ) )
{
link = container.find( 'a.lightbox-link' );
if( link.length == 0 )
{
container.append( video );
// DOM not ready
setTimeout(function(){
link = container.find( 'a.lightbox-link' );
if( $( 'html' ).hasClass( 'av-default-lightbox' ) )
{
link.addClass( 'lightbox-added' ).magnificPopup( $.avia_utilities.av_popup );
link.trigger( 'click' );
}
else
{
link.trigger( 'avia-open-video-in-lightbox' );
}
}, 100 );
}
else
{
link.trigger( 'click' );
}
}
else
{
container.html( video );
}
});
$('.av-lazyload-immediate .av-click-to-play-overlay').trigger('click');
}(jQuery));
// source --> https://axhotelsmalta.com/wp-content/themes/enfold-child/main.js?ver=2.2.74
jQuery(document).ready(function ($) {
$(".main_video_cont").each(function (){
$(this).on("click", function (){
var video_src = $(this).find('video').find('Source:first').attr('src');
var full_video_src = $(this).find('video').find('Source:first').attr('data-fullvideo');
$("#popup_holder").show();
if($('#top').hasClass('page-id-27137')){
$("#popup_inner").html('');
} else {
$("#popup_inner").html('');
}
$("#popup_holder").addClass('above_all');
$('.wedding_fair_sticky_box').addClass('wedding_fair_sticky_box_move_up');
});
});
$(document).on("click", ".gallery_tour_link_cont" , function() {
$(this).closest('.avia-section').addClass('iframe_active');
$('body, html').addClass('scroll-disabled');
});
$(document).on("click", ".iframe_gallery_cont .close_icon" , function() {
$(this).closest('.avia-section').removeClass('iframe_active');
$('body, html').removeClass('scroll-disabled');
});
$(document).on("click", ".close_icon" , function() {
$("#popup_holder").hide();
$("#popup_holder").removeClass('above_all');
if($(this).parent().hasClass("popup_video_cont")){
var video = $(".popup_video").get(0);
if ( video.paused ) {
video.play();
} else {
video.pause();
}
}
$('.wedding_fair_sticky_box').removeClass('wedding_fair_sticky_box_move_up');
});
$('.popup_video').each(function(){
$(this).on('contextmenu', function(e) {
e.preventDefault();
});
});
$(".ax_tab_title").each(function (){
$(this).on('click', function (){
$(".ax_tab_title").each(function (){
$(this).removeClass("ax_tab_title_active");
});
$(this).addClass("ax_tab_title_active");
$(".swiper_title_content").each(function (){
$(this).toggleClass("hide_swiper");
});
});
});
function addIconsToTitles() {
$('.main_cards_inner, .awards_cards_inner').each(function(){
$(this).css("opacity", 1);
});
}
addIconsToTitles();
$('.single_filter_cont, .single_mob_filter').each(function(){
$(this).on('click', function(e){
setTimeout(
function()
{
addIconsToTitles();
}, 1100);
});
});
$(document).on("click", ".load_more_btn_cont" , function() {
$("#popup_holder").hide();
});
var mouseX = 0, mouseY = 0;
var xp = 0, yp = 0;
$(document).on("mouseenter", ".single_img_hover_cont, .hotelchildpage .timeline_single_img, .explore_mouse .timeline_single_img, .page-id-27966 .timeline_single_img", function() {
$(document).mousemove(function(e){
mouseX = e.pageX - 20;
mouseY = e.pageY - 20;
});
setInterval(function(){
xp += ((mouseX - xp)/3);
yp += ((mouseY - yp)/3);
$("#hover_mouse_cont").css('transform', 'translate(' + xp + 'px, ' + yp + 'px)');
}, 20);
if(!$(this).parent().hasClass("no_explore_hover")){
$("#hover_mouse_cont").addClass("show_cursor");
}
});
$(document).on("mouseleave", ".single_img_hover_cont, .hotelchildpage .timeline_single_img, .explore_mouse .timeline_single_img, .page-id-27966 .timeline_single_img", function() {
$("#hover_mouse_cont").removeClass("show_cursor");
});
$("#mobile_back_to_top").click(function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
if ($(window).width() <= 600) {
$("#hover_mouse_cont").remove();
$(window).on('scroll', function() {
var targetDiv = $('#mobile_back_to_top, #mobile_book_btn, #mobile_book_btn_alt, #mobile_book_btn_alt_sub');
var targetDivOffset = targetDiv.offset().top - 100;
var targetDivHeight = targetDiv.height();
var targetDivTop = targetDivOffset;
var targetDivBottom = targetDivOffset + targetDivHeight;
var isOverlapping = false;
$('.ax_bg_black, #footer, #socket').each(function() {
var greyBgOffset = $(this).offset().top;
var greyBgHeight = $(this).height();
var greyBgTop = greyBgOffset;
var greyBgBottom = greyBgOffset + greyBgHeight;
greyBgBottom = greyBgBottom - 100;
if (targetDivTop < greyBgBottom && targetDivBottom > greyBgTop) {
isOverlapping = true;
return false;
}
});
if (isOverlapping) {
targetDiv.addClass('white_back_to_top');
} else {
targetDiv.removeClass('white_back_to_top');
}
});
}
$(".copy_code_btn").each(function(){
$(this).on('click', function() {
var textToCopy = $(this).attr("data-code");
var textarea = $('