jQuery(document).ready(function($) {
// Magic function that will prepare and render markup.
function efbl_render_poup_markup(object){
var $story_link = object.data('storylink'),
$story_link_text = object.data('linktext'),
$caption = object.data('caption'),
$image_url = object.data('imagelink'),
$iframe_vid_url = object.data('videolink'),
$video_url = object.data('video'),
$itemnumber = object.data('itemnumber'),
$windowWidth = window.innerWidth,
$windowHeight = window.innerHeight - 200;
$('.white-popup .efbl_popup_left_container').css({
"width": "auto",
"height": "auto",
});
$('.efbl_popup_image').css('height', 'auto');
if($image_url){
$('#efblcf_holder .efbl_popup_image').attr('src', $image_url);
$('#efblcf_holder .efbl_popup_image').css('display', 'block');
}
if($iframe_vid_url){
$('#efblcf_holder .efbl_popup_if_video').attr('src', $iframe_vid_url);
$('#efblcf_holder .efbl_popup_if_video').css({
'display' : 'block',
'width' : '720px',
'height' : '400px'
});
}
if($video_url){
$('#efblcf_holder .efbl_popup_video').attr('src', $video_url);
$('#efblcf_holder .efbl_popup_video').css('display', 'block');
setTimeout(function(){
$('#efblcf_holder .efbl_popup_video')[0].play();
}, 500);
}
//$('.efbl-popup-next').attr('data-itemnumber', $itemnumber+1);
//$('.efbl-popup-prev').attr('data-itemnumber', $itemnumber-1);
$('.efbl_feed_wraper #item_number').val($itemnumber);
if($caption){
$('#efblcf_holder .efbl_popupp_footer').html('
'+$caption+'
');
$('#efblcf_holder .efbl_popupp_footer').css('display', 'block');
}
}
function reset_popup_holder(){
//Clear the container for new instance
$('#efblcf_holder .efbl_popup_image').attr('src', '');
$('#efblcf_holder .efbl_popup_image').css('display', 'none');
$('#efblcf_holder .efbl_popup_if_video').attr('src', '');
$('#efblcf_holder .efbl_popup_if_video').css('display', 'none');
$('#efblcf_holder .efbl_popup_video').attr('src', '');
$('#efblcf_holder .efbl_popup_video').css('display', 'none');
$('#efblcf_holder .efbl_popupp_footer').html('');
$('#efblcf_holder .efbl_popupp_footer').css('display', 'none');
}
$('.efbl_feed_popup').magnificPopup({
type: 'ajax',
tLoading: 'Loading...',
preloader: false,
mainClass: 'mfp-fade',
callbacks: {
ajaxContentAdded: function() {
// Ajax content is loaded and appended to DOM
efbl_render_poup_markup(this.st.el);
},
beforeOpen: function() {
// console.log(this.st.el);
// efbl_render_poup_markup(this.st.el);
},
beforeClose: function (){
reset_popup_holder();
}
}
});
$('.efbl_share_links').click(function(){
$(this).next('.efbl_links_container').slideToggle("slow");
});
$('.efbl_info').click(function(){
$(this).siblings('.efbl_comments_wraper').slideToggle("slow");
});
$('body').on('click','.efbl-popup-next',function(){
//reset the existing content
reset_popup_holder();
var $next_pre_itemnumber = $('.efbl_feed_wraper #item_number').val();
$next_pre_itemnumber = parseInt ($next_pre_itemnumber) + 1;
//var $next_pre_itemnumber = $self.data('itemnumber');
var feed_wraper_id = $(this).parents( "#efblcf_holder" ).data('rand_id');
var numItems = $( "#efbl_feed_"+feed_wraper_id + " .efbl_feed_popup" ).length
if($next_pre_itemnumber > numItems){
$next_pre_itemnumber = 1;
}
efbl_render_poup_markup($('.efbl-cff-item_number-' + $next_pre_itemnumber));
//$('.mfp-close').trigger('click');
// setTimeout(function(){
// $('.efbl-cff-item_number-'+$next_pre_itemnumber).trigger('click');
// }, 320)
});
$('body').on('click','.efbl-popup-prev',function(){
//reset the existing content
reset_popup_holder();
var $next_pre_itemnumber = $('.efbl_feed_wraper #item_number').val();
var feed_wraper_id = $(this).parents( "#efblcf_holder" ).data('rand_id');
var numItems = $( "#efbl_feed_"+feed_wraper_id + " .efbl_feed_popup" ).length
if($next_pre_itemnumber == 1){
$next_pre_itemnumber = numItems;
}else{
$next_pre_itemnumber = parseInt($next_pre_itemnumber) - 1;
}
efbl_render_poup_markup($('.efbl-cff-item_number-'+$next_pre_itemnumber));
});
/*
* Check if the like box has loaded. If yes then remove loader and add animation class!
*/
window.onload = function() {
if ($(".efbl_feed_wraper .efbl_custom_likebox")[0]){
FB.Event.subscribe('xfbml.render', function(response) {
var animclasses = $('.efbl-like-box .fb-page').data('animclass');
$('.efbl-loader').remove();
$('.efbl-like-box iframe').addClass('animated ' + animclasses);
});
}
};
});