(function(Weebly, $) {
Weebly.Slideshow = window.wSlideshow = {
getSlideshowImages: getSlideshowImages,
updateSize: updateSize,
generateHTML: generateHTML,
init: init,
updatePhotos: updatePhotos,
render: render,
initHeaderSlideshow: initHeaderSlideshow,
instantiateHeaderSlideshow: instantiateHeaderSlideshow,
thumbnailURL: thumbnailURL,
largeURL: largeURL
};
function initHeaderSlideshow(options) {
var slideshow = instantiateHeaderSlideshow(options);
if (slideshow) {
slideshow.render();
}
}
function instantiateHeaderSlideshow(options) {
var $headers = $('[class*="wsite-header"]');
$headers.not(':first').hide();
var slideshowElement = $headers.css('background','none')[0];
if (slideshowElement) {
var slideshow = new Slideshow(slideshowElement, {
fillDimensions: true,
autoplay: true,
speed: options.speed || 5,
slide: options.slide, // leaving for backwards compatibility
transition: options.transition,
showControls: true,
showPlayButton: false,
dots: options.dots,
dotPosition: options.dotPosition,
arrows: options.arrows,
forceSideArrows: true,
images: options.images,
aspectRatio: options.aspectRatio || 'auto',
useAspectRatio: options.useAspectRatio || false
});
return slideshow;
}
}
var slideshowOptions = {};
var slideshows = {};
var isTouch = 'ontouchstart' in document.documentElement;
var isIElt9 = false;
if ($.browser.msie) {
var version = parseInt($.browser.version, 10);
if (version < 9) {
isIElt9 = true;
}
}
function getSlideshowImages(elementID) {
return slideshows[elementID].getPhotos();
}
function updateSize() { // TODO: rename to updateSizes
var changed = false;
$.each(slideshows, function(i, slideshow) {
slideshow.updateSize();
changed = true;
});
return changed;
}
function generateHTML(elementID, rawOptions) {
slideshowOptions[elementID] = processElementOptions(rawOptions);
return ""; // to maintain scroll state
}
function init(elementID) {
var e = $('#' + elementID + '-slideshow');
var slideshow = new Slideshow(e, slideshowOptions[elementID]);
slideshows[elementID] = slideshow;
slideshow.render();
e.height('');
}
function updatePhotos(elementID, photos) { // TODO: rename to updateImages
if (slideshows[elementID]) {
slideshows[elementID].destroy();
var options = slideshowOptions[elementID];
options.images = photos;
slideshows[elementID] = new Slideshow($('#' + elementID + '-slideshow'), options);
slideshows[elementID].render();
}
}
function render(rawOptions) {
var options = processElementOptions(rawOptions);
var elementID = options.elementID;
var slideshow = new Slideshow($('#' + elementID + "-slideshow"), options);
slideshows[elementID] = slideshow;
slideshow.render();
}
function processElementOptions(rawOptions) {
var links = rawOptions.nav;
var linkTiers = 1;
if (links == 'double_thumbnails') {
links = 'thumbnails';
linkTiers = 2;
}
else if (links == 'none') {
links = false;
}
return {
elementID: rawOptions.elementID,
links: links,
linkLocation: rawOptions.navLocation,
linkTiers: linkTiers,
captionLocation: rawOptions.captionLocation,
slide: rawOptions.transition == 'slide',
transition: rawOptions.transition,
autoplay: parseInt(rawOptions.autoplay),
speed: parseInt(rawOptions.speed),
aspectRatio: rawOptions.aspectRatio || 'auto',
// If property entries are not in DB, old version of element-content-producing
// code (before element php refactor) don't replace anything.
// Thus, these properties could have values of "%%SHOWCONTROLS%%" or "%%RANDOMSTART%%".
// Or old published slideshows might not have these entries as all (undefined).
showControls: rawOptions.showControls !== 'false', // default is true
randomStart: rawOptions.randomStart === 'true', // default is false
images: rawOptions.images || []
};
}
var PRELOAD = 5;
var ASPECT_RATIOS = {
'16:9' : 16/9,
'3:2' : 3/2,
'4:3' : 4/3
};
var LINK_MOVE_EDGES = .40;
var LINK_ACCELERATION = 1;
var LINK_MAX_VELOCITY_SQRT = 4;
function Slideshow(element, options) {
var t = this;
// public functions
t.render = render;
t.destroy = destroy;
t.updateSize = updateSize;
t.play = play;
t.pause = pause;
t.on = on;
t.getHandlers = getHandlers;
t.setHandlers = setHandlers;
t.clearHandlers = clearHandlers;
t.getPhotos = function() {
return photos
};
t.isPlaying = function () {
return playing;
};
t.getSlideIndex = function() {
return slideIndex;
};
t.gotoSlide = function(i, noTransition) {
pause();
go(i, undefined, noTransition);
};
element = $(element);
options = options || {};
var photos = options.images || [];
var content;
var slideContainer;
var slides = [];
var slideImgs = [];
var slideImgWidths = [];
var slideImgHeights = [];
var slideImgWraps = [];
var linkContainer;
var linkContainerInner;
var links;
var dotContainer;
var isAnimating = false;
var slideIndex;
var horizontalLinks; // bool
var overlayTopLeft, overlayTopRight, overlayLeft, overlayRight;
var allOverlays;
var playing = false;
var playPauseID = 0;
var playButton;
var pauseButton;
var playTimeoutID;
var controlsVisible = true;
var controlsFadeEffect;
var contentWidth;
var contentHeight;
var thumbnailWidth;
var thumbnailHeight;
var fadeoutTimer;
var linkContainerX;
var linkContainerY;
var linkContainerWidth;
var linkContainerHeight;
var linkContainerInnerWidth;
var linkContainerInnerHeight;
var linkX = 0;
var linkY = 0;
var linkMin;
var linkMax;
var isMouseOverLinks = false;
var linkHoverID = 0;
var linkTargetVelocity = 0;
var linkVelocity = 0;
var linkIntervalID;
var colCount = 8;
var rowCount = 4;
var sliceCount = 15;
/* rendering
-------------------------------------------------------------------------------*/
function render() {
element
.addClass('wslide')
.html(
""
);
var table = element.find('table');
var tbody = element.find('tbody');
var content = renderContent();
if (!isTouch) {
content.on('mouseover', function() {
if (options.showControls) {
clearTimeout(fadeoutTimer);
if (!controlsVisible) {
showControls(
allOverlays.queue() && allOverlays.queue().length // skipIndent? = if any animations in the queue
);
}
}
})
.on('mouseout', function() {
fadeoutTimer = setTimeout(function() {
fadeControls();
}, 1000);
});
}
if (options.fillDimensions && options.useAspectRatio) {
// only mobile will likey need to force the element height;
element.css({ height : 'auto' });
}
if (!options.links || !photos.length) {
var tr = $("|
");
var td = $(" | ");
td.append(content);
tr.append(td);
tbody.append(tr);
} else {
links = [];
var linkLocation = options.linkLocation;
horizontalLinks = linkLocation == 'top' || linkLocation == 'bottom';
var linkContainer = renderLinks();
var linkCell = $(" | ").append(linkContainer);
var contentCell = $(" | ").append(content);
if (horizontalLinks) {
linkCell.width('auto'); // for IE
var tr1 = $("|
");
var tr2 = $("|
");
if (linkLocation == 'top') {
tr1.append(linkCell);
tr2.append(contentCell);
}else{
tr1.append(contentCell);
tr2.append(linkCell);
}
tbody.append(tr1);
tbody.append(tr2);
}else{
var tr = $("|
");
if (linkLocation == 'left') {
tr.append(linkCell);
tr.append(contentCell);
}else{
tr.append(contentCell);
tr.append(linkCell);
}
tbody.append(tr);
}
}
if (options.dots) {
dotContainer = renderDots();
}
initSize();
if (photos.length) {
if (options.randomStart) {
go(Math.floor(Math.random() * photos.length));
}else{
go(0);
}
}
hideControls();
if (options.autoplay) {
play();
}
$(window).on('resize', windowResize);
}
function destroy() {
element.empty();
_destroy();
}
function _destroy() {
pause();
$(window).on('resize', windowResize);
clearHandlers();
}
function renderContent() {
content = $(
"" +
" " + // for IE
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"" +
"Play " +
"" +
"" +
'
'
);
$playWrap.css({display:'inline-block'});
playButton = $playWrap.find('.wslide-play');
playButton.on('click', play);
return $playWrap;
}
function renderPause() {
var $pauseWrap = $(
"" +
"" +
"Pause " +
"" +
"" +
'
'
);
$pauseWrap.css({display:'inline-block'});
pauseButton = $pauseWrap.find('.wslide-pause');
pauseButton.on('click', pause);
return $pauseWrap;
}
function renderPrev() {
var $prevButton = $(
"" +
"" +
"" +
"" +
"" +
"
"
);
$prevButton.css({display:'inline-block'});
return $prevButton;
}
function renderNext() {
var $nextButton = $(
"" +
"" +
"" +
"" +
"" +
"
"
);
$nextButton.css({display:'inline-block'});
return $nextButton;
}
function renderLinks() {
var linkLocation = options.linkLocation;
var linkTiers = options.linkTiers;
var classes = 'wslide-links disable-user-select wslide-links-' + options.linkLocation;
if (options.links) {
if (options.links == 'thumbnails') {
classes += ' wslide-thumbnail-links';
}else{
classes += ' wslide-number-links';
}
}
linkContainer = $(
""
);
if (!isTouch) {
linkContainer
.on('mouseover', linkContainerMouseover)
.on('mousemove', linkContainerMousemove)
.on('mouseout', linkContainerMouseout);
} else {
linkContainer
.on('touchstart', linkContainerTouchStart)
.on('touchmove', linkContainerTouchMove);
}
linkContainerInner = linkContainer.children().first();
initLinkSwiping(linkContainerInner);
var tbody = linkContainer.find('tbody');
if (horizontalLinks) {
var trs = [];
for (var i=0; i");
tbody.append(trs[i]);
}
for (var i=0; i");
for (var c=0; c"
);
for (var i=0; i")
.on('click', function() {
pause();
go(i);
})
);
})(i);
content.append(container);
var dotPosition = options.dotPosition || 'right';
if (dotPosition == 'left') {
container.css({ left: 10, bottom: 10 });
}
else if (dotPosition == 'center') {
container.css({ left: element.width()/2-container.width()/2, bottom: 10 });
// TODO: make update with liquid width
}
else if (dotPosition == 'right') {
container.css({ right: 10, bottom: 10 });
}
return container;
}
function renderLink(photo, i) {
var td = $(" | ");
if (options.links == 'numbers') {
td.append(
"" +
"" +
"
" +
(i + 1) +
"
" +
"
" +
"
" +
"
![]()
" +
"
" +
"
" +
"
" + photo.caption + "
" + // already escaped
"
" +
"
![]()
').attr({
src : currentImageSrc
}).css({
position : 'absolute',
width : $imageWrap.width() + 'px',
height : 'auto',
display : 'block !important',
top : 0
});
var $sliceHTML = $('');
$sliceHTML.css({
position : 'absolute',
height : sliceHeight + 'px',
opacity : '0',
overflow : 'hidden',
'z-index' : '2',
'-webkit-backface-visibility': 'hidden'
});
// alignright is really buggy in chrome right now so animations will
// have to grow from the left at the moment
if (alignRight) {
$img.css({
left : -((sliceCount - i - 1) * sliceWidth) + 'px'
});
$sliceHTML.css({
right : (sliceWidth * i) + 'px'
});
} else {
$img.css({
left : (-i * sliceWidth) + 'px'
});
$sliceHTML.css({
left : (sliceWidth * i) + 'px'
});
}
if (i === sliceCount - 1) {
$sliceHTML.css({
width : ($imageWrap.width() - (sliceWidth * i)) + 'px'
});
} else {
$sliceHTML.css({
width : sliceWidth + 'px'
});
}
$sliceHTML.append($img);
$imageWrap.append($sliceHTML);
}
};
var createBoxes = function(newIndex) {
var $newSlide = slides[newIndex];
var $currentImage = $newSlide.find('img');
var currentImageSrc = $currentImage.attr('src');
//var $imageWrap = $currentImage.up('.wslide-slide-inner2');
var $imageWrap = $currentImage.up('.wslide-slide');
$newSlide.show();
var boxWidth = Math.round($imageWrap.width() / colCount);
var boxHeight = Math.round($imageWrap.height() / rowCount);
var offsetLeft = Math.floor($currentImage.offset().left - $imageWrap.offset().left);
var offsetTop = Math.ceil($currentImage.offset().top - $imageWrap.offset().top);
$currentImage.hide();
for (var rows = 0; rows < rowCount; rows++) {
for (var cols = 0; cols < colCount; cols++) {
var $img = $('![]()
').attr({
src : currentImageSrc
}).css({
position : 'absolute',
width : $currentImage.width() + 'px',
height : 'auto',
display : 'block !important',
top : -(boxHeight * rows) + offsetTop + 'px',
left : -(boxWidth * cols) + offsetLeft + 'px'
});
var $boxHTML = $('').append($img);
$boxHTML.css({
position : 'absolute',
opacity : 0,
left : (boxWidth * cols) + 'px',
top : (boxHeight * rows) + 'px',
overflow : 'hidden',
'z-index' : '2',
'-webkit-backface-visibility': 'hidden'
});
if (cols === colCount - 1) {
$boxHTML.css({
width : ($imageWrap.width() - (boxWidth * cols)) + 'px'
});
} else {
$boxHTML.css({
width : boxWidth + 'px'
});
}
if (rows === rowCount - 1) {
$boxHTML.css({
height : ($imageWrap.height() - (boxHeight * rows)) + 'px'
});
} else {
$boxHTML.css({
height : boxHeight + 'px'
});
}
$imageWrap.append($boxHTML);
}
}
};
function preloadSlides(startingAt, navigateTo) {
var needsPreload = false;
for (var i=startingAt; i<=startingAt+PRELOAD && i=0 && !slides[i]) {
addSlide(photos[i], i, i === navigateTo); // populates slides[i]
needsPreload = (startingAt === i) ? true : false;
}
}
return needsPreload;
}
/* navigation methods
-----------------------------------------------------------------------*/
function prev() {
var i = (slideIndex - 1 + photos.length) % photos.length;
if (i >= 0) {
go(i, -1);
putLinkInView(i, false);
}
}
function next() {
var i = (slideIndex + 1) % photos.length;
go(i, 1);
putLinkInView(i, true);
}
function timedNext() {
playTimeoutID = setTimeout(
function() {
if (!isDead()) {
next();
}
},
options.speed * 1000
);
}
/* link mouseover sliding
--------------------------------------------------------------------------*/
var prevX = 0;
var prevY = 0;
function linkContainerTouchStart(ev) {
prevX = ev.pageX || ev.originalEvent.pageX;
prevY = ev.pageY || ev.originalEvent.pageY;
}
function linkContainerTouchMove(ev) {
var pageX = ev.pageX || ev.originalEvent.pageX;
var pageY = ev.pageY || ev.originalEvent.pageY;
if (horizontalLinks) {
linkVelocity = pageX - prevX;//((prevX - pageX) > 0) ? -5 : 5;
} else {
linkVelocity = pageY - prevY;//((prevY - pageY) > 0) ? -5 : 5;
}
prevX = pageX;
prevY = pageY;
linkTargetVelocity = linkVelocity;
linkMove();
ev.preventDefault();
}
function linkContainerMouseover(ev) {
isMouseOverLinks = true;
linkHoverID++;
if (horizontalLinks) {
linkContainerX = linkContainer.offset().left;
}else{
linkContainerY = linkContainer.offset().top;
}
}
function linkContainerMousemove(ev) {
if (horizontalLinks && linkContainerInnerWidth < linkContainerWidth ||
!horizontalLinks && linkContainerInnerHeight < linkContainerHeight) {
return;
}
var n;
if (horizontalLinks) {
n = (ev.pageX - linkContainerX) / linkContainerWidth;
}else{
n = (ev.pageY - linkContainerY) / linkContainerHeight;
}
var v;
if (n < LINK_MOVE_EDGES) {
v = (1 - (n / LINK_MOVE_EDGES)) * LINK_MAX_VELOCITY_SQRT;
v *= v;
}
else if (n > (1-LINK_MOVE_EDGES)) {
v = ((n - (1-LINK_MOVE_EDGES)) / LINK_MOVE_EDGES) * LINK_MAX_VELOCITY_SQRT;
v *= -v;
}
else {
v = 0;
}
v = Math.round(v);
if (linkTargetVelocity != v) {
linkTargetVelocity = v;
if (!linkIntervalID) {
linkIntervalID = setInterval(linkMove, 35);
}
}
}
function linkMove() {
if (linkVelocity < linkTargetVelocity) {
linkVelocity += LINK_ACCELERATION;
}
else if (linkVelocity > linkTargetVelocity) {
linkVelocity -= LINK_ACCELERATION;
}
if (!linkVelocity && !linkTargetVelocity) {
clearInterval(linkIntervalID);
linkIntervalID = null;
}else{
if (horizontalLinks) {
linkX = Math.min(linkMax, Math.max(linkMin, linkX + linkVelocity));
linkContainerInner.css('left', linkX);
}else{
linkY = Math.min(linkMax, Math.max(linkMin, linkY + linkVelocity));
linkContainerInner.css('top', linkY);
}
}
}
function linkContainerMouseout(ev) {
var savedID = ++linkHoverID;
setTimeout(function() {
if (savedID == linkHoverID) {
linkTargetVelocity = 0;
isMouseOverLinks = false;
}
}, 10);
}
/* putting links in view
---------------------------------------------------------------------------*/
function putLinkInView(i, toFront) {
if (links && !isMouseOverLinks) {
var link = links[i];
if (horizontalLinks) {
var localLeft = link.position().left;
var left = localLeft + linkContainerInner.position().left;
var width = link.outerWidth();
if (left < 0 || left + width > linkContainerWidth) {
if (toFront) {
tweenLinkX(-localLeft);
}else{
tweenLinkX(-(localLeft + width - linkContainerWidth));
}
}
}else{
var localTop = link.position().top;
var top = localTop + linkContainerInner.position().top;
var height = link.outerHeight();
if (top < 0 || top + height > linkContainerHeight) {
if (toFront) {
tweenLinkY(-localTop);
}else{
tweenLinkY(-(localTop + height - linkContainerHeight));
}
}
}
}
}
function tweenLinkX(newX) {
newX = Math.min(linkMax, Math.max(linkMin, newX));
linkContainerInner.animate({ left: newX }, 500);
}
function tweenLinkY(newY) {
newY = Math.min(linkMax, Math.max(linkMin, newY));
linkContainerInner.animate({ top: newY }, 500);
}
function isDead() {
if (!element.parents('body').length) {
// element is gone now (might have switched to a different page in editor)
_destroy();
return true;
}
return false;
}
/* playing / pausing
-------------------------------------------------------------------------*/
function play(immediate) {
if (photos.length > 1 && !playing) {
playing = true;
updatePlayPauseButtons();
if (slideImgWidths[slideIndex] && slideImgHeights[slideIndex]) { // current slide already loaded
if (immediate) {
next()
}
else {
timedNext();
}
}
trigger('play');
}
}
function pause() {
if (playing) {
element.find('.wslide-link-thumbnail img').css({ opacity : 1 });
playing = false;
updatePlayPauseButtons();
clearTimeout(playTimeoutID);
playTimeoutID = null;
playPauseID++;
trigger('pause');
}
}
function updatePlayPauseButtons() {
if (photos.length > 1 && options.showPlayButton !== false) {
if (playing) {
playButton.css('opacity', 0).hide();
pauseButton.css('opacity', 1).show();
}else{
playButton.css('opacity', 1).show();
pauseButton.css('opacity', 0).hide();
}
}
}
/* control fading
---------------------------------------------------------------------------*/
function showControls(skipIndent) {
stopFadeControls();
if (!skipIndent) {
indentControls();
}
allOverlays.show().css('opacity', 1);
controlsVisible = true;
}
function indentControls() {
overlayTopLeft.css('padding-top', indentTop);
overlayTopLeft.css('padding-left', indentLeft);
overlayTopRight.css('padding-top', indentTop);
overlayTopRight.css('padding-right', indentRight);
overlayLeft.css('padding-left', indentLeft);
overlayRight.css('padding-right', indentRight);
}
function hideControls() {
stopFadeControls();
allOverlays.hide();
controlsVisible = false;
}
function fadeControls() {
if (controlsVisible) {
controlsVisible = false;
allOverlays.animate({ opacity: 0 }, {
duration: 1000,
complete: function() {
hideControls();
}
});
}
}
function stopFadeControls() {
allOverlays.stop(true); // true = clear queue
}
/* Touchscreen Swiping
-----------------------------------------------------------------------------*/
var IS_DEBUGGING = true;
var TOUCHSTART = IS_DEBUGGING ? 'mousedown' : 'touchstart';
var TOUCHMOVE = IS_DEBUGGING ? 'mousemove' : 'touchmove';
var TOUCHEND = IS_DEBUGGING ? 'mouseup' : 'touchend';
var TOUCHCANCEL = IS_DEBUGGING ? 'xxx' : 'touchcancel';
function initLinkSwiping(elm) {
function touchstart(ev) {
pause();
if (linkIntervalID) {
clearInterval(linkIntervalID);
linkIntervalID = null;
linkVelocity = 0;
}
var origCoord = getCoord(ev);
var origLinkX = linkX;
var origLinkY = linkY;
var delta;
var p0 = null;
var p1 = null;
var simulateClick = true;
function touchmove(ev) {
var coord = getCoord(ev);
p0 = p1;
p1 = coord;
delta = coord - origCoord;
if (Math.abs(delta) > 15) {
simulateClick = false;
}
if (horizontalLinks) {
linkX = origLinkX + delta;
linkX = Math.max(linkMin, linkX);
linkX = Math.min(linkMax, linkX);
linkContainerInner.css('left', linkX);
}else{
linkY = origLinkY + delta;
linkY = Math.max(linkMin, linkY);
linkY = Math.min(linkMax, linkY);
linkContainerInner.css('top', linkY);
}
}
function touchend(ev) {
if (simulateClick && elm.is('a')) {
// make photoswipe show up
window.Code.Util.Events.fire(elm[0], 'click');
}
if (p1 === null || p0 === null) {
linkVelocity = 0;
}else{
linkVelocity = p1 - p0;
linkVelocity = Math.max(-15, linkVelocity);
linkVelocity = Math.min(15, linkVelocity);
}
linkTargetVelocity = 0;
if (!linkIntervalID) {
linkIntervalID = setInterval(linkMove, 35);
}
$(document)
.off(TOUCHMOVE, touchmove)
.off(TOUCHEND, touchend)
.off(TOUCHCANCEL, touchend);
}
$(document)
.off(TOUCHMOVE, touchmove)
.off(TOUCHEND, touchend)
.off(TOUCHCANCEL, touchend);
return false;
}
elm.on(TOUCHSTART, touchstart);
}
function getCoord(ev) {
if (horizontalLinks) {
return touchCoordObj(ev).pageX;
}else{
return touchCoordObj(ev).pageY;
}
}
function touchCoordObj(ev) {
if (IS_DEBUGGING) {
return ev;
}
return ev.touches[0];
}
/* rudimentary event triggering system, for public use
------------------------------------------------------------*/
var handlersByName = {};
function on(name, handler) {
var handlers = handlersByName[name] || [];
handlers.push(handler);
handlersByName[name] = handlers;
}
function trigger(name) {
var slideshow = this;
var args = Array.prototype.slice.call(arguments, 1);
$.each(handlersByName[name] || [], function(i, handler) {
handler.apply(slideshow, args);
});
}
function getHandlers() {
return handlersByName;
}
function setHandlers(_handlersByName) {
handlersByName = _handlersByName;
}
function clearHandlers() {
handlersByName = {};
}
/* window resizing
--------------------------------------------------------------*/
var windowResizeID = 0;
function windowResize() {
var savedID = ++windowResizeID;
setTimeout(function() {
if (savedID == windowResizeID) {
if (!isDead()) {
updateSize();
}
}
}, 500);
}
}
function thumbnailURL(photo) {
var url = photo.url;
if (!url.match("/weebly/images/")) {
url = '' + url.replace(/^\/uploads\//, '');
}
return url;
}
function largeURL(photo) {
var url = photo.url;
if (!url.match("/weebly/images/")) {
url = '' + url.replace(/^\/uploads\//, '');
if (photo.thumbnail !== false) {
url = url.replace(/^(.*)\.([^\.]+)$/, "$1_orig.$2");
}
}
return url;
}
function loadImage(imgNode, src, onload) {
var intervalID = null;
var called = false;
function done() {
if (intervalID) {
clearInterval(intervalID);
intervalID = null;
}
if (!called) {
called = true;
onload();
}
};
imgNode.onload = done;
imgNode.src = src;
if (imgNode.complete) {
done();
}else{
intervalID = setInterval(function() {
if (imgNode.complete) {
done();
}
}, 500);
}
}
})(Weebly, Weebly.jQuery);