1025 lines
45 KiB
JavaScript
1025 lines
45 KiB
JavaScript
/*
|
||
mediaboxAdvanced v1.4.6 - The ultimate extension of Slimbox and Mediabox; an all-media script
|
||
updated 2011.2.19
|
||
(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>
|
||
MIT-style license.
|
||
*/
|
||
|
||
var Mediabox;
|
||
|
||
(function() {
|
||
// Global variables, accessible to Mediabox only
|
||
var options, images, activeImage, prevImage, nextImage, top, mTop, left, mLeft, winWidth, winHeight, fx, preload, preloadPrev = new Image(), preloadNext = new Image(),
|
||
// DOM elements
|
||
overlay, center, image, bottom, captionSplit, title, caption, number, prevLink, nextLink, rating, ratingSelected, ratingHover, ratingDescription,
|
||
// Mediabox specific vars
|
||
URL, WH, WHL, elrel, mediaWidth, mediaHeight, mediaType = "none", mediaSplit, mediaId = "mediaBox", mediaFmt, margin;
|
||
|
||
/* Initialization */
|
||
|
||
window.addEvent("domready", function() {
|
||
// Create and append the Mediabox HTML code at the bottom of the document
|
||
document.id(document.body).adopt(
|
||
$$([
|
||
overlay = new Element("div", {id: "mbOverlay"}).addEvent("click", close),
|
||
center = new Element("div", {id: "mbCenter"})
|
||
]).setStyle("display", "none")
|
||
);
|
||
|
||
image = new Element("div", {id: "mbImage"}).inject(center, "inside");
|
||
bottom = new Element("div", {id: "mbBottom"}).inject(center, "inside").adopt(
|
||
closeLink = new Element("a", {id: "mbCloseLink", href: "#"}).addEvent("click", close),
|
||
nextLink = new Element("a", {id: "mbNextLink", href: "#"}).addEvent("click", next),
|
||
prevLink = new Element("a", {id: "mbPrevLink", href: "#"}).addEvent("click", previous),
|
||
title = new Element("div", {id: "mbTitle"}),
|
||
number = new Element("div", {id: "mbNumber"}),
|
||
rating = new Element("div", {"id": "mbRating", "class": "mbrateItRating"}).adopt(
|
||
ratingWrapper = new Element("div", {"class": "wrapper"}).adopt(
|
||
ratingSelected = new Element("div", {"class": "rateItRating-selected", "display": "block"}),
|
||
ratingHover = new Element("div", {"class": "rateItRating-hover"})
|
||
),
|
||
ratingDescription = new Element("div", {"id": "mbRatingDescription", "class": "mbratingText ratingText"})
|
||
),
|
||
caption = new Element("div", {id: "mbCaption"})
|
||
);
|
||
|
||
fx = {
|
||
overlay: new Fx.Tween(overlay, {property: "opacity", duration: 360}).set(0),
|
||
image: new Fx.Tween(image, {property: "opacity", duration: 360, onComplete: captionAnimate}),
|
||
bottom: new Fx.Tween(bottom, {property: "opacity", duration: 240}).set(0)
|
||
};
|
||
});
|
||
|
||
/* API */
|
||
|
||
Mediabox = {
|
||
close: function(){
|
||
close(); // Thanks to Yosha on the google group for fixing the close function API!
|
||
},
|
||
|
||
open: function(_images, startImage, _options) {
|
||
options = {
|
||
// Text options (translate as needed)
|
||
buttonText: ['<big>«</big>','<big>»</big>','<big>×</big>'], // Set "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})', // Translate or change as you wish, {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: true, // 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.7, // 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
|
||
// 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)
|
||
// 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: 'opaque', // Background setting for Adobe Flash ('opaque' and 'transparent' are most common)
|
||
// NonverBlaster
|
||
useNB: true, // use NonverBlaster (true) or JW Media Player (false) for .flv and .mp4 files
|
||
// PATCH: set path to plugins directory
|
||
playerpath: 'assets/mootools/mediabox/1.4.6/NonverBlaster.swf', // Path to NonverBlaster.swf
|
||
// PATCH EOF
|
||
controlColor: '0xFFFFFF', // set the controlbar color
|
||
controlBackColor: '0x000000', // set the controlbar color
|
||
showTimecode: 'false', // turn timecode display off or on
|
||
// JW Media Player settings and options
|
||
// PATCH: set path to plugins directory
|
||
JWplayerpath: 'assets/mootools/mediabox/1.4.6/player.swf', // Path to the mediaplayer.swf or flvplayer.swf file
|
||
// PATCH EOF
|
||
backcolor: '000000', // Base color for the controller, color name / hex value (0x000000)
|
||
frontcolor: '999999', // Text and button color for the controller, color name / hex value (0x000000)
|
||
lightcolor: '000000', // Rollover color for the controller, color name / hex value (0x000000)
|
||
screencolor: '000000', // Rollover color for the controller, color name / hex value (0x000000)
|
||
controlbar: 'over', // bottom, over, none (this setting is ignored when playing audio files)
|
||
// 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)
|
||
ytQuality: '&ap=%2526fmt%3D18', // Leave empty for standard quality, use '&ap=%2526fmt%3D18' for high quality, and '&ap=%2526fmt%3D22' for HD (note that not all videos are availible in high quality, and very few in HD)
|
||
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
|
||
};
|
||
|
||
// PATCH: extend the options (see #4149)
|
||
options = Object.merge(options, _options);
|
||
|
||
prevLink.set('html', options.buttonText[0]);
|
||
nextLink.set('html', options.buttonText[1]);
|
||
closeLink.set('html', options.buttonText[2]);
|
||
|
||
// PATCH: handle NaN (see #6504)
|
||
margin = (center.getStyle('padding-left').toInt() || 0) + (image.getStyle('margin-left').toInt() || 0) + (image.getStyle('padding-left').toInt() || 0);
|
||
|
||
if (Browser.firefox2) { // Fixes Firefox 2 and Camino 1.6 incompatibility with opacity + flash
|
||
options.overlayOpacity = 1;
|
||
overlay.className = 'mbOverlayOpaque';
|
||
}
|
||
|
||
if (Browser.Platform.ios || Browser.ie6) {
|
||
if (Browser.Platform.ios) options.keyboard = false;
|
||
// if (Browser.Platform.ios) options.overlayOpacity = 0.0; // This helps ammeliorate the issues with CSS overlays in iOS, leaving a clickable background, but avoiding the visible issues
|
||
options.resizeOpening = false;
|
||
overlay.className = 'mbOverlayAbsolute';
|
||
overlay.setStyle("position", "absolute"); // Temporary stopgap for lack of CSS "position: fixed;" element positioning in iOS browsers
|
||
position();
|
||
}
|
||
|
||
if (typeof _images == "string") { // Used for single images only, with URL and Title as first two arguments
|
||
_images = [[_images,startImage,_options]];
|
||
startImage = 0;
|
||
}
|
||
|
||
images = _images;
|
||
options.loop = options.loop && (images.length > 1);
|
||
|
||
size();
|
||
setup(true);
|
||
top = window.getScrollTop() + (window.getHeight()/2);
|
||
left = window.getScrollLeft() + (window.getWidth()/2);
|
||
fx.resize = new Fx.Morph(center, {duration: options.resizeDuration, onComplete: imageAnimate});
|
||
/****/ center.setStyles({top: top, left: left, width: options.initialWidth, height: options.initialHeight, marginTop: -(options.initialHeight/2)-margin, marginLeft: -(options.initialWidth/2)-margin, display: ""});
|
||
fx.overlay.start(options.overlayOpacity);
|
||
return changeImage(startImage);
|
||
}
|
||
};
|
||
|
||
Element.implement({
|
||
mediabox: function(_options, linkMapper) {
|
||
$$(this).mediabox(_options, linkMapper); // The processing of a single element is similar to the processing of a collection with a single element
|
||
|
||
return this;
|
||
}
|
||
});
|
||
|
||
Elements.implement({
|
||
/*
|
||
options: Optional options object, see Mediabox.open()
|
||
linkMapper: Optional function taking a link DOM element and an index as arguments and returning an array containing 3 elements:
|
||
the image URL and the image caption (may contain HTML)
|
||
linksFilter:Optional function taking a link DOM element and an index as arguments and returning true if the element is part of
|
||
the image collection that will be shown on click, false if not. "this" refers to the element that was clicked.
|
||
This function must always return true when the DOM element argument is "this".
|
||
*/
|
||
mediabox: function(_options, linkMapper, linksFilter) {
|
||
linkMapper = linkMapper || function(el) {
|
||
elrel = el.rel.split(/[\[\]]/);
|
||
elrel = elrel[1];
|
||
return [el.get('href'), el.title, elrel]; // thanks to Dušan Medlín for figuring out the URL bug!
|
||
};
|
||
|
||
linksFilter = linksFilter || function() {
|
||
return true;
|
||
};
|
||
|
||
var links = this;
|
||
|
||
// PATCH: enable the contextmenu
|
||
//links.addEvent('contextmenu', function(e){
|
||
// if (this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.stop();
|
||
//});
|
||
// PATCH EOF
|
||
|
||
links.removeEvents("click").addEvent("click", function() {
|
||
// Build the list of images that will be displayed
|
||
var filteredArray = links.filter(linksFilter, this);
|
||
var filteredLinks = [];
|
||
var filteredHrefs = [];
|
||
|
||
filteredArray.each(function(item, index){
|
||
if(filteredHrefs.indexOf(item.toString()) < 0) {
|
||
filteredLinks.include(filteredArray[index]);
|
||
filteredHrefs.include(filteredArray[index].toString());
|
||
};
|
||
});
|
||
|
||
return Mediabox.open(filteredLinks.map(linkMapper), filteredHrefs.indexOf(this.toString()), _options);
|
||
});
|
||
|
||
return links;
|
||
}
|
||
});
|
||
|
||
/* Internal functions */
|
||
|
||
function position() {
|
||
overlay.setStyles({top: window.getScrollTop(), left: window.getScrollLeft()});
|
||
}
|
||
|
||
function size() {
|
||
winWidth = window.getWidth();
|
||
winHeight = window.getHeight();
|
||
overlay.setStyles({width: winWidth, height: winHeight});
|
||
}
|
||
|
||
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.style.display = open ? "" : "none";
|
||
|
||
var fn = open ? "addEvent" : "removeEvent";
|
||
if (Browser.Platform.ios || Browser.ie6) window[fn]("scroll", position); // scroll position is updated only after movement has stopped
|
||
window[fn]("resize", size);
|
||
if (options.keyboard) document[fn]("keydown", keyDown);
|
||
}
|
||
|
||
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.code) {
|
||
case 27: // Esc
|
||
close();
|
||
break;
|
||
case 37: // Left arrow
|
||
previous();
|
||
break;
|
||
case 39: // Right arrow
|
||
next();
|
||
}
|
||
}
|
||
if (options.keyboardStop) { return false; };
|
||
}
|
||
|
||
function previous() {
|
||
return changeImage(prevImage);
|
||
}
|
||
|
||
function next() {
|
||
return changeImage(nextImage);
|
||
}
|
||
|
||
function changeImage(imageIndex) {
|
||
if (imageIndex >= 0) {
|
||
// if (Browser.Platform.ios && !options.iOSenable) {
|
||
// window.open(images[imageIndex][0], "_blank");
|
||
// close();
|
||
// return false;
|
||
// }
|
||
image.set('html', '');
|
||
activeImage = imageIndex;
|
||
prevImage = ((activeImage || !options.loop) ? activeImage : images.length) - 1;
|
||
nextImage = activeImage + 1;
|
||
if (nextImage == images.length) nextImage = options.loop ? 0 : -1;
|
||
stop();
|
||
center.className = "mbLoading";
|
||
if (preload && mediaType == "inline" && !options.inlineClone) preload.adopt(image.getChildren()); // prevents loss of adopted data
|
||
|
||
/* mediaboxAdvanced link formatting and media support */
|
||
|
||
if (!images[imageIndex][2]) images[imageIndex][2] = ''; // Thanks to Leo Feyer for offering this fix
|
||
WH = images[imageIndex][2].split(' ');
|
||
WHL = WH.length;
|
||
if (WHL>1) {
|
||
mediaWidth = (WH[WHL-2].match("%")) ? (window.getWidth()*((WH[WHL-2].replace("%", ""))*0.01))+"px" : WH[WHL-2]+"px";
|
||
mediaHeight = (WH[WHL-1].match("%")) ? (window.getHeight()*((WH[WHL-1].replace("%", ""))*0.01))+"px" : WH[WHL-1]+"px";
|
||
} else {
|
||
mediaWidth = "";
|
||
mediaHeight = "";
|
||
}
|
||
URL = images[imageIndex][0];
|
||
// PATCH: do not encode URIs because Contao has done already
|
||
// (seems to be in the mediabox core now)
|
||
// URL = encodeURI(URL).replace("(","%28").replace(")","%29");
|
||
// URL = encodeURI(URL).replace("(","%28").replace(")","%29").replace("%20"," ");
|
||
captionSplit = images[activeImage][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|\.png|twitpic\.com/i) || mediaType == 'image') {
|
||
mediaType = 'img';
|
||
URL = URL.replace(/twitpic\.com/i, "twitpic.com/show/full");
|
||
preload = new Image();
|
||
preload.onload = startEffect;
|
||
preload.src = URL;
|
||
// FLV, MP4
|
||
} else if (URL.match(/\.flv|\.mp4/i) || mediaType == 'video') {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || options.defaultWidth;
|
||
mediaHeight = mediaHeight || options.defaultHeight;
|
||
var URL = new URI(URL).toAbsolute(); // PATCH: see 4066
|
||
if (options.useNB) {
|
||
preload = new Swiff(''+options.playerpath+'?mediaURL='+URL+'&allowSmoothing=true&autoPlay='+options.autoplay+'&buffer=6&showTimecode='+options.showTimecode+'&loop='+options.medialoop+'&controlColor='+options.controlColor+'&controlBackColor='+options.controlBackColor+'&defaultVolume='+options.volume+'&scaleIfFullScreen=true&showScalingButton=true&crop=false', {
|
||
id: 'MediaboxSWF',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
} else {
|
||
preload = new Swiff(''+options.JWplayerpath+'?file='+URL+'&backcolor='+options.backcolor+'&frontcolor='+options.frontcolor+'&lightcolor='+options.lightcolor+'&screencolor='+options.screencolor+'&autostart='+options.autoplay+'&controlbar='+options.controlbar, {
|
||
id: 'MediaboxSWF',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
}
|
||
startEffect();
|
||
// MP3, AAC
|
||
} else if (URL.match(/\.mp3|\.aac|tweetmic\.com|tmic\.fm/i) || mediaType == 'audio') {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || options.defaultWidth;
|
||
mediaHeight = mediaHeight || "20px";
|
||
if (URL.match(/tweetmic\.com|tmic\.fm/i)) {
|
||
URL = URL.split('/');
|
||
URL[4] = URL[4] || URL[3];
|
||
URL = "http://media4.fjarnet.net/tweet/tweetmicapp-"+URL[4]+'.mp3';
|
||
}
|
||
if (options.useNB) {
|
||
preload = new Swiff(''+options.playerpath+'?mediaURL='+URL+'&allowSmoothing=true&autoPlay='+options.autoplay+'&buffer=6&showTimecode='+options.showTimecode+'&loop='+options.medialoop+'&controlColor='+options.controlColor+'&controlBackColor='+options.controlBackColor+'&defaultVolume='+options.volume+'&scaleIfFullScreen=true&showScalingButton=true&crop=false', {
|
||
id: 'MediaboxSWF',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
} else {
|
||
preload = new Swiff(''+options.JWplayerpath+'?file='+URL+'&backcolor='+options.backcolor+'&frontcolor='+options.frontcolor+'&lightcolor='+options.lightcolor+'&screencolor='+options.screencolor+'&autostart='+options.autoplay, {
|
||
id: 'MediaboxSWF',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
}
|
||
startEffect();
|
||
// SWF
|
||
} else if (URL.match(/\.swf/i) || mediaType == 'flash') {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || options.defaultWidth;
|
||
mediaHeight = mediaHeight || options.defaultHeight;
|
||
preload = new Swiff(URL, {
|
||
id: 'MediaboxSWF',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
startEffect();
|
||
// MOV, M4V, M4A, MP4, AIFF, etc.
|
||
} else if (URL.match(/\.mov|\.m4v|\.m4a|\.aiff|\.avi|\.caf|\.dv|\.mid|\.m3u|\.mp3|\.mp2|\.mp4|\.qtz/i) || mediaType == 'qt') {
|
||
mediaType = 'qt';
|
||
mediaWidth = mediaWidth || options.defaultWidth;
|
||
mediaHeight = (parseInt(mediaHeight)+16)+"px" || options.defaultHeight;
|
||
preload = new Quickie(URL, {
|
||
id: 'MediaboxQT',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
// container: 'mbImage',
|
||
attributes: {controller: options.controller, autoplay: options.autoplay, volume: options.volume, loop: options.medialoop, bgcolor: options.bgcolor}
|
||
});
|
||
startEffect();
|
||
|
||
/* Social Media Sites */
|
||
|
||
// Blip.tv
|
||
} else if (URL.match(/blip\.tv/i)) {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || "640px";
|
||
mediaHeight = mediaHeight || "390px";
|
||
preload = new Swiff(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 || "464px";
|
||
mediaHeight = mediaHeight || "376px";
|
||
mediaId = URL.match(/\d{6}/g);
|
||
preload = new Swiff('http://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 || "480px";
|
||
mediaHeight = mediaHeight || "381px";
|
||
preload = new Swiff(URL, {
|
||
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 || "320px";
|
||
mediaHeight = mediaHeight || "240px";
|
||
mediaSplit = URL.split('v=');
|
||
mediaSplit = mediaSplit[1].split('&');
|
||
mediaId = mediaSplit[0];
|
||
preload = new Swiff('http://www.facebook.com/v/'+mediaId, {
|
||
movie: 'http://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 || "500px";
|
||
mediaHeight = mediaHeight || "375px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[5];
|
||
preload = new Swiff('http://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 || "480px";
|
||
mediaHeight = mediaHeight || "392px";
|
||
mediaId = URL.match(/\d{5}/g);
|
||
preload = new Swiff('http://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 || "400px";
|
||
mediaHeight = mediaHeight || "326px";
|
||
mediaSplit = URL.split('=');
|
||
mediaId = mediaSplit[1];
|
||
preload = new Swiff('http://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 || "640px";
|
||
mediaHeight = mediaHeight || "360px";
|
||
mediaSplit = URL.split('=');
|
||
mediaId = mediaSplit[1];
|
||
preload = new Swiff('http://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 || "400px";
|
||
mediaHeight = mediaHeight || "345px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[4];
|
||
preload = new Swiff('http://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 || "425px";
|
||
mediaHeight = mediaHeight || "360px";
|
||
preload = new Swiff(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 || "480px";
|
||
mediaHeight = mediaHeight || "392px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[4];
|
||
preload = new Swiff('http://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 || "470px";
|
||
mediaHeight = mediaHeight || "353px";
|
||
mediaSplit = URL.split('=');
|
||
mediaId = mediaSplit[1];
|
||
preload = new Swiff('http://video.rutube.ru/'+mediaId, {
|
||
movie: 'http://video.rutube.ru/'+mediaId,
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
startEffect();
|
||
// Seesmic
|
||
} else if (URL.match(/seesmic\.com/i)) {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || "435px";
|
||
mediaHeight = mediaHeight || "355px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[5];
|
||
preload = new Swiff('http://seesmic.com/Standalone.swf?video='+mediaId, {
|
||
id: 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 || "400px";
|
||
mediaHeight = mediaHeight || "340px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[5];
|
||
preload = new Swiff('http://www.tudou.com/v/'+mediaId, {
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
startEffect();
|
||
// Twitvcam
|
||
} else if (URL.match(/twitcam\.com/i)) {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || "320px";
|
||
mediaHeight = mediaHeight || "265px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[3];
|
||
preload = new Swiff('http://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();
|
||
// Twiturm
|
||
} else if (URL.match(/twiturm\.com/i)) {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || "402px";
|
||
mediaHeight = mediaHeight || "48px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[3];
|
||
preload = new Swiff('http://twiturm.com/flash/twiturm_mp3.swf?playerID=0&sf='+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 || "600px";
|
||
mediaHeight = mediaHeight || "338px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[3];
|
||
preload = new Swiff('http://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 || "400px";
|
||
mediaHeight = mediaHeight || "326px";
|
||
preload = new Swiff(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 || "480px";
|
||
mediaHeight = mediaHeight || "400px";
|
||
mediaSplit = URL.split('id_');
|
||
mediaId = mediaSplit[1];
|
||
preload = new Swiff('http://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 || "640px";
|
||
mediaHeight = mediaHeight || "385px";
|
||
mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id.
|
||
preload = new Element('iframe', {
|
||
'src': 'http://www.youtube.com/embed/'+mediaSplit[1],
|
||
'id': mediaId,
|
||
'width': mediaWidth,
|
||
'height': mediaHeight,
|
||
'frameborder': 0,
|
||
'allowTransparency': true // PATCH: see #5077
|
||
});
|
||
startEffect();
|
||
} else {
|
||
mediaType = 'obj';
|
||
mediaId = mediaSplit[1];
|
||
if (mediaId.match(/fmt=22/i)) {
|
||
mediaFmt = '&ap=%2526fmt%3D22';
|
||
mediaWidth = mediaWidth || "640px";
|
||
mediaHeight = mediaHeight || "385px";
|
||
} else if (mediaId.match(/fmt=18/i)) {
|
||
mediaFmt = '&ap=%2526fmt%3D18';
|
||
mediaWidth = mediaWidth || "560px";
|
||
mediaHeight = mediaHeight || "345px";
|
||
} else {
|
||
mediaFmt = options.ytQuality;
|
||
mediaWidth = mediaWidth || "480px";
|
||
mediaHeight = mediaHeight || "295px";
|
||
}
|
||
preload = new Swiff('http://www.youtube.com/v/'+mediaId+'&autoplay='+options.autoplayNum+'&fs='+options.fullscreenNum+mediaFmt+'&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 || "480px";
|
||
mediaHeight = mediaHeight || "385px";
|
||
preload = new Swiff('http://www.youtube.com/p/'+mediaId+'&autoplay='+options.autoplayNum+'&fs='+options.fullscreenNum+mediaFmt+'&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 || "410px";
|
||
mediaHeight = mediaHeight || "341px";
|
||
URL = URL.replace('%3D','/');
|
||
mediaSplit = URL.split('watch/');
|
||
mediaId = mediaSplit[1];
|
||
preload = new Swiff('http://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 || "437px";
|
||
mediaHeight = mediaHeight || "370px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[4];
|
||
preload = new Swiff(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();
|
||
// Viddyou
|
||
} else if (URL.match(/viddyou\.com/i)) {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || "416px";
|
||
mediaHeight = mediaHeight || "312px";
|
||
mediaSplit = URL.split('=');
|
||
mediaId = mediaSplit[1];
|
||
preload = new Swiff('http://www.viddyou.com/get/v2_'+options.vuPlayer+'/'+mediaId+'.swf', {
|
||
id: mediaId,
|
||
movie: 'http://www.viddyou.com/get/v2_'+options.vuPlayer+'/'+mediaId+'.swf',
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
startEffect();
|
||
// Vimeo (now includes HTML5 option)
|
||
} else if (URL.match(/vimeo\.com/i)) {
|
||
mediaWidth = mediaWidth || "640px"; // site defualt: 400px
|
||
mediaHeight = mediaHeight || "360px"; // site defualt: 225px
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[3];
|
||
|
||
if (options.html5) {
|
||
mediaType = 'url';
|
||
mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id.
|
||
preload = new Element('iframe', {
|
||
'src': 'http://player.vimeo.com/video/'+mediaSplit[3]+'?portrait='+options.vmPortrait,
|
||
'id': mediaId,
|
||
'width': mediaWidth,
|
||
'height': mediaHeight,
|
||
'frameborder': 0,
|
||
'allowTransparency': true // PATCH: see #5077
|
||
});
|
||
startEffect();
|
||
} else {
|
||
mediaType = 'obj';
|
||
preload = new Swiff('http://www.vimeo.com/moogaloop.swf?clip_id='+mediaId+'&server=www.vimeo.com&fullscreen='+options.fullscreenNum+'&autoplay='+options.autoplayNum+'&show_title='+options.vmTitle+'&show_byline='+options.vmByline+'&show_portrait='+options.vmPortrait+'&color='+options.vmColor, {
|
||
id: mediaId,
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
startEffect();
|
||
}
|
||
// 12seconds
|
||
} else if (URL.match(/12seconds\.tv/i)) {
|
||
mediaType = 'obj';
|
||
mediaWidth = mediaWidth || "430px";
|
||
mediaHeight = mediaHeight || "360px";
|
||
mediaSplit = URL.split('/');
|
||
mediaId = mediaSplit[5];
|
||
preload = new Swiff('http://embed.12seconds.tv/players/remotePlayer.swf', {
|
||
id: mediaId,
|
||
width: mediaWidth,
|
||
height: mediaHeight,
|
||
params: {flashvars: 'vid='+mediaId+'', wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen}
|
||
});
|
||
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: "mbImageInline"}).adopt(document.id(URLsplit[1]).getChildren().clone([true,true]));
|
||
preload = document.id(URLsplit[1]);
|
||
startEffect();
|
||
// 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 = new Element('iframe', {
|
||
'src': URL,
|
||
'id': mediaId,
|
||
'width': mediaWidth,
|
||
'height': mediaHeight,
|
||
'frameborder': 0,
|
||
'allowTransparency': true // PATCH: see #5077
|
||
});
|
||
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";
|
||
(mediaType == "img")?image.addEvent("click", next):image.removeEvent("click", next);
|
||
if (mediaType == "img"){
|
||
mediaWidth = preload.width;
|
||
mediaHeight = preload.height;
|
||
if (options.imgBackground) {
|
||
image.setStyles({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 = preload.width = parseInt((mediaHeight/preload.height)*mediaWidth);
|
||
preload.height = mediaHeight;
|
||
} else if (mediaWidth >= winWidth-options.imgPadding && (mediaHeight / winHeight) < (mediaWidth / winWidth)) {
|
||
mediaWidth = winWidth-options.imgPadding;
|
||
mediaHeight = preload.height = parseInt((mediaWidth/preload.width)*mediaHeight);
|
||
preload.width = mediaWidth;
|
||
}
|
||
if (Browser.ie) preload = document.id(preload);
|
||
preload.addEvent('mousedown', function(e){ e.stop(); }).addEvent('contextmenu', function(e){ e.stop(); });
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
preload.inject(image);
|
||
}
|
||
} else if (mediaType == "inline") {
|
||
// if (options.overflow) image.setStyles({overflow: options.overflow});
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
// preload.inject(image);
|
||
// image.grab(preload.get('html'));
|
||
(options.inlineClone)?image.grab(preload.get('html')):image.adopt(preload.getChildren());
|
||
} else if (mediaType == "qt") {
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
preload.inject(image);
|
||
// preload;
|
||
} else if (mediaType == "url") {
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
preload.inject(image);
|
||
} else if (mediaType == "ios" || Browser.Platform.ios) {
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
image.set('html', options.linkText.replace(/{x}/gi, URL));
|
||
mediaWidth = options.DefaultWidth;
|
||
mediaHeight = options.DefaultHeight;
|
||
} else if (mediaType == "obj") {
|
||
if (Browser.Plugins.Flash.version < "8") {
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
image.set('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 {
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
preload.inject(image);
|
||
}
|
||
} else {
|
||
image.setStyles({backgroundImage: "none", display: ""});
|
||
image.set('html', options.flashText);
|
||
mediaWidth = options.defaultWidth;
|
||
mediaHeight = options.defaultHeight;
|
||
}
|
||
image.setStyles({width: mediaWidth, height: mediaHeight});
|
||
caption.setStyles({width: mediaWidth});
|
||
|
||
title.set('html', (options.showCaption) ? captionSplit[0] : "");
|
||
caption.set('html', (options.showCaption && (captionSplit.length > 1)) ? captionSplit[1] : "");
|
||
number.set('html', (options.showCounter && (images.length > 1)) ? options.counterText.replace(/{x}/, activeImage + 1).replace(/{y}/, images.length) : "");
|
||
rating.setStyles({display: "none"});
|
||
if (typeof arrRatings == 'object') {
|
||
for (var ri = 0; ri < arrRatings.length; ri++) {
|
||
if (decodeURIComponent(preload.src).endsWith(arrRatings[ri].URL)) {
|
||
rating.setStyles({display: "block"});
|
||
if (arrRatings[ri].rated) {
|
||
rating.set('id', 'mb' + arrRatings[ri].rateItID);
|
||
RateItRating.initMe(rating);
|
||
ratingWrapper.removeEvents();
|
||
ratingSelected.setStyle('display', 'none');
|
||
ratingHover.setStyle('width', arrRatings[ri].width);
|
||
ratingHover.setStyle('display', 'block');
|
||
ratingDescription.set('html', arrRatings[ri].description);
|
||
} else {
|
||
rating.set('id', 'mb' + arrRatings[ri].rateItID);
|
||
ratingSelected.setStyle('display', 'block');
|
||
ratingHover.setStyle('display', 'none');
|
||
ratingDescription.set('html', arrRatings[ri].description);
|
||
RateItRating.initMe(rating);
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
// The following line inverts the displayed number (so instead of the first element being labeled 1/10, it's 10/10)
|
||
// number.set('html', (options.showCounter && (images.length > 1)) ? options.counterText.replace(/{x}/, images.length - activeImage).replace(/{y}/, images.length) : "");
|
||
|
||
if ((prevImage >= 0) && (images[prevImage][0].match(/\.gif|\.jpg|\.jpeg|\.png|twitpic\.com/i))) preloadPrev.src = images[prevImage][0].replace(/twitpic\.com/i, "twitpic.com/show/full");
|
||
if ((nextImage >= 0) && (images[nextImage][0].match(/\.gif|\.jpg|\.jpeg|\.png|twitpic\.com/i))) preloadNext.src = images[nextImage][0].replace(/twitpic\.com/i, "twitpic.com/show/full");
|
||
|
||
mediaWidth = image.offsetWidth;
|
||
mediaHeight = image.offsetHeight+bottom.offsetHeight;
|
||
if (mediaHeight >= top+top) { mTop = -top } else { mTop = -(mediaHeight/2) };
|
||
if (mediaWidth >= left+left) { mLeft = -left } else { mLeft = -(mediaWidth/2) };
|
||
/****/ if (options.resizeOpening) { fx.resize.start({width: mediaWidth, height: mediaHeight, marginTop: mTop-margin, marginLeft: mLeft-margin});
|
||
/****/ } else { center.setStyles({width: mediaWidth, height: mediaHeight, marginTop: mTop-margin, marginLeft: mLeft-margin}); imageAnimate(); }
|
||
}
|
||
|
||
function imageAnimate() {
|
||
fx.image.start(1);
|
||
}
|
||
|
||
function captionAnimate() {
|
||
center.className = "";
|
||
if (prevImage >= 0) prevLink.style.display = "";
|
||
if (nextImage >= 0) nextLink.style.display = "";
|
||
fx.bottom.start(1);
|
||
}
|
||
|
||
function stop() {
|
||
if (preload) {
|
||
if (mediaType == "inline" && !options.inlineClone) preload.adopt(image.getChildren()); // prevents loss of adopted data
|
||
preload.onload = function(){}; // $empty replacement
|
||
}
|
||
fx.resize.cancel();
|
||
fx.image.cancel().set(0);
|
||
fx.bottom.cancel().set(0);
|
||
$$(prevLink, nextLink).setStyle("display", "none");
|
||
}
|
||
|
||
function close() {
|
||
if (activeImage >= 0) {
|
||
if (mediaType == "inline" && !options.inlineClone) preload.adopt(image.getChildren()); // prevents loss of adopted data
|
||
preload.onload = function(){}; // $empty replacement
|
||
image.empty();
|
||
for (var f in fx) fx[f].cancel();
|
||
center.setStyle("display", "none");
|
||
fx.overlay.chain(setup).start(0);
|
||
}
|
||
// PATCH: fire a custom event
|
||
window.fireEvent('mb_close');
|
||
// PATCH EOF
|
||
return false;
|
||
}
|
||
})();
|
||
//PATCH: remove the autoload block
|