/* mediaboxAdvanced v2.0.7 - The ultimate extension of Slimbox and Mediabox; an all-media script jQuery script from Cédric KEIFLIN - http://www.joomlack.fr - http://www.template-creator.com Original Mootools script from (c) 2007-2011 John Einselen - http://iaian7.com based on Slimbox v1.64 - The ultimate lightweight Lightbox clone (c) 2007-2008 Christophe Beyls - http://www.digitalia.be license: MIT-style authors: - John Einselen - Christophe Beyls - Contributions from many others - Cédric KEIFLIN provides: [Mediabox.open, Mediabox.close, Mediabox.recenter, Mediabox.scanPage] modification by ced1870 - Cédric KEIFLIN version 2.2.3 - 07/07/21 : - add pagination feature for the gallery - remove old flash player code version 2.2.2 - 28/06/21 : - add compatibility with webp image version 2.2.1 - 10/12/20 : - add controls size option - do not hide arrows if we are in gallery mode. Just make them disabled version 2.2.1 - 16/09/20 : - add fadeout option version 2.2.0 - 11/05/20 : - add zoom feature - remove from jQuery instance version 2.1.9 - 14/01/19 : - add fullscreen option on Vimeo version 2.1.8 - 12/12/18 : - fix issue with Vimeo version 2.1.7 - 27/09/18 : - add option for autoload version 2.1.6 - 29/11/17 : - fix issue with media called with http version 2.1.5 - 26/07/17 : - change attr('mediaboxck_done') to data('mediaboxck_done') version 2.1.4 - 07/10/16 : - fix an issue with vimeo version 2.1.3 - 11/06/16 : - fix an issue with diapo autoplay version 2.1.2 - 31/05/16 : - fix an issue with mediaType not changing between items version 2.1.1 - 30/05/16 : - add IE compatibility for gallery mode to fix image distortion version 2.1.0 - 28/04/16 : - add management for touch behavior, zoom with pinch - force the mobile behavior on tablets also version 2.0.7 - 23/01/16 : - fix issue with mp4 on iPad version 2.0.6 - 04/11/15 : - add HTML5 player for video and audio for local files - fix a resize issue on page load - add loop option for the video version 2.0.5 - 08/10/15 : - remove title on links to avoid the system tooltip to be shown on mouseover - add toolbar option - add autoplay/diaporama features version 2.0.4 - 17/07/15 : - use html5 for dailymotion - fix issue with keyboard navigation version 2.0.3 - 02/06/15 : - added support for mobile device with touch behavior version 2.0.2 - 29/05/15 : - improved the mobile and responsive behavior version 2.0.1 - 07/04/15 : - fix an issue with Dailymotion version 2.0.0 - 23/03/15 : - migrated to jQuery by ced1870 version 1.5.4a : - fix an issue for IE11 margin left line 217+218 */ var Mediabox; (function($) { // browser detection if ($.browser == undefined) { var userAgent = navigator.userAgent.toLowerCase(); $.browser = { version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[/: ]([d.]+)/ ) || [])[1], chrome: /chrome/.test( userAgent ), safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ), opera: /opera/.test( userAgent ), msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), ios: /(iPod|iPhone|iPad)/.test( userAgent ), mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) }; } // Global variables, accessible to Mediabox only var options, mediaArray, activeMedia, prevMedia, nextMedia, top, mTop, left, mLeft, winWidth, winHeight, fx, preload, preloadPrev = new Image(), preloadNext = new Image(), // DOM elements overlay, center, media, bottom, captionSplit, title, caption, number, prevLink, nextLink, pauseLink, playLink, zoomBarMinus, zoomBarPlus, zoomBarValue, zoomBar, // added by ced1870 mediaInitW, mediaInitH, toolbar, pieLoader, pieLoaderBar, t, loader, rad, setT, // Mediabox specific vars URL, WH, WHL, elrel, mediaWidth, mediaHeight, mediaType = "none", mediaSplit, mediaId = "mediaBox", margin, marginBottom; /* Initialization */ jQuery(document).ready(function(){ // Create and append the Mediabox HTML code at the bottom of the document overlay = $('<div id="mbOverlay" />').css("display", "none").click(close); center = $('<div id="mbCenter" />').css("display", "none"); toolbar = $('<div id="mbToolbar" />').css("display", "none"); $(document.body).append( overlay, center ); center.append($('<div id="mbContainer" />')); container = $('#mbContainer'); container.append($('<div id="mbMedia" />')); media = $('#mbMedia'); center.append(bottom = $('<div id="mbBottom">')); closeLink = $('<a id="mbCloseLink" href="#" />').click(close); nextLink = $('<a id="mbNextLink" href="#" />').click(next); prevLink = $('<a id="mbPrevLink" href="#" />').click(previous); playLink = $('<a id="mbPlayLink" href="#" />').click(play); pauseLink = $('<a id="mbPauseLink" href="#" />').click(pause); zoomBar = $('<span id="mbZoomBar"></span>'); title = $('<div id="mbTitle" />'); number = $('<div id="mbNumber" />'); caption = $('<div id="mbCaption" />'); pieLoader = $('<div id="mbPieLoader" />'); pieLoaderBar = $('<div id="mbPieLoaderBar" />'); pieLoader.append(pieLoaderBar); // compatibility for IE in the gallery mode var isIE = /*@cc_on!@*/false || !!document.documentMode; if (isIE) launchMediaboxckIeCompat(); }); function launchMediaboxckIeCompat() { var figures = $('figure.mediaboxck'); for (i=0; i<figures.length; i++) { $(figures[i]).addClass('mediaboxckie'); var image = $(figures[i]).find('img'); image.wrap('<div class="iefake"></div>'); var fake = figures[i].children[0]; image.css('opacity', '0'); $(fake).css('backgroundImage', "url('" + image.attr('src') + "')"); } } /* API */ Mediabox = { close: function(){ close(); // Thanks to Yosha on the google group for fixing the close function API! }, recenter: function(){ // Thanks to Garo Hussenjian (Xapnet Productions http://www.xapnet.com) for suggesting this addition if (center) { // fix by ced1870 left = '50%'; center.css({left: left, marginLeft: -(mediaWidth/2)-margin}); } }, open: function(_mediaArray, startMedia, _options) { options = { // Text options (translate as needed) // example of html characters : ◼ ❙❙ ❚❚ ► ⚫ ⏪ ⏩ <big>«</big>','<big>»</big>','<big>×</big>', '<big>►</big>' // buttonText: ['<big>⏪</big>','<big>⏩</big>','<big>×</big>', '<big>►</big>', '<big>❙❙</big>'], // Array defines "previous", "next", and "close" button content (HTML code should be written as entity codes or properly escaped) buttonText: ['<big>«</big>','<big>»</big>','<big>×</big>', '<big>►</big>', '<big>❙❙</big>'], // Array defines "previous", "next", and "close" button content (HTML code should be written as entity codes or properly escaped) // buttonText: ['<big>«</big>','<big>»</big>','<big>×</big>'], // buttonText: ['<b>P</b>rev','<b>N</b>ext','<b>C</b>lose'], counterText: '({x} of {y})', // Counter text, {x} = current item number, {y} = total gallery length linkText: '<a href="{x}" target="_new">{x}</a><br/>open in a new tab</div>', // Text shown on iOS devices for non-image links flashText: '<b>Error</b><br/>Adobe Flash is either not installed or not up to date, please visit <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" title="Get Flash" target="_new">Adobe.com</a> to download the free player.', // Text shown if Flash is not installed. // General overlay options center: false, // Set to false for use with custom CSS layouts loop: false, // Navigate from last to first elements in a gallery keyboard: true, // Enables keyboard control; escape key, left arrow, and right arrow keyboardAlpha: false, // Adds 'x', 'c', 'p', and 'n' when keyboard control is also set to true keyboardStop: false, // Stops all default keyboard actions while overlay is open (such as up/down arrows) // Does not apply to iFrame content, does not affect mouse scrolling overlayOpacity: 0.8, // 1 is opaque, 0 is completely transparent (change the color in the CSS file) resizeOpening: true, // Determines if box opens small and grows (true) or starts at larger size (false) resizeDuration: 240, // Duration of each of the box resize animations (in milliseconds) initialWidth: 320, // Initial width of the box (in pixels) initialHeight: 180, // Initial height of the box (in pixels) defaultWidth: 640, // Default width of the box (in pixels) for undefined media (MP4, FLV, etc.) defaultHeight: 360, // Default height of the box (in pixels) for undefined media (MP4, FLV, etc.) showCaption: true, // Display the title and caption, true / false showCounter: true, // If true, a counter will only be shown if there is more than 1 image to display countBack: false, // Inverts the displayed number (so instead of the first element being labeled 1/10, it's 10/10) clickBlock: true, // Adds an event on right-click to block saving of images from the context menu in most browsers (this can't prevent other ways of downloading, but works as a casual deterent) // due to less than ideal code ordering, clickBlock on links must be removed manually around line 250 // iOS device options // iOSenable: false, // When set to false, disables overlay entirely (links open in new tab) // IMAGES and INLINE content will display normally, // while ALL OTHER content will display a direct link (this is required so as to not break mixed-media galleries) iOShtml: true, // If set to true, HTML content is displayed normally as well (useful if your HTML content is minimal and UI oriented instead of external sites) // Mobile behavior isMobileEnable: true, // activate a specific interface for touch device // mobileDetection: 'resolution', // resolution, tablet, phone isMobile: false, // detects whether or not the device is a mobile like tablet or phone mobileResolution: '640', // set the resolution from which to switch to the mobile view // Image options imgBackground: false, // Embed images as CSS background (true) or <img> tag (false) // CSS background is naturally non-clickable, preventing downloads // IMG tag allows automatic scaling for smaller screens // (all images have no-click code applied, albeit not Opera compatible. To remove, comment lines 212 and 822) imgPadding: 100, // Clearance necessary for images larger than the window size (only used when imgBackground is false) // Change this number only if the CSS style is significantly divergent from the original, and requires different sizes // Inline options overflow: 'auto', // If set, overides CSS settings for inline content only, set to "false" to leave CSS settings intact. inlineClone: false, // Clones the inline element instead of moving it from the page to the overlay // Global media options html5: 'true', // HTML5 settings for YouTube and Vimeo, false = off, true = on scriptaccess: 'true', // Allow script access to flash files fullscreen: 'true', // Use fullscreen fullscreenNum: '1', // 1 = true autoplay: 'true', // Plays the video as soon as it's opened autoplayNum: '1', // 1 = true autoplayYes: 'yes', // yes = true volume: '100', // 0-100, used for NonverBlaster and Quicktime players medialoop: 'true', // Loop video playback, true / false, used for NonverBlaster and Quicktime players bgcolor: '#000000', // Background color, used for flash and QT media wmode: 'transparent', // Background setting for Adobe Flash ('opaque' and 'transparent' are most common) addmediadownloadbutton: '0', // Adds the download buttons under the media // NonverBlaster playerpath: 'plugins/system/mediabox_ck/mediabox_ck/assets/NonverBlaster.swf', // Oboslete, no more used. Path to NonverBlaster.swf showTimecode: 'false', // turn timecode display off or on (true, false) controlColor: '0xFFFFFF', // set the control color controlBackColor: '0x0000000', // set the bakcground color (video only) // playerBackColor: '0x0000FF', // set the player background color (leave blank to allow CSS styles to show through for audio) playerBackColor: '', // set the player background color (leave blank to allow CSS styles to show through) wmodeNB: 'transparent', // Background setting for Adobe Flash (set to 'transparent' for a blank background, 'opaque' in other situations) // autoAdvance: 'false', // placeholder setting only - not currently implemented (intending to add auto gallery list navigation on play-end) // Quicktime options controller: 'true', // Show controller, true / false // Flickr options flInfo: 'true', // Show title and info at video start // Revver options revverID: '187866', // Revver affiliate ID, required for ad revinue sharing revverFullscreen: 'true', // Fullscreen option revverBack: '000000', // Background color revverFront: 'ffffff', // Foreground color revverGrad: '000000', // Gradation color // Ustream options usViewers: 'true', // Show online viewer count (true, false) // Youtube options ytBorder: '0', // Outline (1=true, 0=false) ytColor1: '000000', // Outline color ytColor2: '333333', // Base interface color (highlight colors stay consistent) ytRel: '0', // Show related videos (1=true, 0=false) ytInfo: '1', // Show video info (1=true, 0=false) ytSearch: '0', // Show search field (1=true, 0=false) // Viddyou options vuPlayer: 'basic', // Use 'full' or 'basic' players // Vimeo options vmTitle: '1', // Show video title vmByline: '1', // Show byline vmPortrait: '1', // Show author portrait vmColor: 'ffffff', // Custom controller colors, hex value minus the # sign, defult is 5ca0b5 // Mediabox CK special options attribType: 'rel', // Attribute selector to filter the links ('rel' or 'className') showToolbar: '1', // Show the toolbar to navigate and launch the diaporama diapoTime: 1000, // Time in ms between each image when the diaporama is launched diapoAutoplay: 'false', // Launch immediately the autoplay when the gallery opens showZoom: '0', // Show the toolbar to use the zoom on images toolbarSize: 'normal' // Set the size of the controls in the toolbar }; options = $.extend({}, options, _options); if (typeof _mediaArray == "string") { // Used for single mediaArray only, with URL and Title as first two arguments _mediaArray = [[_mediaArray,startMedia,_options]]; startMedia = 0; } mediaArray = _mediaArray; options.loop = options.loop && (mediaArray.length > 1); if (options.showToolbar == '1' && mediaArray.length > 1) { toolbar.append(closeLink, nextLink, pauseLink, playLink, prevLink, zoomBar, pieLoader); bottom.append(title, caption, number); } else { bottom.append(closeLink, nextLink, prevLink, zoomBar, title, number, caption); } prevLink.html( options.buttonText[0]); nextLink.html( options.buttonText[1]); closeLink.html( options.buttonText[2]); playLink.html( options.buttonText[3]); pauseLink.html( options.buttonText[4]).hide(); if (options.showZoom == '1' && ! $('#mbZoomMinus').length) { zoomBarMinus = $('<a id="mbZoomMinus" href="#" ><big>-</big></a>').click(zoomMinus); zoomBarPlus = $('<a id="mbZoomPlus" href="javascript:void(0)" />').click(zoomPlus); zoomBarPlus.html('<big>+</big>'); zoomBarValue = $('<a id="mbZoomValue" href="#"><big>100 %</big></a>').click(zoomInit); zoomBar.append(zoomBarMinus, zoomBarValue, zoomBarPlus); } if (options.toolbarSize == 'big') { bottom.addClass('mbBottomBig'); } media.addClass('paused'); size(); setup(true); top = $(window).scrollTop() + ($(window).height()/2); // fix by ced1870 left = '50%'; mediaLeftMargin = ( media.css('margin-left') == 'auto' ) ? 0 : media.css('margin-left'); margin = parseInt(center.css('padding-left'))+parseInt(mediaLeftMargin)+parseInt(media.css('padding-left')); // modif ced1870 marginBottom = parseInt(bottom.css('margin-left'))+parseInt(bottom.css('padding-left'))+parseInt(bottom.css('margin-right'))+parseInt(bottom.css('padding-right')); // suppression margin sur centrage avec marginlef center.css({top: top, left: left, width: options.initialWidth, height: options.initialHeight, marginTop: -(options.initialHeight/2), marginLeft: -(options.initialWidth/2), display: ""}); if (mediaArray.length > 1) toolbar.css({top: $(window).scrollTop(), left: left, display: ""}); $('#mbOverlay').css('opacity', 0).fadeTo( 360, options.overlayOpacity); if (options.showToolbar == '1' && mediaArray.length > 1) { loadToolbar(); } if (options.diapoAutoplay == '1') { play(); } return changeMedia(startMedia); }, pagination: function(wrap) { var pagination = wrap.find('.mediaboxck-pagination'); if (! pagination.length || pagination.data('done') === '1') return; pagination.data('done', '1'); var per_page = parseInt(pagination.attr('data-perpage')); pagination.find('a.mediaboxck-pagination-link').click(function() { pagination.find('li').removeClass('active'); $(this).parent().addClass('active'); let page = parseInt($(this).attr('data-page')); let mediaboxcont = $(this).closest('.mediaboxck_cont'); var mediaboxcontinner = mediaboxcont.find('.mediaboxck_cont_inner'); let start = per_page * (page - 1) + 1; let end = start + per_page - 1; var links = mediaboxcont.find('.mediaboxck_link:nth-child(n+' + start + '):nth-child(-n+' + end + ')'); // hide all links mediaboxcontinner.css('height', mediaboxcontinner.height()); mediaboxcont.find('.mediaboxck_link').stop().animate({'opacity': '0'}, 500, function() { $(this).hide(); links.css({'display' : 'inline-block', 'opacity' : '0'}).stop().animate({'opacity': '1'}, 500, function() { mediaboxcontinner.css('height', ''); }); }); // show needed links }); // add the navigation controls wrap.find('.mediaboxck-navigation-prev').click(function() { if (! pagination.find('li.active').prev().length) return; pagination.find('.mediaboxck-navigation-disabled').removeClass('mediaboxck-navigation-disabled'); pagination.find('li.active').prev().find('a').trigger('click'); if (! pagination.find('li.active').prev().length) $(this).addClass('mediaboxck-navigation-disabled'); }); wrap.find('.mediaboxck-navigation-next').click(function() { if (! pagination.find('li.active').next().length) return; pagination.find('.mediaboxck-navigation-disabled').removeClass('mediaboxck-navigation-disabled'); pagination.find('li.active').next().find('a').trigger('click'); if (! pagination.find('li.active').next().length) $(this).addClass('mediaboxck-navigation-disabled'); }); } }; // $.fn.mediabox = function(_options, linkMapper, linksFilter) { /* Internal functions */ function position() { overlay.css({top: window.getScrollTop(), left: window.getScrollLeft()}); } function size() { winWidth = $(window).width(); winHeight = $(window).height(); /* check if we need to switch to the mobile view */ // if (options.isMobileEnable) { // if (winWidth <= parseInt(options.mobileResolution)) { // center.addClass('mediaboxckmobile'); // toolbar.addClass('mediaboxckmobile'); // } else { // center.removeClass('mediaboxckmobile'); // toolbar.removeClass('mediaboxckmobile'); // } // } var dim = getCenterDimensions(); center.css({width: dim['width'], height: dim['height'] , top: dim['top'], marginTop: dim['marginTop'], marginLeft: dim['marginLeft']}); centerImage(); resizeVideos(); } function getCenterDimensions() { winWidth = $(window).width(); winHeight = $(window).height(); if (mediaInitH == undefined) mediaInitH = options.defaultHeight; // if (mediaHeight == undefined) mediaHeight = options.defaultHeight; // if (mediaWidth == undefined) mediaWidth = options.defaultWidth; if ( mediaInitH >= winHeight-options.imgPadding && (mediaHeight / winHeight) >= (mediaWidth / winWidth) && ! center.hasClass('mediaboxckmobile') ) { top = $(window).scrollTop() + ($(window).height()/2); tmpHeight = winHeight-options.imgPadding; tmpWidth = parseInt((tmpHeight/mediaInitH)*mediaInitW, 10); media.css({width: tmpWidth, height: tmpHeight}); bottom.css({width: tmpWidth-marginBottom+"px"}); caption.css({width: tmpWidth-marginBottom+"px"}); tmpWidth = media.outerWidth(); tmpHeight = media.outerHeight()+bottom.outerHeight(); } else if ( (mediaInitW >= winWidth-options.imgPadding && (mediaInitH / winHeight) < (mediaInitW / winWidth)) && ! center.hasClass('mediaboxckmobile') ) { top = $(window).scrollTop() + ($(window).height()/2); tmpWidth = winWidth-options.imgPadding; tmpHeight = parseInt((tmpWidth/mediaInitW)*mediaInitH, 10); media.css({width: tmpWidth, height: tmpHeight}); bottom.css({width: tmpWidth-marginBottom+"px"}); caption.css({width: tmpWidth-marginBottom+"px"}); tmpWidth = media.outerWidth(); tmpHeight = media.outerHeight()+bottom.outerHeight(); }else if( mediaInitW < winWidth-options.imgPadding && ! center.hasClass('mediaboxckmobile') ) { top = $(window).scrollTop() + ($(window).height()/2); tmpWidth = mediaInitW; tmpHeight = mediaInitH; media.css({width: tmpWidth, height: tmpHeight}); bottom.css({width: tmpWidth-marginBottom+"px"}); caption.css({width: tmpWidth-marginBottom+"px"}); tmpWidth = media.outerWidth(); tmpHeight = media.outerHeight()+bottom.outerHeight(); } var dim = new Array(); centerw = media.outerWidth(); centerh = media.outerHeight()+bottom.outerHeight(); dim['width'] = centerw; dim['height'] = centerh; dim['top'] = $(window).scrollTop() + ($(window).height()/2); dim['marginTop'] = -(centerh/2); dim['marginLeft'] = -(centerw/2); return dim; } function resizeVideos() { // force the videos to fit the visible area if (center.hasClass('mediaboxckmobile')) { media.find('object,iframe, video, audio').height('calc(100% - ' + parseInt(bottom.height()) + 'px)'); } else { media.find('object, iframe, video, audio').height(media.height()); } } function centerImage() { var mediaImg = media.find('img'); if (center.hasClass('mediaboxckmobile')) { // to center the image in the screen mediaImg.css({top: '0%', marginTop: ($(window).height() - mediaImg.height())/2, left: '0%', marginLeft: ($(window).width() - mediaImg.width())/2}); } else { mediaImg.css({top: '0%', marginTop: '0'}); } } function setup(open) { // Hides on-page objects and embeds while the overlay is open, nessesary to counteract Firefox stupidity // if (Browser.firefox) { // ["object", window.ie ? "select" : "embed"].forEach(function(tag) { // Array.forEach($$(tag), function(el) { // if (open) el._mediabox = el.style.visibility; // el.style.visibility = open ? "hidden" : el._mediabox; // }); // }); // } overlay.css('display', (open ? "" : "none") ); // var fn = open ? "addEvent" : "removeEvent"; // TODO : browser à migrer // if (Browser.Platform.ios || Browser.ie6) window[fn]("scroll", position); // scroll position is updated only after movement has stopped $(window).off("keydown", keyDown); if (options.keyboard) $(window).bind('keydown',keyDown); if (options.isMobileEnable && options.isMobile) { center.addClass('mediaboxckmobile'); toolbar.addClass('mediaboxckmobile'); } } function keyDown(event) { if (options.keyboardAlpha) { switch(event.code) { case 27: // Esc case 88: // 'x' case 67: // 'c' close(); break; case 37: // Left arrow case 80: // 'p' previous(); break; case 39: // Right arrow case 78: // 'n' next(); } } else { switch(event.keyCode) { case 27: // Esc close(); break; case 37: // Left arrow previous(); break; case 39: // Right arrow next(); } } if (options.keyboardStop) { return false; } } function previous() { resetAutoplay(); return changeMedia(prevMedia); } function next() { resetAutoplay(); return changeMedia(nextMedia); } rad = 0; var radSum = 0.005; function play() { if(media.hasClass('paused')) { media.removeClass('paused'); pauseLink.show(); playLink.hide(); } autoplay(); return false; } function autoplay() { if (media.hasClass('paused')) return; clearInterval(loader); loader = setInterval( function(){ if(rad<1 && !media.hasClass('paused')){ rad = (rad+radSum); if (rad > 1) rad = 1; pieLoaderBar.css({'width':(rad*100)+'%'}); } else if (rad<=1 && media.hasClass('paused')){ rad = rad; } else { clearInterval(loader); if(!media.hasClass('paused')) { resetAutoplay(); next(); } } } , options.diapoTime*radSum); } function resetAutoplay() { clearInterval(loader); rad = 0; pieLoaderBar.css('width', '0'); } function pause() { clearInterval(loader); pieLoaderBar.stop(true, true); // clearInterval(t); media.addClass('paused'); pauseLink.hide(); playLink.show(); return false; } function zoomPlus() { $('#mbMedia').addClass('mbZooming'); var zoomValue = getZoomValue(); zoomValue = (zoomValue + 10) / 100; var mediaImg = media.find('img'); mediaImg.css('transform', 'scale(' + (zoomValue) + ')'); setZoomValue(zoomValue * 100); return false; } function zoomMinus() { $('#mbMedia').addClass('mbZooming'); var zoomValue = getZoomValue(); if (zoomValue <= 10 ) return false; zoomValue = (zoomValue - 10) / 100; var mediaImg = media.find('img'); mediaImg.css('transform', 'scale(' + (zoomValue) + ')'); setZoomValue(zoomValue * 100); return false; } function zoomInit() { $('#mbMedia').removeClass('mbZooming'); var zoomValue = 1; var mediaImg = media.find('img'); mediaImg.css('transform', 'scale(1)'); setZoomValue(zoomValue * 100); return false; } function getZoomValue() { return parseInt($('#mbZoomValue big').text()); } function setZoomValue(val) { $('#mbZoomValue big').text(parseInt(val) + '%'); } function getNaturalImageSize(img) { // Get on screen image var screenImage = $(img); // Create new offscreen image to test var theImage = new Image(); theImage.src = screenImage.attr("src"); // Get accurate measurements from that. var imageWidth = theImage.width; var imageHeight = theImage.height; } function loadToolbar() { // inject the toolbar in the page $(document.body).append( toolbar ); toolbar.delay(200).css('opacity', 0).fadeTo( 360, 1); } function createMedia(url, params, mediaURL) { // NOTE : url not used, this setting is obsolete for flash medias var html = ''; // if media path is given, use html5 if(! mediaURL) mediaURL = ''; if (mediaURL) { // get the file name without extension var mediaExt = mediaURL.split('.').pop(); // var mediaExt = mediaURL[1]; mediaURL = mediaURL.replace('.' + mediaExt, ''); var medialoop = options.medialoop ? 'loop' : ''; var mediaautoplay = options.autoplay ? 'autoplay' : ''; var isAudio = mediaExt == 'mp3' || mediaExt == 'ogg' || mediaExt == 'aac' || mediaExt == 'wav'; var isVideo = mediaExt == 'mp4' || mediaExt == 'webm' || mediaExt == 'ogv'; // load the html5 tags for audio if (isAudio) { html += '<audio '+medialoop+' '+mediaautoplay+' controls="controls" style="width:100%">' +'<source src="'+mediaURL+'.mp3" type="audio/mp3" />' +'<source src="'+mediaURL+'.ogg" type="audio/ogg" />' +'<source src="'+mediaURL+'.aac" type="audio/aac" />' +'<source src="'+mediaURL+'.wav" type="audio/wav" />'; } else { html += '<video '+medialoop+' '+mediaautoplay+' controls="controls" poster="'+mediaURL+'.jpg" width="'+params['width']+'" height="'+params['height']+'">' +'<source src="'+mediaURL+'.mp4" type="video/mp4" />' +'<source src="'+mediaURL+'.webm" type="video/webm" />' +'<source src="'+mediaURL+'.ogv" type="video/ogg" />'; } } /*html += '<object data="'+url+'" width="'+params['width']+'" height="'+params['height']+'" type="application/x-shockwave-flash">' +'<param name="movie" value="'+url+'" />' +'<param name="allowFullScreen" value="true" />' +'<param name="wmode" value="transparent" />'; for (var param in params['params']) { html += '<param name="'+param+'" value="'+params['params'][param]+'" />'; } //+'<param name="flashVars" value="config={'playlist':[ 'linktoposter.jpg',{'url':'linktomovie.mp4','autoPlay':false}]}" />' // html += '<img alt="My Movie" src="linktoposter.jpg" width="'+params['width']+'" height="'+params['height']+'" title="No video playback capabilities, please download the video below." />' html += '</object>';*/ // html += '<!-- Fallback Text -->' // +'Your browser does not appear to support a browser. Please download the video below.' if (mediaURL) { if (isAudio) { html += '</audio>'; } else { html += '</video>'; } } if (options.addmediadownloadbutton == '1') { if (isAudio) { html += '<p>' +'<strong>Download audio file:</strong> <a href="'+mediaURL+'.mp3">MP3 format</a> | <a href=" '+mediaURL+'.ogg">Ogg format</a> | <a href=" '+mediaURL+'.aac">Aac format</a>' +'</p>'; } else { html += '<p>' +'<strong>Download video:</strong> <a href="'+mediaURL+'.mp4">MP4 format</a> | <a href=" '+mediaURL+'.ogv">Ogg format</a> | <a href=" '+mediaURL+'.webm">WebM format</a>' +'</p>'; } } return $(html); } function changeMedia(mediaIndex) { if (mediaIndex >= 0) { // if (Browser.Platform.ios && !options.iOSenable) { // window.open(mediaArray[mediaIndex][0], "_blank"); // close(); // return false; // } media.html(''); zoomBar.hide(); zoomInit(); activeMedia = mediaIndex; prevMedia = ((activeMedia || !options.loop) ? activeMedia : mediaArray.length) - 1; nextMedia = activeMedia + 1; if (nextMedia == mediaArray.length) nextMedia = options.loop ? 0 : -1; stop(); center.addClass("mbLoading"); if (preload && mediaType == "inline" && !options.inlineClone) preload.adopt(media.getChildren()); // prevents loss of adopted data // initialize the mediaType to avoid bad interactions mediaType = ''; /* mediaboxAdvanced link formatting and media support */ if (!mediaArray[mediaIndex][2]) mediaArray[mediaIndex][2] = ''; // Thanks to Leo Feyer for offering this fix WH = mediaArray[mediaIndex][2].split(' '); WHL = WH.length; if (options.fullWidth == '1') { mediaWidth = ''; mediaHeight = ''; center.addClass('mediaboxckfullwidth'); } else if (WHL>1) { // mediaWidth = (WH[WHL-2].match("%")) ? (window.getWidth()*((WH[WHL-2].replace("%", ""))*0.01))+"px" : WH[WHL-2]+"px"; mediaWidth = (WH[WHL-2].match("%")) ? ($(window).width()*((WH[WHL-2].replace("%", ""))*0.01)) : WH[WHL-2]; // mediaHeight = (WH[WHL-1].match("%")) ? (window.getHeight()*((WH[WHL-1].replace("%", ""))*0.01))+"px" : WH[WHL-1]+"px"; mediaHeight = (WH[WHL-1].match("%")) ? ($(window).height()*((WH[WHL-1].replace("%", ""))*0.01)) : WH[WHL-1]; } else { if (options.defaultWidth.match("%")) { mediaWidth = ($(window).width() * (parseInt(options.defaultWidth) / 100) - 10); } else { mediaWidth = ""; } if (options.defaultHeight.match("%")) { mediaHeight = ($(window).height() * (parseInt(options.defaultHeight) / 100) - 10); } else { mediaHeight = ""; } } URL = mediaArray[mediaIndex][0]; // URL = encodeURI(URL).replace("(","%28").replace(")","%29"); // URL = encodeURI(URL).replace("(","%28").replace(")","%29").replace("%20"," "); captionSplit = (mediaArray[activeMedia][1] != undefined) ? mediaArray[activeMedia][1].split('::') : ''; // Quietube and yFrog support if (URL.match(/quietube\.com/i)) { mediaSplit = URL.split('v.php/'); URL = mediaSplit[1]; } else if (URL.match(/\/\/yfrog/i)) { mediaType = (URL.substring(URL.length-1)); if (mediaType.match(/b|g|j|p|t/i)) mediaType = 'image'; if (mediaType == 's') mediaType = 'flash'; if (mediaType.match(/f|z/i)) mediaType = 'video'; URL = URL+":iphone"; } /* Specific Media Types */ // GIF, JPG, PNG if (URL.match(/\.gif|\.jpg|\.jpeg|\.webp|\.png|twitpic\.com/i) || mediaType == 'image') { center.removeClass('mediaboxckfullwidth'); mediaType = 'img'; URL = URL.replace(/twitpic\.com/i, "twitpic.com/show/full"); preload = new Image(); preload.onload = startEffect; preload.src = URL; zoomBar.show(); // FLV, MP4 } else if (URL.match(/\.flv|\.mp4/i) || mediaType == 'video') { mediaType = 'video'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; preload = createMedia('', { id: 'mbVideo', width: '100%', height: '100%', params: {wmode: options.wmodeNB, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }, URL); startEffect(); // MP3, AAC } else if (URL.match(/\.mp3|\.aac|tweetmic\.com|tmic\.fm/i) || mediaType == 'audio') { mediaType = 'audio'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || "17"; if (URL.match(/tweetmic\.com|tmic\.fm/i)) { URL = URL.split('/'); URL[4] = URL[4] || URL[3]; URL = "//media4.fjarnet.net/tweet/tweetmicapp-"+URL[4]+'.mp3'; } preload = createMedia('', { id: 'mbAudio', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }, URL); startEffect(); // SWF } else if (URL.match(/\.swf/i) || mediaType == 'flash') { mediaType = 'obj'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; preload = createMedia(URL, { id: 'mbFlash', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // removed by ced1870, .mov no more useful // MOV, M4V, M4A, MP4, AIFF, etc. /*} else if (URL.match(/\.mov|\.m4v|\.m4a|\.aiff|\.avi|\.caf|\.dv|\.mid|\.m3u|\.mp2||\.qtz/i) || mediaType == 'qt') { mediaType = 'qt'; mediaWidth = mediaWidth || options.defaultWidth; // mediaHeight = (parseInt(mediaHeight, 10)+16)+"px" || options.defaultHeight; mediaHeight = (parseInt(mediaHeight, 10)+16) || options.defaultHeight; preload = new Quickie(URL, { id: 'MediaboxQT', width: mediaWidth, height: mediaHeight, attributes: {controller: options.controller, autoplay: options.autoplay, volume: options.volume, loop: options.medialoop, bgcolor: options.bgcolor} }); startEffect(); */ // Blip.tv } /* Social Media Sites */ else if (URL.match(/blip\.tv/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "640"; mediaHeight = mediaHeight || "390"; preload = createMedia(URL, { src: URL, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Break.com } else if (URL.match(/break\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "464"; mediaHeight = mediaHeight || "376"; mediaId = URL.match(/\d{6}/g); preload = createMedia('//embed.break.com/'+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // DailyMotion } else if (URL.match(/dailymotion\.com/i)) { // mediaType = 'obj'; // mediaWidth = mediaWidth || "480"; // mediaHeight = mediaHeight || "381"; // preload = createMedia(URL, { // id: mediaId, // width: mediaWidth, // height: mediaHeight, // params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} // }); // startEffect(); mediaSplit_video = URL.split('video/'); mediaSplit_swf = URL.split('swf/'); if (options.html5 && (mediaSplit_video.length > 1 || mediaSplit_swf.length > 1)) { mediaType = 'url'; mediaWidth = mediaWidth || "640"; mediaHeight = mediaHeight || "381"; // mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. mediaId = mediaSplit_video[1] || mediaSplit_swf[1]; preload = $('<iframe />', { 'src': '//www.dailymotion.com/embed/video/'+ mediaId, 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'frameborder': 0 }); startEffect(); } else { mediaType = 'obj'; mediaId = mediaSplit_swf[1]; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "381"; preload = createMedia('//www.dailymotion.com/swf/'+mediaId, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); } // Facebook } else if (URL.match(/facebook\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "320"; mediaHeight = mediaHeight || "240"; mediaSplit = URL.split('v='); mediaSplit = mediaSplit[1].split('&'); mediaId = mediaSplit[0]; preload = createMedia('//www.facebook.com/v/'+mediaId, { movie: '//www.facebook.com/v/'+mediaId, classid: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Flickr } else if (URL.match(/flickr\.com(?!.+\/show\/)/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "500"; mediaHeight = mediaHeight || "375"; mediaSplit = URL.split('/'); mediaId = mediaSplit[5]; preload = createMedia('//www.flickr.com/apps/video/stewart.swf', { id: mediaId, classid: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', width: mediaWidth, height: mediaHeight, params: {flashvars: 'photo_id='+mediaId+'&show_info_box='+options.flInfo, wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // GameTrailers Video } else if (URL.match(/gametrailers\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "392"; mediaId = URL.match(/\d{5}/g); preload = createMedia('//www.gametrailers.com/remote_wrap.php?mid='+mediaId, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Google Video } else if (URL.match(/google\.com\/videoplay/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "326"; mediaSplit = URL.split('='); mediaId = mediaSplit[1]; preload = createMedia('//video.google.com/googleplayer.swf?docId='+mediaId+'&autoplay='+options.autoplayNum, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Megavideo - Thanks to Robert Jandreu for suggesting this code! } else if (URL.match(/megavideo\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "640"; mediaHeight = mediaHeight || "360"; mediaSplit = URL.split('='); mediaId = mediaSplit[1]; preload = createMedia('//wwwstatic.megavideo.com/mv_player.swf?v='+mediaId, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Metacafe } else if (URL.match(/metacafe\.com\/watch/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "345"; mediaSplit = URL.split('/'); mediaId = mediaSplit[4]; preload = createMedia('//www.metacafe.com/fplayer/'+mediaId+'/.swf?playerVars=autoPlay='+options.autoplayYes, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Myspace } else if (URL.match(/vids\.myspace\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "425"; mediaHeight = mediaHeight || "360"; preload = createMedia(URL, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Revver } else if (URL.match(/revver\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "392"; mediaSplit = URL.split('/'); mediaId = mediaSplit[4]; preload = createMedia('//flash.revver.com/player/1.0/player.swf?mediaId='+mediaId+'&affiliateId='+options.revverID+'&allowFullScreen='+options.revverFullscreen+'&autoStart='+options.autoplay+'&backColor=#'+options.revverBack+'&frontColor=#'+options.revverFront+'&gradColor=#'+options.revverGrad+'&shareUrl=revver', { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Rutube } else if (URL.match(/rutube\.ru/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "470"; mediaHeight = mediaHeight || "353"; mediaSplit = URL.split('='); mediaId = mediaSplit[1]; preload = createMedia('//video.rutube.ru/'+mediaId, { movie: '//video.rutube.ru/'+mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Tudou } else if (URL.match(/tudou\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "340"; mediaSplit = URL.split('/'); mediaId = mediaSplit[5]; preload = createMedia('//www.tudou.com/v/'+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Twitcam } else if (URL.match(/twitcam\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "320"; mediaHeight = mediaHeight || "265"; mediaSplit = URL.split('/'); mediaId = mediaSplit[3]; preload = createMedia('//static.livestream.com/chromelessPlayer/wrappers/TwitcamPlayer.swf?hash='+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Twitvid } else if (URL.match(/twitvid\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "600"; mediaHeight = mediaHeight || "338"; mediaSplit = URL.split('/'); mediaId = mediaSplit[3]; preload = createMedia('//www.twitvid.com/player/'+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Ustream.tv } else if (URL.match(/ustream\.tv/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "326"; preload = createMedia(URL+'&viewcount='+options.usViewers+'&autoplay='+options.autoplay, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // YouKu } else if (URL.match(/youku\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "400"; mediaSplit = URL.split('id_'); mediaId = mediaSplit[1]; preload = createMedia('//player.youku.com/player.php/sid/'+mediaId+'=/v.swf', { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // YouTube Video (now includes HTML5 option) } else if (URL.match(/youtube\.com\/watch/i)) { mediaSplit = URL.split('v='); if (options.html5) { mediaType = 'url'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. preload = $('<iframe />', { 'src': '//www.youtube.com/embed/'+mediaSplit[1], 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'allowfullscreen': options.fullscreen, 'frameborder': 0 }); startEffect(); } else { mediaType = 'obj'; mediaId = mediaSplit[1]; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "385"; preload = createMedia('//www.youtube.com/v/'+mediaId+'&autoplay='+options.autoplayNum+'&fs='+options.fullscreenNum+'&border='+options.ytBorder+'&color1=0x'+options.ytColor1+'&color2=0x'+options.ytColor2+'&rel='+options.ytRel+'&showinfo='+options.ytInfo+'&showsearch='+options.ytSearch, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); } // YouTube Playlist } else if (URL.match(/youtube\.com\/view/i)) { mediaType = 'obj'; mediaSplit = URL.split('p='); mediaId = mediaSplit[1]; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "385"; preload = createMedia('//www.youtube.com/p/'+mediaId+'&autoplay='+options.autoplayNum+'&fs='+options.fullscreenNum+'&border='+options.ytBorder+'&color1=0x'+options.ytColor1+'&color2=0x'+options.ytColor2+'&rel='+options.ytRel+'&showinfo='+options.ytInfo+'&showsearch='+options.ytSearch, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Veoh } else if (URL.match(/veoh\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "410"; mediaHeight = mediaHeight || "341"; URL = URL.replace('%3D','/'); mediaSplit = URL.split('watch/'); mediaId = mediaSplit[1]; preload = createMedia('//www.veoh.com/static/swf/webplayer/WebPlayer.swf?version=AFrontend.5.5.2.1001&permalinkId='+mediaId+'&player=videodetailsembedded&videoAutoPlay='+options.AutoplayNum+'&id=anonymous', { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Viddler } else if (URL.match(/viddler\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "437"; mediaHeight = mediaHeight || "370"; mediaSplit = URL.split('/'); mediaId = mediaSplit[4]; preload = createMedia(URL, { id: 'viddler_'+mediaId, movie: URL, classid: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen, id: 'viddler_'+mediaId, movie: URL} }); startEffect(); // Vimeo (now includes HTML5 option) } else if (URL.match(/vimeo\.com/i)) { mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; mediaSplit = URL.split('/'); mediaId = mediaSplit[3]; var mediasrc = URL.indexOf('player.vimeo.com/video') != -1 ? URL : '//player.vimeo.com/video/'+mediaSplit[3]+'?portrait='+options.vmPortrait; mediaType = 'url'; mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. preload = $('<iframe />', { 'src': mediasrc, 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'allowfullscreen': options.fullscreen, 'frameborder': 0 }); startEffect(); // INLINE } else if (URL.match(/\#mb_/i)) { mediaType = 'inline'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; URLsplit = URL.split('#'); // preload = new Element("div", {id: "mbMediaInline"}).adopt($('#'+URLsplit[1]).getChildren().clone([true,true])); preload = $('#'+URLsplit[1]); startEffect(); // HTML (applies to ALL links not recognised as a specific media type) } else if (URL.match(/googleusercontent/i)) { mediaType = 'img'; preload = new Image(); preload.onload = startEffect; preload.src = URL; // HTML (applies to ALL links not recognised as a specific media type) } else { mediaType = 'url'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. preload = $('<iframe />', { 'src': URL, 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'allowfullscreen': options.fullscreen, 'frameborder': 0 }); startEffect(); } } return false; } function startEffect() { // if (Browser.Platform.ios && (mediaType == "obj" || mediaType == "qt" || mediaType == "html")) alert("this isn't gonna work"); // if (Browser.Platform.ios && (mediaType == "obj" || mediaType == "qt" || mediaType == "html")) mediaType = "ios"; // added by ced1870 media.css('opacity', 0); mediaInitW = mediaInitH = ''; // needed to avoid size problem between multiple medias in the same page media.off("click", next); // remove click event if (mediaType == "img") media.on("click", next); // if image then add the click event to go to the next image if (mediaType == "img"){ mediaWidth = preload.width; mediaHeight = preload.height; // store the original media size mediaInitW = mediaWidth; mediaInitH = mediaHeight; if (options.imgBackground) { media.css({backgroundImage: "url("+URL+")", display: ""}); } else { // Thanks to Dusan Medlin for fixing large 16x9 image errors in a 4x3 browser if (mediaHeight >= winHeight-options.imgPadding && (mediaHeight / winHeight) >= (mediaWidth / winWidth)) { mediaHeight = winHeight-options.imgPadding; mediaWidth = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // mediaWidth = preload.width = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // preload.height = mediaHeight; } else if (mediaWidth >= winWidth-options.imgPadding && (mediaHeight / winHeight) < (mediaWidth / winWidth)) { mediaWidth = winWidth-options.imgPadding; mediaHeight = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // mediaHeight = preload.height = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // preload.width = mediaWidth; } // TODO : migrer // if (Browser.ie) preload = $('#'+preload); if (options.clickBlock) $(preload).on('mousedown', function(e){ e.stopPropagation(); }).on('contextmenu', function(e){ e.stopPropagation(); }); media.css({backgroundImage: "none", display: ""}); media.append(preload); } // mediaWidth += "px"; // mediaHeight += "px"; } else if (mediaType == "inline") { // if (options.overflow) media.css({overflow: options.overflow}); media.css({backgroundImage: "none", display: ""}); // media.append(preload); // media.grab(preload.get('html')); (options.inlineClone)?media.grab(preload.get('html')):media.adopt(preload.getChildren()); } else if (mediaType == "qt") { media.css({backgroundImage: "none", display: ""}); media.append(preload); // preload; } /*else if (mediaType == "ios" || $.browser['ios']) { media.css({backgroundImage: "none", display: ""}); media.html(options.linkText.replace(/\{x\}/gi, URL)); mediaWidth = options.DefaultWidth; mediaHeight = options.DefaultHeight; }*/ else if (mediaType == "url" || mediaType == "video" || mediaType == "audio") { media.css({backgroundImage: "none", display: ""}); media.append(preload); // if (Browser.safari) options.resizeOpening = false; // Prevents occasional blank video display errors in Safari, thanks to Kris Gale for the solution } else if (mediaType == "obj") { if (! $.flash.hasVersion(8)) { media.css({backgroundImage: "none", display: ""}); media.html('<div id="mbError"><b>Error</b><br/>Adobe Flash is either not installed or not up to date, please visit <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" title="Get Flash" target="_new">Adobe.com</a> to download the free player.</div>'); mediaWidth = options.DefaultWidth; mediaHeight = options.DefaultHeight; } else { media.css({backgroundImage: "none", display: ""}); media.append(preload); // if (Browser.safari) options.resizeOpening = false; // Prevents occasional blank video display errors in Safari, thanks to Kris Gale for the solution } } else { media.css({backgroundImage: "none", display: ""}); media.html(options.flashText); mediaWidth = options.defaultWidth; mediaHeight = options.defaultHeight; } // store the original media size mediaInitW = mediaInitW || mediaWidth; mediaInitH = mediaInitH || mediaHeight; if (mediaType != "img") { if (mediaHeight >= winHeight-options.imgPadding && (mediaHeight / winHeight) >= (mediaWidth / winWidth)) { mediaHeight = winHeight-options.imgPadding; mediaWidth = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // mediaWidth = preload.width = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // preload.height = mediaHeight; } else if (mediaWidth >= winWidth-options.imgPadding && (mediaHeight / winHeight) < (mediaWidth / winWidth)) { mediaWidth = winWidth-options.imgPadding; mediaHeight = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // mediaHeight = preload.height = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // preload.width = mediaWidth; } } // size(); $(window).bind('resize',size); title.empty().html( (options.showCaption) ? captionSplit[0] : ""); caption.empty().html( (options.showCaption && (captionSplit.length > 1)) ? captionSplit[1] : ""); number.empty().html( (options.showCounter && (mediaArray.length > 1)) ? options.counterText.replace(/\{x\}/, (options.countBack)?mediaArray.length-activeMedia:activeMedia+1).replace(/\{y\}/, mediaArray.length) : ""); // if (options.countBack) { // number.html((options.showCounter && (mediaArray.length > 1)) ? options.counterText.replace(/{x}/, activeMedia + 1).replace(/{y}/, mediaArray.length) : ""); // } else { // number.html((options.showCounter && (mediaArray.length > 1)) ? options.counterText.replace(/{x}/, mediaArray.length - activeMedia).replace(/{y}/, mediaArray.length) : ""); // } if ((prevMedia >= 0) && (mediaArray[prevMedia][0].match(/\.gif|\.jpg|\.jpeg|\.png|\.webp|twitpic\.com/i))) preloadPrev.src = mediaArray[prevMedia][0].replace(/twitpic\.com/i, "twitpic.com/show/full"); if ((nextMedia >= 0) && (mediaArray[nextMedia][0].match(/\.gif|\.jpg|\.jpeg|\.png|\.webp|twitpic\.com/i))) preloadNext.src = mediaArray[nextMedia][0].replace(/twitpic\.com/i, "twitpic.com/show/full"); // if (prevMedia >= 0) prevLink.css('display',''); // if (nextMedia >= 0) nextLink.css('display',''); if (prevMedia < 0 && nextMedia < 0) { // do nothing, the controls arrow are still hidden } else { prevLink.css('display',''); nextLink.css('display',''); if (prevMedia < 0) { prevLink.attr('data-state','0'); } else { prevLink.attr('data-state','1'); } if (nextMedia < 0) { nextLink.attr('data-state','0'); } else { nextLink.attr('data-state','1'); } } if (nextMedia >= 0 && media.hasClass('paused')) playLink.css('display',''); if (nextMedia >= 0 && !media.hasClass('paused')) pauseLink.css('display',''); media.css({width: mediaWidth+"px", height: mediaHeight+"px"}); bottom.css({width: mediaWidth-marginBottom+"px"}); caption.css({width: mediaWidth-marginBottom+"px"}); mediaWidth = media.outerWidth(); mediaHeight = media.outerHeight()+bottom.outerHeight(); if (mediaHeight >= top+top) { mTop = -top; } else { mTop = -(mediaHeight/2); } if (mediaWidth >= left+left) { mLeft = -left; } else { mLeft = -(mediaWidth/2); } var dim = getCenterDimensions(); if (options.resizeOpening ) { center.animate({width: dim['width'], height: dim['height'] , top: dim['top'], marginTop: dim['marginTop'], marginLeft: dim['marginLeft']}, options.resizeDuration, mediaAnimate); // center.animate({width: mediaWidth, height: mediaHeight, marginTop: mTop, marginLeft: mLeft}, options.resizeDuration, mediaAnimate); } else { center.css({width: mediaWidth, height: mediaHeight, marginTop: mTop, marginLeft: mLeft}); mediaAnimate(); } centerImage(); resizeVideos(); // set the touch behavior only for images if (mediaType == "img") { var el = document.getElementById("mbMedia"); // media.addEventListener("dblclick", centerImage, false); el.addEventListener("touchstart", touchStart, false); el.addEventListener("touchmove", touchMove, false); el.addEventListener("touchend", touchEnd, false); el.addEventListener("touchcancel", touchCancel, false); } } function mediaAnimate() { media.animate({opacity: 1}, 360, captionAnimate); } function captionAnimate() { autoplay(); center.removeClass('mbLoading'); bottom.animate({opacity: 1}, 240); } function stop() { if (preload) { if (mediaType == "inline" && !options.inlineClone) preload.adopt(media.getChildren()); // prevents loss of adopted data preload.onload = function(){}; // $empty replacement } prevLink.css("display", "none"); nextLink.css("display", "none"); playLink.css("display", "none"); pauseLink.css("display", "none"); } function close() { media.addClass('paused'); resetAutoplay(); if (activeMedia >= 0) { if (mediaType == "inline" && !options.inlineClone) preload.adopt(media.getChildren()); // prevents loss of adopted data preload.onload = function(){}; // $empty replacement media.empty(); for (var f in fx) fx[f].cancel(); center.css("display", "none"); toolbar.css("display", "none"); $('#mbOverlay').fadeTo( 360, 0, function() {$(this).css('display', 'none');}); // fx.overlay.chain(setup).start(0); } return false; } // method to get the touch device interaction // TOUCH-EVENTS SINGLE-FINGER SWIPE-SENSING JAVASCRIPT // Courtesy of PADILICIOUS.COM and MACOSXAUTOMATION.COM // win8 : MSPointerDown // TODO : check if it works var posStart = new Array(); var posCur = new Array(); var fingerCount = 0; posStart['x0'] = 0; posStart['y0'] = 0; posCur['x0'] = 0; posCur['y0'] = 0; var minLength = 72; // the shortest distance the user may swipe var swipeLength = 0; var swipeAngle = null; var swipeDirection = null; var initialPosX = null; var initialPosY = null; var imageMarginLeft = 0; var imageMarginTop = 0; var imageWidth = 0; var imageHeight = 0; var zoomRatio = 1; var cursorCenterX = 0; var cursorCenterY = 0; var imgmL = 0; var imgmT = 0; var touchClick = 0; // The 4 Touch Event Handlers // NOTE: the touchStart handler should also receive the ID of the triggering element // make sure its ID is passed in the event call placed in the element declaration, like: function touchStart(event) { // disable the standard ability to select the touched object event.preventDefault(); fingerCount = event.touches.length; touchClick++; if (fingerCount == 1) { setTimeout(function() { if (touchClick == 1) { } else if (touchClick == 2) { unzoomImage(); touchClick = 0; } touchClick = 0; }, 300); } else { touchClick = 0; } // store the initial image dimensions imageWidth = media.find('img').width(); imageHeight = media.find('img').height(); if ( fingerCount == 1 ) { // get the coordinates of the touch posStart['x0'] = event.touches[0].pageX; posStart['y0'] = event.touches[0].pageY; // store the image margins imageMarginLeft = media.find('img').css('marginLeft'); imageMarginTop = media.find('img').css('marginTop'); } else if ( fingerCount == 2 ) { // pinch with 2 fingers to zoom // get the coordinates of the touch posStart['x0'] = event.touches[0].pageX; posStart['x1'] = event.touches[1].pageX; posStart['y0'] = event.touches[0].pageY; posStart['y1'] = event.touches[1].pageY; cursorCenterX = Math.abs(posStart['x1'] + posStart['x0']) / 2; cursorCenterY = Math.abs(posStart['y1'] + posStart['y0']) / 2; } else { // more than one finger touched so cancel touchCancel(event); } } function touchMove(event) { event.preventDefault(); if ( event.touches.length == 1 ) { posCur['x0'] = event.touches[0].pageX; posCur['y0'] = event.touches[0].pageY; if (media.find('img').hasClass('zoomingck')) { moveImageck(); } } else if ( event.touches.length == 2 ) { posCur['x0'] = event.touches[0].pageX; posCur['x1'] = event.touches[1].pageX; posCur['y0'] = event.touches[0].pageY; posCur['y1'] = event.touches[1].pageY; calculateZoom(); zoomImageck(); } else { touchCancel(event); } } function touchEnd(event) { event.preventDefault(); // check to see if more than one finger was used and that there is an ending coordinate if ( fingerCount == 1 && posCur['x0'] != 0 ) { // use the Distance Formula to determine the length of the swipe swipeLength = Math.round(Math.sqrt(Math.pow(posCur['x0'] - posStart['x0'],2) + Math.pow(posCur['y0'] - posStart['y0'],2))); // if the user swiped more than the minimum length, perform the appropriate action if ( swipeLength >= minLength && !media.find('img').hasClass('zoomingck')) { calculateAngle(); determineSwipeDirection(); processingRoutine(); touchCancel(event); // reset the variables } else { touchCancel(event); } } else { touchCancel(event); } } function touchCancel(event) { // reset the variables back to default values fingerCount = 0; posStart['x0'] = 0; posStart['y0'] = 0; posCur['x0'] = 0; posCur['y0'] = 0; swipeLength = 0; swipeAngle = null; swipeDirection = null; initialPosX = null; initialPosY = null; initialPinchDistance = 0; endPinchDistance = 0; zoomRatio = 1; imageWidth = 0; imageHeight = 0; cursorCenterX = 0; cursorCenterY = 0; imgmL = 0; imgmT = 0; touchClick = touchClick > 2 ? 0 : touchClick; } function calculateAngle() { var X = posStart['x0']-posCur['x0']; var Y = posCur['y0']-posStart['y0']; var Z = Math.round(Math.sqrt(Math.pow(X,2)+Math.pow(Y,2))); //the distance - rounded - in pixels var r = Math.atan2(Y,X); //angle in radians (Cartesian system) swipeAngle = Math.round(r*180/Math.PI); //angle in degrees if ( swipeAngle < 0 ) { swipeAngle = 360 - Math.abs(swipeAngle); } } function calculateZoom() { var startDistX = Math.abs(posStart['x1'] - posStart['x0']); var startDistY = Math.abs(posStart['y1'] - posStart['y0']); var startDist = Math.round(Math.sqrt(Math.pow(startDistX,2)+Math.pow(startDistY,2))); var curDistX = Math.abs(posCur['x1'] - posCur['x0']); var curDistY = Math.abs(posCur['y1'] - posCur['y0']); var curDist = Math.round(Math.sqrt(Math.pow(curDistX,2)+Math.pow(curDistY,2))); zoomRatio = curDist / startDist; } function determineSwipeDirection() { if ( (swipeAngle <= 45) && (swipeAngle >= 0) ) { swipeDirection = 'left'; } else if ( (swipeAngle <= 360) && (swipeAngle >= 315) ) { swipeDirection = 'left'; } else if ( (swipeAngle >= 135) && (swipeAngle <= 225) ) { swipeDirection = 'right'; } else if ( (swipeAngle > 45) && (swipeAngle < 135) ) { swipeDirection = 'down'; } else { swipeDirection = 'up'; } } function processingRoutine() { if ( swipeDirection == 'left' ) { next(); } else if ( swipeDirection == 'right' ) { previous(); } else if ( swipeDirection == 'up' ) { } else if ( swipeDirection == 'down' ) { } } function zoomImageck() { var image = media.find('img'); if (! image.attr('data-width')) image.attr('data-width', imageWidth); if ( ( image.width() > image.attr('data-width') || (image.width() <= image.attr('data-width') && zoomRatio > 1) ) && (image.width() / mediaWidth < 10 || zoomRatio < 1) ) { var zoomSpeed = 1/2; // slow zoom and fast unzoom if (zoomRatio > 1) zoomRatio = (zoomRatio -1) * zoomSpeed + 1; cursorCenterX = $(window).width() / 2; //force the cursor position to be on center to avoid glitches cursorCenterY = $(window).height() / 2; //force the cursor position to be on center to avoid glitches var a = cursorCenterX - parseInt(imageMarginLeft); var b = cursorCenterY - parseInt(imageMarginTop); var newmL = a * zoomRatio - cursorCenterX; var newmT = b * zoomRatio - cursorCenterY; image.addClass('zoomingck').css({ 'max-width': 'none', 'max-height': 'none' }); image.css({ 'width': imageWidth*zoomRatio, 'margin-left': -newmL + 'px', 'margin-top': -newmT + 'px' }); } else if (image.width() <= image.attr('data-width')) { unzoomImage(); } } function unzoomImage() { var image = media.find('img'); image.width(image.attr('data-width')) .css('max-width', '100%') .css('max-height', '100%') .css('margin-left', '0') .removeClass('zoomingck'); centerImage(); } function moveImageck() { var image = media.find('img'); imgmL = imgmL || image.css('margin-left'); imgmT = imgmT || image.css('margin-top'); initialPosX = initialPosX || event.touches[0].pageX; initialPosY = initialPosY || event.touches[0].pageY; var offsetX = initialPosX - event.touches[0].pageX; var offsetY = initialPosY - event.touches[0].pageY; if ( image.width() > $(window).width() ) { if ( (parseInt(imageMarginLeft) - offsetX) < 0 && $(window).width() - (parseInt(imageMarginLeft) - offsetX) < (image.width()) ) { image.css('margin-left', parseInt(imgmL) - offsetX); } else if ($(window).width() - (parseInt(imageMarginLeft) - offsetX) > (image.width())) { // image.css('marginLeft', -image.width() + $(window).width()); } } if ( image.height() > $(window).height() ) { if ( (parseInt(imageMarginTop) - offsetY) < 0 && $(window).height() - (parseInt(imageMarginTop) - offsetY) < (image.height()) ) { image.css('margin-top', parseInt(imgmT) - offsetY); } else if ($(window).height() - (parseInt(imageMarginTop) - offsetY) > (image.height())) { // image.css('marginTop', -image.height() + $(window).height()); } } } var Mediaboxck = function (links, _options, linkMapper, linksFilter) { if (! links) return false; linkMapper = linkMapper || function(el) { elrel = $(el).attr(_options.attribType).split(/[\[\]]/); elrel = elrel[1]; return [$(el).attr('href'), $(el).attr('data-title'), elrel]; // thanks to Dušan Medlín for figuring out the URL bug! }; linksFilter = linksFilter || function() { return true; }; // var links = this; links.map(function() { $(this).data('mediaboxck_done', '1').attr('data-title', $(this).attr('title')).removeAttr('title'); // if ($(this).attr('data-autoload') == '1') $(this).trigger('click'); }); /* clickBlock code - remove the following three lines to enable right-clicking on links to images */ // links.contextmenu(function(e){ // if (this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.preventDefault(); // }); // links.off("click").on("click", function(e) { links.on("click", function(e) { curlink = this; e.preventDefault(); // Build the list of media that will be displayed var filteredArray = links.filter( function() { return linksFilter(curlink, this); }); var filteredLinks = []; var filteredHrefs = []; filteredArray.each(function(index, item){ if(filteredHrefs.indexOf(item.toString()) < 0) { filteredLinks.push(filteredArray[index]); filteredHrefs.push(filteredArray[index].toString()); } }); return Mediabox.open(filteredLinks.map(linkMapper), filteredHrefs.indexOf(this.toString()), _options); }); links.each(function() { if ($(this).attr('data-autoload') == '1') { $(this).trigger('click'); // auto fadeout if the setting has been set var dataFadeout = parseInt($(this).attr('data-fadeout')); if (dataFadeout > 0) { setTimeout(function() { close(); }, dataFadeout); } } }); // look for pagination let wrap = $('.mediaboxck-pagination').closest('.mediaboxck_cont'); if (wrap.length) { Mediabox.pagination(wrap); } return links; } window.Mediaboxck = Mediaboxck; })(jQuery); // Mediabox.scanPage = function() { // if (Browser.Platform.ios && !(navigator.userAgent.match(/iPad/i))) return; // this quits the process if the visitor is using a non-iPad iOS device (iPhone or iPod Touch) // var links = jQuery("a").filter(function(i) { // if ( jQuery(this).attr('rel') ) { // var patt = new RegExp(/^lightbox/i); // return patt.test(jQuery(this).attr('rel')); // } // }); // links.mediabox({/* Put custom options here */}, null, function(curlink, el) { // var rel0 = curlink.rel.replace(/[\[\]|]/gi," "); // var relsize = rel0.split(" "); // return (curlink == el) || ((curlink.rel.length > 8) && el.rel.match(relsize[1])); // }); // }; // jQuery(document).ready(function(){ // Mediabox.scanPage(); // }); // jQuery SWFObject v1.1.1 MIT/GPL @jon_neal // http://jquery.thewikies.com/swfobject (function(f,h,i){function k(a,c){var b=(a[0]||0)-(c[0]||0);return b>0||!b&&a.length>0&&k(a.slice(1),c.slice(1))}function l(a){if(typeof a!=g)return a;var c=[],b="";for(var d in a){b=typeof a[d]==g?l(a[d]):[d,m?encodeURI(a[d]):a[d]].join("=");c.push(b)}return c.join("&")}function n(a){var c=[];for(var b in a)a[b]&&c.push([b,'="',a[b],'"'].join(""));return c.join(" ")}function o(a){var c=[];for(var b in a)c.push(['<param name="',b,'" value="',l(a[b]),'" />'].join(""));return c.join("")}var g="object",m=true;try{var j=i.description||function(){return(new i("ShockwaveFlash.ShockwaveFlash")).GetVariable("$version")}()}catch(p){j="Unavailable"}var e=j.match(/\d+/g)||[0];f[h]={available:e[0]>0,activeX:i&&!i.name,version:{original:j,array:e,string:e.join("."),major:parseInt(e[0],10)||0,minor:parseInt(e[1],10)||0,release:parseInt(e[2],10)||0},hasVersion:function(a){a=/string|number/.test(typeof a)?a.toString().split("."):/object/.test(typeof a)?[a.major,a.minor]:a||[0,0];return k(e,a)},encodeParams:true,expressInstall:"expressInstall.swf",expressInstallIsActive:false,create:function(a){if(!a.swf||this.expressInstallIsActive||!this.available&&!a.hasVersionFail)return false;if(!this.hasVersion(a.hasVersion||1)){this.expressInstallIsActive=true;if(typeof a.hasVersionFail=="function")if(!a.hasVersionFail.apply(a))return false;a={swf:a.expressInstall||this.expressInstall,height:137,width:214,flashvars:{MMredirectURL:location.href,MMplayerType:this.activeX?"ActiveX":"PlugIn",MMdoctitle:document.title.slice(0,47)+" - Flash Player Installation"}}}attrs={data:a.swf,type:"application/x-shockwave-flash",id:a.id||"flash_"+Math.floor(Math.random()*999999999),width:a.width||320,height:a.height||180,style:a.style||""};m=typeof a.useEncode!=="undefined"?a.useEncode:this.encodeParams;a.movie=a.swf;a.wmode=a.wmode||"opaque";delete a.fallback;delete a.hasVersion;delete a.hasVersionFail;delete a.height;delete a.id;delete a.swf;delete a.useEncode;delete a.width;var c=document.createElement("div");c.innerHTML=["<object ",n(attrs),">",o(a),"</object>"].join("");return c.firstChild}};f.fn[h]=function(a){var c=this.find(g).andSelf().filter(g);/string|object/.test(typeof a)&&this.each(function(){var b=f(this),d;a=typeof a==g?a:{swf:a};a.fallback=this;if(d=f[h].create(a)){b.children().remove();b.html(d)}});typeof a=="function"&&c.each(function(){var b=this;b.jsInteractionTimeoutMs=b.jsInteractionTimeoutMs||0;if(b.jsInteractionTimeoutMs<660)b.clientWidth||b.clientHeight?a.call(b):setTimeout(function(){f(b)[h](a)},b.jsInteractionTimeoutMs+66)});return c}})(jQuery,"flash",navigator.plugins["Shockwave Flash"]||window.ActiveXObject);
