janoub 24

<!–*/

*/

/*–>*/

<!–

<!–

(function($) {
function loadStory(event) {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
return true;
}
var storyURL = $(this).attr('href');
var storyProtocol = storyURL.split('/')[0];
var pageProtocol = window.location.href.split('/')[0];
if (pageProtocol === 'https:' && storyProtocol === 'http:') {
return true;
}
event.preventDefault();
var $window = $(window);
var $body = $('body');
var $iframe = $('’);
$iframe.prop(‘src’,storyURL);
var $placeholder = $(““);
var $el = $(this).closest(‘[data-sh-embed]’);
var $close = $(‘✖ Close’);
var position = {origin: $el.offset(), width:$el.width(), height: $el.height()};
$close.on(‘click’, closeStory);
$body.css({overflow:’hidden’});
$placeholder.css({width:$el.css(‘height’), display:’block’});
$placeholder.insertBefore($el);
$body.append($el);
$el.css({zIndex:99999});
$el.addClass(‘selected-embed’);
$el.data(‘position’,position);
$el.find(‘.sh-embed-meta’).fadeOut(‘fast’);
$el.append($iframe);
//Set the embed box to be absolutely positioned
$el.css({
position:’absolute’,
top:position.origin.top,
left:0,
height:position.height
});
//Animate to full screen
$el.animate({
top:$window.scrollTop(),
left:0,
height:$window.height(),
zIndex:99999
}, 500, function() {
$iframe.css({visibility:’visible’});
$iframe.fadeIn();
$el.append($close).fadeIn();
});
var agent = navigator.userAgent;
var isDesktopSafari = /Safari/i.test(agent) && !/Chrome/i.test(agent);
// Fix locked scroll on Safari. Issue: #3587 & #3840
if (isDesktopSafari) {
setTimeout(function () {
$el.css({overflow: ‘scroll’});
}, 600);
}
$window.on(‘resize.iframe’, function () {
$el.height($window.height());
if (isDesktopSafari && $el.css(‘overflow’) !== ‘hidden’) {
// On Safari, the launched story requires the container to be set to
// overflow: scroll. As soon as this container is resized, the
// inner scroll becomes active, so this attribute on the container
// is removed.
$el.css({overflow: ‘hidden’});
}
});
}
function closeStory(event) {
event.preventDefault();
var $window = $(window);
var $el = $(‘div.selected-embed’);
var originalPosition = $el.data(‘position’);
var $close = $el.find(‘.sh-embed-close’);
var $iframe = $el.find(‘iframe’);
$el.removeClass(‘selected-embed’);
$iframe.fadeOut(‘fast’);
$close.fadeOut(‘fast’);
//Set the now relative positioned area to where it would be if it was absolutely positioned
$el.css({
zIndex:0,
height:’auto’,
width:’100%’
});
//Animate down to the small size that it was originally
$el.animate({
height:’auto’
}, 500, function() {
$(‘body’).css({overflow:’auto’});
$iframe.remove();
$close.remove();
$el.find(‘.sh-embed-meta’).fadeIn();
var $placeholder = $(“#sh_placeholder”);
$el.insertAfter($placeholder);
$placeholder.remove();
$el.css({position:’relative’,’top’:’auto’,’left’:’auto’});
});
//Stop watching for browser height changes
$window.off(“resize.iframe”);
}
if (window.jQuery) {
$(‘.sh-embed-btn[data-embed-untouched]’).each(function() {
$(this).removeAttr(‘data-embed-untouched’);
$(this).on(‘click’, loadStory);
});
}
})(window.jQuery);
//–>

//–>