(function($) {
var triggerBttn = $( '.overlay-show' ),
overlay = $( 'div.ult-overlay' ),
closeBttn = overlay.find( 'div.ult-overlay-close' );
transEndEventNames = {
'WebkitTransition': 'webkitTransitionEnd',
'MozTransition': 'transitionend',
'OTransition': 'oTransitionEnd',
'msTransition': 'MSTransitionEnd',
'transition': 'transitionend'
},
transEndEventName = transEndEventNames[ bsfmodernizr.prefixed( 'transition' ) ],
support = { transitions : bsfmodernizr.csstransitions };
function toggleOverlay(id) {
var ovv = 'div.ult-overlay.'+id;
joverlay = document.querySelector( ovv );
overlay = $(ovv);
/* firefox transition issue fix of overflow hidden */
if( overlay.hasClass('ult-open') ) {
overlay.removeClass('ult-open');
overlay.addClass('ult-close');
//classie.remove( overlay, 'ult-open' );
//classie.add( overlay, 'ult-close' );
var onEndTransitionFn = function( ev ) {
if( support.transitions ) {
if( ev.propertyName !== 'visibility' ) return;
this.removeEventListener( transEndEventName, onEndTransitionFn );
}
overlay.removeClass('ult-close');
//classie.remove( overlay, 'ult-close' );
};
if( support.transitions ) {
joverlay.addEventListener( transEndEventName, onEndTransitionFn );
overlay.removeClass('ult-close');
if(window_height < modal_height) //remove overflow hidden
$('html').css({'overflow':'auto'});
}
else {
onEndTransitionFn();
}
}
else if( ! overlay.hasClass('ult-close') ) {
overlay.addClass('ult-open');
//classie.add( overlay, 'ult-open' );
}
var modal_height = overlay.find('.ult_modal').outerHeight(); //modal height
var window_height = $(window).outerHeight(); //window height
if(window_height < modal_height) //if window height is less than modal height
$('html').css({'overflow':'hidden'}); //add overflow hidden to html
}
var corner_to = $('.overlay-show-cornershape').find('path').attr('d');
function overlay_cornershape_f(id){
var ovv = 'div.overlay-cornershape.'+id;
var joverlay_cornershape = document.querySelector( ovv );
var overlay_cornershape = $(ovv);
var s = Snap( joverlay_cornershape.querySelector( 'svg' ) ),
path = s.select( 'path' ),
pathConfig = {
from : 'm 0,0 1439.999975,0 0,805.99999 0,-805.99999 z ',
to : ' m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z '
};
//var overlay_cornershape = document.querySelector( 'div.overlay-cornershape' );
if( overlay_cornershape.hasClass('ult-open') ) {
overlay_cornershape.removeClass('ult-open');
overlay_cornershape.addClass('ult-close');
//classie.remove( overlay_cornershape, 'ult-open' );
//classie.add( overlay_cornershape, 'ult-close' );
var onEndTransitionFn = function( ev ) {
overlay_cornershape.removeClass('ult-close');
//classie.remove( overlay_cornershape, 'ult-close' );
};
path.animate( { 'path' : pathConfig.from }, 400, mina.linear, onEndTransitionFn );
}
else if( ! overlay_cornershape.hasClass('ult-close') ) {
overlay_cornershape.addClass('ult-open');
//classie.add( overlay_cornershape, 'ult-open' );
path.animate( { 'path' : pathConfig.to }, 400, mina.linear );
}
}
function overlay_genie_f(id) {
var ovv = 'div.overlay-genie.'+id;
var joverlay_genie = document.querySelector( ovv );
var overlay_genie = $(ovv);
var gs = Snap( joverlay_genie.querySelector( 'svg' ) ),
geniepath = gs.select( 'path' ),
steps = joverlay_genie.getAttribute( 'data-steps' ).split(';'),
stepsTotal = steps.length;
if( overlay_genie.hasClass('ult-open') ) {
var pos = stepsTotal-1;
overlay_genie.removeClass('ult-open');
overlay_genie.addClass('ult-close');
//classie.remove( joverlay_genie, 'ult-open' );
//classie.add( joverlay_genie, 'ult-close' );
var onEndTransitionFn = function( ev ) {
overlay_genie.removeClass('ult-close');
},
nextStep = function( pos ) {
pos--;
if( pos < 0 ) return;
geniepath.animate( { 'path' : steps[pos] }, 60, mina.linear, function() {
if( pos === 0 ) {
onEndTransitionFn();
}
nextStep(pos);
} );
};
nextStep(pos);
}
else if( !overlay_genie.hasClass('ult-close') ) {
var pos = 0;
overlay_genie.addClass('ult-open');
//classie.add( joverlay_genie, 'ult-open' );
var nextStep = function( pos ) {
pos++;
if( pos > stepsTotal - 1 ) return;
geniepath.animate( { 'path' : steps[pos] }, 60, mina.linear, function() { nextStep(pos); } );
};
nextStep(pos);
}
}
function shuffle_overlay_box(array) {
var currentIndex = array.length
, temporaryValue
, randomIndex
;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
function overlay_boxes_f(id) {
var ovv = 'div.overlay-boxes.'+id;
var joverlay_boxes = document.querySelector( ovv );
var overlay_boxes = $(ovv);
var boxes_path = [].slice.call( joverlay_boxes.querySelectorAll( 'svg > path' ) ),
pathsTotal = boxes_path.length;
var cnt = 0;
shuffle_overlay_box( boxes_path );
if( overlay_boxes.hasClass('ult-open') ) {
overlay_boxes.removeClass('ult-open');
overlay_boxes.addClass('ult-close');
//classie.remove( joverlay_boxes, 'ult-open' );
//classie.add( joverlay_boxes, 'ult-close' );
boxes_path.forEach( function( p, i ) {
setTimeout( function() {
++cnt;
p.style.display = 'none';
if( cnt === pathsTotal ) {
overlay_boxes.removeClass('ult-close');
//classie.remove( joverlay_boxes, 'ult-close' );
}
}, i * 30 );
});
}
else if( !overlay_boxes.hasClass('ult-close') ) {
overlay_boxes.addClass('ult-open');
//classie.add( joverlay_boxes, 'ult-open' );
boxes_path.forEach( function( p, i ) {
setTimeout( function() {
p.style.display = 'block';
}, i * 30 );
});
}
}
$(window).load(function(){
var onload_modal_array = new Array();
$('.ult-onload').each(function(index){
onload_modal_array.push($(this));
setTimeout(function() {
onload_modal_array[index].trigger('click');
}, parseInt($(this).data('onload-delay'))*1000);
});
$('.ult-vimeo iframe').each(function(index, element) {
var player_id = $(this).attr('id');
var iframe = $(this)[0],
player = $f(iframe);
player.addEvent('ready', function() {
player.addEvent('pause');
player.addEvent('finish');
});
});
});
$(document).ready(function(){
$('.ult-overlay').each(function(){
$(this).appendTo(document.body);
});
$('.ult-overlay').show();
$('.overlay-show').each(function(index, element) {
var class_id = $(this).data('class-id');
$('.'+class_id).find('.ult-vimeo iframe').attr('id','video_'+class_id);
$('.'+class_id).find('.ult-youtube iframe').attr('id','video_'+class_id);
});
var modal_count=0;
$(document).on('click', '.overlay-show', function(event){
event.stopPropagation();
event.preventDefault();
var class_id = $(this).data('class-id');
if($(this).parent().hasClass('modal-hide-mobile') != true && $(this).parent().hasClass('modal-hide-tablet') != true ) {
$('.'+class_id).find('.ult_modal-content').removeClass('ult-hide');
$('.'+class_id).find('.ult-vimeo iframe').html($('.ult-vimeo iframe').html());
$('.'+class_id).addClass($(this).data('overlay-class'));
setTimeout(function() {
$('body, html').addClass('ult_modal-body-open');
toggleOverlay(class_id);
content_check(class_id);
}, 500);
if ($(this).parent().attr('data-keypress-control') == 'keypress-control-enable' || $(this).attr('data-keypress-control') == 'keypress-control-enable'){
window.onkeydown = function( e ) {
if (e.keyCode == 27) {
$(document).find('.ult-overlay.ult-open.'+class_id).removeClass('ult-open');
}
}
}
}
});
$(document).on('click', '.overlay-show-cornershape', function(event){
event.stopPropagation();
event.preventDefault();
var class_id = $(this).data('class-id');
$('.'+class_id).find('.ult_modal-content').removeClass('ult-hide');
//$('.overlay-cornershape').removeClass('overlay-cornershape');
setTimeout(function(){
$('.'+class_id).addClass('overlay-cornershape');
overlay_cornershape_f(class_id);
$('body, html').addClass('ult_modal-body-open');
content_check(class_id);
},300);
});
$(document).on('click', 'div.overlay-cornershape div.ult-overlay-close', function(event){
event.stopPropagation();
var class_id = $(this).parents('div.overlay-cornershape').data('class');
overlay_cornershape_f(class_id);
$('body, html').removeClass('ult_modal-body-open');
$('html').css({'overflow':'auto'});
$(document).trigger('onUVCModalPopUpClosed',class_id);
});
$(document).on('click', '.overlay-show-boxes', function(event){
event.stopPropagation();
event.preventDefault();
var class_id = $(this).data('class-id');
$('.'+class_id).find('.ult_modal-content').removeClass('ult-hide');
setTimeout(function(){
$('.'+class_id).addClass('overlay-boxes');
overlay_boxes_f(class_id);
$('body, html').addClass('ult_modal-body-open');
content_check(class_id);
},300);
//$('.overlay-boxes').removeClass('overlay-boxes');
});
$(document).on('click', 'div.overlay-boxes div.ult-overlay-close', function(event){
event.stopPropagation();
var class_id = $(this).parents('div.overlay-boxes').data('class');
overlay_boxes_f(class_id);
$('body, html').removeClass('ult_modal-body-open');
$('html').css({'overflow':'auto'});
$(document).trigger('onUVCModalPopUpClosed',class_id);
});
$(document).on('click', '.overlay-show-genie', function(event){
event.preventDefault();
var class_id = $(this).data('class-id');
$('.'+class_id).find('.ult_modal-content').removeClass('ult-hide');
//$('.overlay-genie').removeClass('overlay-genie');
setTimeout(function(){
$('.'+class_id).addClass('overlay-genie');
overlay_genie_f(class_id);
$('body, html').addClass('ult_modal-body-open');
content_check(class_id);
$('html').css({'overflow':'auto'});
},300);
});
$(document).on('click', 'div.overlay-genie div.ult-overlay-close', function(event){
event.stopPropagation();
var class_id = $(this).parents('div.overlay-genie').data('class');
overlay_genie_f(class_id);
$('body, html').removeClass('ult_modal-body-open');
$('html').css({'overflow':'auto'});
$(document).trigger('onUVCModalPopUpClosed',class_id);
});
$(document).on('click', '.ult-overlay .ult-overlay-close', function(event){
event.stopPropagation();
$this = $(this);
var id = $this.parents('.ult-overlay').data('class');
toggleOverlay(id);
$('body, html').removeClass('ult_modal-body-open');
if($this.parent().find(".ult-vimeo").length){
$this.parent().find(".ult-vimeo iframe").each(function(i,iframe){
var player_id = $(iframe);
var src = $(iframe).attr("src");
$(iframe).attr("src",'');
$(iframe).attr("src",src);
var iframe = player_id[0],
player = $f(iframe);
player.api('pause');
});
}
if ( $this.parent().find(".ult-youtube").length ) {
$this.parent().find(".ult-youtube iframe").each(function(i,iframe){
var src = $(iframe).attr("src");
$(iframe).attr("src",'');
$(iframe).attr("src",src);
});
}
if ( $this.parent().find(".ult-video-shortcode").length ) {
$this.parent().find(".ult-video-shortcode video").each(function(i,video){
video.pause();
});
}
$('html').css({'overflow':'auto'});
$(document).trigger('onUVCModalPopUpClosed');
});
$(document).on('click', '.ult-overlay .ult_modal', function(event){
event.stopPropagation();
});
$(document).on('click', '.ult-overlay', function(event){
event.stopPropagation();
event.preventDefault();
$this = $(this);
var id = $this.data('class');
var a = $(document).find('.ult-modal-input-wrapper').children();
a.each(function () {
var class_id = $(this).data('class-id'); // "this" is the current element in the loop
if( class_id == id && $(this).parent('.ult-modal-input-wrapper').data('overlay-control') == 'overlay-control-enable' ) {
$this.find('.ult-overlay-close').trigger('click');
$('html').css({'overflow':'auto'});
}
});
});
})
function content_check(id){
var ch = $('.'+id).find('.ult_modal-content').height();
var wh = $(window).height();
if(ch>wh){
$('.'+id).addClass('ult_modal-auto-top');
}
else{
$('.'+id).removeClass('ult_modal-auto-top');
}
if($('.'+id).find('iframe').length > 0)
{
$('.'+id).find('iframe').each(function(i,iframe){
$(iframe).attr('src', $(iframe).attr('src'));
});
}
$( document ).trigger( "onUVCModalPopupOpen", id );
}
function resize_modal_iframe()
{
$(".ult_modal-body iframe").each(function(index, element) {
var w = $(this).parent().width();
var small_modal = ($(this).parent().parent().parent().hasClass('ult-small')) ? true : false;
var medium_modal = ($(this).parent().parent().parent().hasClass('ult-medium')) ? true : false;
var large_modal = ($(this).parent().parent().parent().hasClass('ult-container')) ? true : false;
var block_modal = ($(this).parent().parent().parent().hasClass('ult-block')) ? true : false;
var c = w/10;
var h = (w*(9/16))+c;
var is_video = ($(this).parent().hasClass('ult-youtube') || $(this).parent().hasClass('ult-vimeo')) ? true : false;
if(!is_video)
return false;
if(large_modal)
{
var window_height = $(window).height();
if(window_height < h)
h = window_height - 100;
}
if(block_modal)
{
w = $(this).attr('width')
h = $(this).attr('height');
if( typeof w === 'undefined' || w == '')
w = 640;
if( typeof h === 'undefined' || h == '')
h = 360;
}
$(this).css({"width":w+"px","height":h+"px"});
});
}
$(document).on('onUVCModalPopupOpen',function(){
resize_modal_iframe();
$(window).trigger('resize');
});
})(jQuery);