/** HTML5 LightBox - jQuery Image and Video LightBox Plugin
* Copyright 2014 Magic Hills Pty Ltd All Rights Reserved
* Website: http://html5box.com
* Version 6.7
*/
(function () {
var scripts = document.getElementsByTagName("script");
var jsFolder = "";
for (var i = 0; i < scripts.length; i++) if (scripts[i].src && scripts[i].src.match(/html5lightbox\.js/i)) jsFolder = scripts[i].src.substr(0, scripts[i].src.lastIndexOf("/") + 1);
var loadjQuery = false;
if (typeof jQuery == "undefined") loadjQuery = true;
else {
var jVersion = jQuery.fn.jquery.split(".");
if (jVersion[0] < 1 || (jVersion[0] == 1 && jVersion[1] < 6)) loadjQuery = true;
}
if (loadjQuery) {
var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
if (script.readyState)
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
loadHtml5LightBox(jsFolder);
}
};
else
script.onload = function () {
loadHtml5LightBox(jsFolder);
};
script.setAttribute("src", jsFolder + "jquery.js");
head.appendChild(script);
} else loadHtml5LightBox(jsFolder);
})();
function loadHtml5LightBox(jsFolder) {
(function ($) {
$.fn.html5lightbox = function (options) {
var inst = this;
inst.options = $.extend(
{
freelink: "http://html5box.com/",
defaultvideovolume: 1,
autoclose: false,
insideiframe: false,
autoresizecontent: true,
defaultwidth: 960,
defaultheight: 540,
autoplay: true,
loopvideo: false,
html5player: true,
responsive: true,
nativehtml5controls: false,
videohidecontrols: false,
nativecontrolsonfirefox: true,
nativecontrolsonie: true,
imagekeepratio: true,
maxheight: false,
useflashonie9: true,
useflashonie10: true,
useflashonie11: false,
useflashformp4onfirefox: false,
googleanalyticsaccount: "",
arrowloop: true,
showall: false,
shownavigation: true,
thumbwidth: 96,
thumbheight: 72,
thumbgap: 4,
thumbtopmargin: 12,
thumbbottommargin: 12,
thumbborder: 1,
thumbbordercolor: "transparent",
thumbhighlightbordercolor: "#fff",
thumbopacity: 1,
navbuttonwidth: 32,
overlaybgcolor: "#000",
overlayopacity: 0.9,
bgcolor: "#fff",
bordersize: 8,
borderradius: 0,
bordermargin: 16,
bordertopmargin: 48,
bordertopmarginsmall: 48,
barautoheight: true,
barheight: 64,
responsivebarheight: false,
smallscreenheight: 415,
barheightonsmallheight: 64,
notkeepratioonsmallheight: false,
loadingwidth: 64,
loadingheight: 64,
resizespeed: 400,
fadespeed: 400,
jsfolder: jsFolder,
skinsfoldername: "skins/default/",
loadingimage: "lightbox-loading.gif",
nextimage: "lightbox-next.png",
previmage: "lightbox-prev.png",
closeimage: "lightbox-close.png",
playvideoimage: "lightbox-playvideo.png",
titlebgimage: "lightbox-titlebg.png",
navarrowsprevimage: "lightbox-navprev.png",
navarrowsnextimage: "lightbox-navnext.png",
navarrowsalwaysshowontouch: true,
navarrowsbottomscreenwidth: 479,
closeonoverlay: true,
alwaysshownavarrows: false,
showplaybutton: true,
playimage: "lightbox-play.png",
pauseimage: "lightbox-pause.png",
fullscreenmode: false,
fullscreencloseimage: "lightbox-close-fullscreen.png",
fullscreennextimage: "lightbox-next-fullscreen.png",
fullscreenprevimage: "lightbox-prev-fullscreen.png",
fullscreennomargin: false,
fullscreenmodeonsmallscreen: false,
fullscreennomarginonsmallscreen: false,
fullscreensmallscreenwidth: 736,
fullscreenbgcolor: "rgba(0, 0, 0, 0.9)",
fullscreennomargintextinside: false,
videobgcolor: "#000",
html5videoposter: "",
showtitle: true,
titlestyle: "bottom",
titleinsidecss: "color:#fff; font-size:16px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 8px;",
titlebottomcss: "color:#333; font-size:16px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left;",
showdescription: true,
descriptioninsidecss: "color:#fff; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;",
descriptionbottomcss: "color:#333; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;",
fullscreentitlebottomcss: "color:#fff; font-size:16px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 8px 8px;",
fullscreendescriptionbottomcss: "color:#fff; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;",
showtitleprefix: true,
titleprefix: "%NUM / %TOTAL",
autoslide: false,
slideinterval: 5e3,
showtimer: true,
timerposition: "bottom",
timerheight: 2,
timercolor: "#dc572e",
timeropacity: 1,
initvimeo: true,
inityoutube: true,
initsocial: true,
showsocial: false,
socialposition: "position:absolute;top:100%;right:0;",
socialpositionsmallscreen: "position:absolute;top:100%;right:0;left:0;",
socialdirection: "horizontal",
socialbuttonsize: 32,
socialbuttonfontsize: 18,
socialrotateeffect: true,
showfacebook: true,
showtwitter: true,
showpinterest: true,
imagepercentage: 75,
sidetobottomscreenwidth: 479,
errorwidth: 280,
errorheight: 48,
errorcss: "text-align:center; color:#ff0000; font-size:14px; font-family:Arial, sans-serif;",
enabletouchswipe: true,
supportesckey: true,
supportarrowkeys: true,
version: "3.3",
stamp: true,
freemark: "72,84,77,76,53,32,76,105,103,104,116,98,111,120,32,70,114,101,101,32,86,101,114,115,105,111,110",
watermark: "",
watermarklink: "",
},
options
);
if (typeof html5lightbox_options != "undefined" && html5lightbox_options) $.extend(inst.options, html5lightbox_options);
if ($("div#html5lightbox_options").length)
$.each($("div#html5lightbox_options").data(), function (key, value) {
inst.options[key.toLowerCase()] = value;
});
if ($("div#html5lightbox_general_options").length)
$.each($("div#html5lightbox_general_options").data(), function (key, value) {
inst.options[key.toLowerCase()] = value;
});
var DEFAULT_WIDTH = inst.options.defaultwidth;
var DEFAULT_HEIGHT = inst.options.defaultheight;
var ELEM_TYPE = 0,
ELEM_HREF = 1,
ELEM_TITLE = 2,
ELEM_GROUP = 3,
ELEM_WIDTH = 4,
ELEM_HEIGHT = 5,
ELEM_HREF_WEBM = 6,
ELEM_HREF_OGG = 7,
ELEM_THUMBNAIL = 8,
ELEM_DESCRIPTION = 9,
ELEM_DIV = 10;
inst.options.types = ["IMAGE", "FLASH", "VIDEO", "YOUTUBE", "VIMEO", "PDF", "MP3", "WEB", "FLV", "DAILYMOTION", "DIV", "WISTIA", "IFRAMEVIDEO"];
inst.options.htmlfolder = window.location.href.substr(0, window.location.href.lastIndexOf("/") + 1);
inst.options.skinsfolder = inst.options.skinsfoldername;
if (inst.options.skinsfolder.length > 0 && inst.options.skinsfolder[inst.options.skinsfolder.length - 1] != "/") inst.options.skinsfolder += "/";
if (inst.options.skinsfolder.charAt(0) != "/" && inst.options.skinsfolder.substring(0, 5) != "http:" && inst.options.skinsfolder.substring(0, 6) != "https:")
inst.options.skinsfolder = inst.options.jsfolder + inst.options.skinsfolder;
var i;
var l;
var mark = "";
var bytes = inst.options.freemark.split(",");
for (i = 0; i < bytes.length; i++) mark += String.fromCharCode(bytes[i]);
inst.options.freemark = mark;
var d0 = "hmtamgli5cboxh.iclolms";
for (i = 1; i <= 5; i++) d0 = d0.slice(0, i) + d0.slice(i + 1);
l = d0.length;
for (i = 0; i < 5; i++) d0 = d0.slice(0, l - 9 + i) + d0.slice(l - 8 + i);
if (inst.options.htmlfolder.indexOf(d0) != -1) inst.options.stamp = false;
inst.options.flashInstalled = false;
try {
if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) inst.options.flashInstalled = true;
} catch (e) {
if (navigator.mimeTypes["application/x-shockwave-flash"]) inst.options.flashInstalled = true;
}
inst.options.html5VideoSupported = !!document.createElement("video").canPlayType;
inst.options.isChrome = navigator.userAgent.match(/Chrome/i) != null;
inst.options.isFirefox = navigator.userAgent.match(/Firefox/i) != null;
inst.options.isOpera = navigator.userAgent.match(/Opera/i) != null || navigator.userAgent.match(/OPR\//i) != null;
inst.options.isSafari = navigator.userAgent.match(/Safari/i) != null;
inst.options.isIE11 = navigator.userAgent.match(/Trident\/7/) != null && navigator.userAgent.match(/rv:11/) != null;
inst.options.isIE = navigator.userAgent.match(/MSIE/i) != null && !inst.options.isOpera;
inst.options.isIE10 = navigator.userAgent.match(/MSIE 10/i) != null && !this.options.isOpera;
inst.options.isIE9 = navigator.userAgent.match(/MSIE 9/i) != null && !inst.options.isOpera;
inst.options.isIE8 = navigator.userAgent.match(/MSIE 8/i) != null && !inst.options.isOpera;
inst.options.isIE7 = navigator.userAgent.match(/MSIE 7/i) != null && !inst.options.isOpera;
inst.options.isIE6 = navigator.userAgent.match(/MSIE 6/i) != null && !inst.options.isOpera;
inst.options.isIE678 = inst.options.isIE6 || inst.options.isIE7 || inst.options.isIE8;
inst.options.isIE6789 = inst.options.isIE6 || inst.options.isIE7 || inst.options.isIE8 || inst.options.isIE9;
inst.options.isAndroid = navigator.userAgent.match(/Android/i) != null;
inst.options.isIPad = navigator.userAgent.match(/iPad/i) != null;
inst.options.isIPhone = navigator.userAgent.match(/iPod/i) != null || navigator.userAgent.match(/iPhone/i) != null;
inst.options.isIOS = inst.options.isIPad || inst.options.isIPhone;
inst.options.isMobile = inst.options.isAndroid || inst.options.isIPad || inst.options.isIPhone;
inst.options.isIOSLess5 = inst.options.isIPad && inst.options.isIPhone && (navigator.userAgent.match(/OS 4/i) != null || navigator.userAgent.match(/OS 3/i) != null);
inst.options.supportCSSPositionFixed = !inst.options.isIE6 && !inst.options.isIOSLess5;
inst.options.iequirksmode = inst.options.isIE6789 && document.compatMode != "CSS1Compat";
inst.options.isTouch = "ontouchstart" in window;
var v = document.createElement("video");
inst.options.canplaymp4 = v && v.canPlayType && v.canPlayType("video/mp4").replace(/no/, "");
if (inst.options.isMobile) inst.options.autoplay = false;
if (inst.options.isFirefox && inst.options.nativecontrolsonfirefox) inst.options.nativehtml5controls = true;
if ((inst.options.isIE6789 || inst.options.isIE10 || inst.options.isIE11) && inst.options.nativecontrolsonie) inst.options.nativehtml5controls = true;
inst.options.navheight = 0;
inst.options.thumbgap += 2 * inst.options.thumbborder;
inst.options.resizeTimeout = -1;
inst.slideTimeout = null;
inst.autosliding = false;
inst.elemArray = new Array();
inst.options.curElem = -1;
inst.defaultoptions = $.extend({}, inst.options);
if (inst.options.googleanalyticsaccount && !window._gaq) {
window._gaq = window._gaq || [];
window._gaq.push(["_setAccount", inst.options.googleanalyticsaccount]);
window._gaq.push(["_trackPageview"]);
$.getScript("https://ssl.google-analytics.com/ga.js");
}
if (inst.options.initvimeo) {
var tag = document.createElement("script");
var firstScriptTag = document.getElementsByTagName("script")[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}
if (inst.options.inityoutube) {
var tag = document.createElement("script");
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName("script")[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}
if (inst.options.initsocial) $("head").append();
inst.showing = false;
inst.disableEscKey = function (isFullscreen) {
if (isFullscreen) inst.disableesckeyinfullscreen = true;
else
setTimeout(function () {
inst.disableesckeyinfullscreen = false;
}, 1e3);
};
inst.supportKeyboard = function () {
inst.disableesckeyinfullscreen = false;
$(document).keyup(function (e) {
if (!inst.showing) return;
if (!inst.disableesckeyinfullscreen && inst.options.supportesckey && e.keyCode == 27) inst.finish();
else if (inst.options.supportarrowkeys)
if (e.keyCode == 39) inst.gotoSlide(-1);
else if (e.keyCode == 37) inst.gotoSlide(-2);
});
if (inst.options.supportesckey) {
document.addEventListener(
"MSFullscreenChange",
function () {
inst.disableEscKey(document.msFullscreenElement != null);
},
false
);
document.addEventListener(
"webkitfullscreenchange",
function () {
inst.disableEscKey(document.webkitIsFullScreen);
},
false
);
}
};
inst.supportKeyboard();
inst.init = function () {
inst.showing = false;
inst.readData();
inst.createMarkup();
inst.initSlide();
};
inst.readData = function () {
inst.each(function () {
if (this.nodeName.toLowerCase() != "a" && this.nodeName.toLowerCase() != "area") return;
var $this = $(this);
var fileType = "mediatype" in $this.data() ? $this.data("mediatype") : inst.checkType($this.attr("href"));
if (fileType < 0) return;
for (var i = 0; i < inst.elemArray.length; i++) if ($this.attr("href") == inst.elemArray[i][ELEM_HREF]) return;
inst.elemArray.push(
new Array(fileType, $this.attr("href"), $this.attr("title"), $this.data("group"), $this.data("width"), $this.data("height"), $this.data("webm"), $this.data("ogg"), $this.data("thumbnail"), $this.data("description"))
);
});
};
inst.createMarkup = function () {
if ($(window).width() <= inst.options.fullscreensmallscreenwidth) {
if (inst.options.fullscreenmodeonsmallscreen) {
inst.options.fullscreenmode = true;
if (inst.options.fullscreennomarginonsmallscreen) inst.options.fullscreennomargin = true;
}
if (inst.options.fullscreenmode && inst.options.fullscreennomarginonsmallscreen) inst.options.fullscreennomargin = true;
}
if (inst.options.fullscreenmode && inst.options.fullscreennomargin) {
inst.options.bgcolor = inst.options.fullscreenbgcolor;
inst.options.bordersize = 0;
inst.options.bordermargin = 0;
inst.options.bordertopmargin = 0;
inst.options.bordertopmarginsmall = 0;
if (inst.options.fullscreennomargintextinside) inst.options.titlestyle = "inside";
else {
inst.options.titlebottomcss = inst.options.fullscreentitlebottomcss;
inst.options.descriptionbottomcss = inst.options.fullscreendescriptionbottomcss;
}
}
inst.options.barheightoriginal = inst.options.barheight;
if (inst.options.responsivebarheight) {
var winH = window.innerHeight ? window.innerHeight : $(window).height();
if (winH <= inst.options.smallscreenheight) inst.options.barheight = inst.options.barheightonsmallheight;
}
if (!inst.options.titlecss) inst.options.titlecss = inst.options.titlestyle == "inside" ? inst.options.titleinsidecss : inst.options.titlebottomcss;
if (!inst.options.descriptioncss) inst.options.descriptioncss = inst.options.titlestyle == "inside" ? inst.options.descriptioninsidecss : inst.options.descriptionbottomcss;
inst.options.titlecss = $.trim(inst.options.titlecss);
if (inst.options.titlecss.length > 1) {
if (inst.options.titlecss.charAt(0) == "{") inst.options.titlecss = inst.options.titlecss.substring(1);
if (inst.options.titlecss.charAt(inst.options.titlecss.length - 1) == "}") inst.options.titlecss = inst.options.titlecss.substring(0, inst.options.titlecss.length - 1);
}
inst.options.descriptioncss = $.trim(inst.options.descriptioncss);
if (inst.options.descriptioncss.length > 1) {
if (inst.options.descriptioncss.charAt(0) == "{") inst.options.descriptioncss = inst.options.descriptioncss.substring(1);
if (inst.options.descriptioncss.charAt(inst.options.descriptioncss.length - 1) == "}") inst.options.descriptioncss = inst.options.descriptioncss.substring(0, inst.options.descriptioncss.length - 1);
}
inst.options.errorcss = $.trim(inst.options.errorcss);
if (inst.options.errorcss.length > 1) {
if (inst.options.errorcss.charAt(0) == "{") inst.options.errorcss = inst.options.errorcss.substring(1);
if (inst.options.errorcss.charAt(inst.options.errorcss.length - 1) == "}") inst.options.errorcss = inst.options.errorcss.substring(0, inst.options.errorcss.length - 1);
}
var styleCss = ".html5-hide {display:none !important;} #html5box-html5-lightbox #html5-text {" + inst.options.titlecss + "}";
styleCss += "#html5box-html5-lightbox .html5-description {" + inst.options.descriptioncss + "}";
styleCss += "#html5box-html5-lightbox .html5-error {" + inst.options.errorcss + "}";
if (inst.options.navarrowsalwaysshowontouch || inst.options.alwaysshownavarrows) {
styleCss += "#html5box-html5-lightbox .html5-prev-touch {left:0px;top:50%;margin-top:-16px;margin-left:-32px;} #html5box-html5-lightbox .html5-next-touch {right:0px;top:50%;margin-top:-16px;margin-right:-32px;}";
styleCss +=
"@media (max-width: " +
inst.options.navarrowsbottomscreenwidth +
"px) { #html5box-html5-lightbox .html5-prev-touch {top:100%;left:0;margin:0;} #html5box-html5-lightbox .html5-next-touch {top:100%;right:0;margin:0;} }";
}
styleCss +=
"#html5box-html5-lightbox .html5-prev-fullscreen {display:block;} #html5box-html5-lightbox .html5-next-fullscreen {display:block;} #html5box-html5-lightbox .html5-prev-bottom-fullscreen {display:none;} #html5box-html5-lightbox .html5-next-bottom-fullscreen {display:none;}";
styleCss +=
"@media (max-width: " +
inst.options.navarrowsbottomscreenwidth +
"px) {#html5box-html5-lightbox .html5-prev-fullscreen {display:none;} #html5box-html5-lightbox .html5-next-fullscreen {display:none;} #html5box-html5-lightbox .html5-prev-bottom-fullscreen {display:block;} #html5box-html5-lightbox .html5-next-bottom-fullscreen {display:block;} }";
if (inst.options.titlestyle == "right") {
styleCss += "#html5box-html5-lightbox #html5-elem-wrap {width:" + inst.options.imagepercentage + "%;height:100%;} #html5box-html5-lightbox #html5-elem-data-box {min-height:100%;}";
styleCss +=
"@media (max-width: " +
inst.options.sidetobottomscreenwidth +
"px) {#html5box-html5-lightbox #html5-elem-wrap {width:100%;height:auto;} #html5box-html5-lightbox #html5-elem-data-box {width:100%;height:auto;min-height:0;}}";
} else if (inst.options.titlestyle == "left") {
styleCss += "#html5box-html5-lightbox #html5-elem-wrap {height:100%;} #html5box-html5-lightbox #html5-elem-data-box {width:" + String(100 - inst.options.imagepercentage) + "%;min-height:100%;}";
styleCss +=
"@media (max-width: " +
inst.options.sidetobottomscreenwidth +
"px) {#html5box-html5-lightbox #html5-elem-wrap {width:100%;height:auto;} #html5box-html5-lightbox #html5-elem-data-box {width:100%;height:auto;min-height:0;}}";
}
styleCss += ".html5-rotate { border-radius:50%; -webkit-transition:-webkit-transform .4s ease-in; transition: transform .4s ease-in; } .html5-rotate:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }";
styleCss += "@media (max-width: " + inst.options.navarrowsbottomscreenwidth + "px) {#html5-social {" + inst.options.socialpositionsmallscreen + "}}";
$("head").append("");
inst.$lightbox = $(
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"The requested content cannot be loaded.
Please try again later." +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
"
);
inst.options.positionFixed = inst.options.supportCSSPositionFixed && inst.options.responsive && !inst.options.iequirksmode;
inst.$lightbox.css({ position: inst.options.positionFixed ? "fixed" : "absolute" });
inst.$lightbox.appendTo("body");
inst.$lightboxBox = $("#html5-lightbox-box", inst.$lightbox);
inst.$elem = $("#html5-elem-box", inst.$lightbox);
inst.$elemWrap = $("#html5-elem-wrap", inst.$lightbox);
inst.$loading = $("#html5-loading", inst.$lightbox);
inst.$error = $("#html5-error", inst.$lightbox);
inst.$image = $("#html5-image", inst.$lightbox);
if (inst.options.fullscreenmode && inst.options.fullscreennomargin) inst.$elem.css({ overflow: "hidden" });
var elemText = "";
if (inst.options.titlestyle == "left") inst.$elem.prepend(elemText);
else inst.$elem.append(elemText);
inst.$elemData = $("#html5-elem-data-box", inst.$lightbox);
inst.$text = $("#html5-text", inst.$lightbox);
if (inst.options.borderradius > 0) {
inst.$elem.css({ "border-radius": inst.options.borderradius + "px", "-moz-border-radius": inst.options.borderradius + "px", "-webkit-border-radius": inst.options.borderradius + "px" });
if (inst.options.titlestyle == "inside")
inst.$elemWrap.css({ "border-radius": inst.options.borderradius + "px", "-moz-border-radius": inst.options.borderradius + "px", "-webkit-border-radius": inst.options.borderradius + "px" });
else if (inst.options.titlestyle == "bottom") {
inst.$elemWrap.css({
"border-top-left-radius": inst.options.borderradius + "px",
"-moz-top-left-border-radius": inst.options.borderradius + "px",
"-webkit-top-left-border-radius": inst.options.borderradius + "px",
"border-top-right-radius": inst.options.borderradius + "px",
"-moz-top-right-border-radius": inst.options.borderradius + "px",
"-webkit-top-right-border-radius": inst.options.borderradius + "px",
});
inst.$elemData.css({
"border-bottom-left-radius": inst.options.borderradius + "px",
"-moz-top-bottom-border-radius": inst.options.borderradius + "px",
"-webkit-bottom-left-border-radius": inst.options.borderradius + "px",
"border-bottom-right-radius": inst.options.borderradius + "px",
"-moz-bottom-right-border-radius": inst.options.borderradius + "px",
"-webkit-bottom-right-border-radius": inst.options.borderradius + "px",
});
}
}
if (inst.options.titlestyle == "right" || inst.options.titlestyle == "left") {
inst.$lightboxBox.css({ "background-color": inst.options.bgcolor });
if (inst.options.titlestyle == "right") {
inst.$elemWrap.css({ position: "relative", float: "left" });
inst.$elemData.css({ position: "relative", overflow: "hidden", padding: inst.options.bordersize + "px" });
} else {
inst.$elemWrap.css({ position: "relative", overflow: "hidden" });
inst.$elemData.css({ position: "relative", float: "left", padding: inst.options.bordersize + "px" });
}
} else if (inst.options.titlestyle == "inside") {
inst.$elemData.css({ position: "absolute", margin: inst.options.bordersize + "px", bottom: 0, left: 0, "background-color": "#333", "background-color": "rgba(51, 51, 51, 0.6)" });
inst.$text.css({ padding: inst.options.bordersize + "px " + 2 * inst.options.bordersize + "px" });
} else {
inst.$elemData.css({
position: "relative",
width: "100%",
height: inst.options.barautoheight ? "auto" : inst.options.barheight + "px",
padding: "0 0 " + inst.options.bordersize + "px" + " 0",
"background-color": inst.options.bgcolor,
"text-align": "left",
});
if (!inst.options.fullscreenmode || !inst.options.fullscreennomargin) inst.$text.css({ margin: "0 " + inst.options.bordersize + "px" });
}
if (inst.options.showsocial) {
var socialCode = '';
var socialBtnCSS = (inst.options.socialdirection == "horizontal" ? "display:inline-block;" : "display:block;") + "margin:4px;";
var socialCSS =
"display:table-cell;width:" +
inst.options.socialbuttonsize +
"px;height:" +
inst.options.socialbuttonsize +
"px;font-size:" +
inst.options.socialbuttonfontsize +
"px;border-radius:50%;color:#fff;vertical-align:middle;text-align:center;cursor:pointer;padding:0;";
if (inst.options.showfacebook)
socialCode +=
'
';
if (inst.options.showtwitter)
socialCode +=
'
';
if (inst.options.showpinterest)
socialCode +=
'
';
socialCode += '
';
inst.$lightboxBox.append(socialCode);
$(".html5-social-btn", inst.$lightbox).on('click', function () {
var shareUrl = window.location.href + (window.location.href.indexOf("?") < 0 ? "?" : "&") + "html5lightboxshare=" + encodeURIComponent(inst.currentElem[ELEM_HREF]);
var shareTitle = inst.currentElem[ELEM_TITLE];
var shareMedia = inst.currentElem[ELEM_HREF];
if (inst.currentElem[ELEM_TYPE] == 0) shareMedia = inst.absoluteUrl(inst.currentElem[ELEM_HREF]);
else if (inst.currentElem[ELEM_TYPE] == 3) shareMedia = "https://img.youtube.com/vi/" + inst.getYoutubeId(inst.currentElem[ELEM_HREF]) + "/0.jpg";
else {
var lightboxLink = $('.html5lightbox[href="' + inst.currentElem[ELEM_HREF] + '"]');
if (lightboxLink.length > 0)
if (lightboxLink.data("shareimage") && lightboxLink.data("shareimage").length > 0) shareMedia = inst.absoluteUrl(lightboxLink.data("shareimage"));
else if (lightboxLink.data("thumbnail") && lightboxLink.data("thumbnail").length > 0) shareMedia = inst.absoluteUrl(lightboxLink.data("thumbnail"));
else {
var lightboxImg = $("img", lightboxLink);
if (lightboxImg.length > 0) shareMedia = inst.absoluteUrl(lightboxImg.attr("src"));
}
}
var isVideo =
inst.currentElem[ELEM_TYPE] == 2 ||
inst.currentElem[ELEM_TYPE] == 3 ||
inst.currentElem[ELEM_TYPE] == 4 ||
inst.currentElem[ELEM_TYPE] == 8 ||
inst.currentElem[ELEM_TYPE] == 9 ||
inst.currentElem[ELEM_TYPE] == 11 ||
inst.currentElem[ELEM_TYPE] == 12;
if ($(this).hasClass("html5-social-facebook")) window.open("https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(shareUrl) + "&t=" + encodeURIComponent(shareTitle), "_blank");
else if ($(this).hasClass("html5-social-twitter")) window.open("https://twitter.com/share?url=" + encodeURIComponent(shareUrl) + "&text=" + encodeURIComponent(shareTitle), "_blank");
else if ($(this).hasClass("html5-social-pinterest"))
window.open(
"https://pinterest.com/pin/create/bookmarklet/?media=" +
encodeURIComponent(shareMedia) +
"&url=" +
encodeURIComponent(shareUrl) +
"&description=" +
encodeURIComponent(shareTitle) +
"&is_video=" +
(isVideo ? "true" : "false"),
"_blank"
);
return false;
});
}
if (inst.options.fullscreenmode) {
inst.$lightbox.append(
"" +
""
);
inst.$next = $(".html5-next-fullscreen", inst.$lightbox);
inst.$prev = $(".html5-prev-fullscreen", inst.$lightbox);
inst.$lightboxBox.append(
"" +
""
);
inst.$nextbottom = $(".html5-next-bottom-fullscreen", inst.$lightbox);
inst.$prevbottom = $(".html5-prev-bottom-fullscreen", inst.$lightbox);
inst.$nextbottom.on('click', function () {
inst.nextArrowClicked();
});
inst.$prevbottom.on('click', function () {
inst.prevArrowClicked();
});
inst.$lightbox.append(
""
);
inst.$close = $("#html5-close-fullscreen", inst.$lightbox);
} else {
inst.$elemWrap.append(
"" +
""
);
inst.$next = $("#html5-next", inst.$lightbox);
inst.$prev = $("#html5-prev", inst.$lightbox);
if ((inst.options.isTouch && inst.options.navarrowsalwaysshowontouch) || inst.options.alwaysshownavarrows) {
inst.$lightboxBox.append(
"" +
""
);
inst.$nexttouch = $(".html5-next-touch", inst.$lightbox);
inst.$prevtouch = $(".html5-prev-touch", inst.$lightbox);
inst.$nexttouch.on('click', function () {
inst.nextArrowClicked();
});
inst.$prevtouch.on('click', function () {
inst.prevArrowClicked();
});
}
inst.$lightboxBox.append(
""
);
inst.$close = $("#html5-close", inst.$lightbox);
}
inst.$watermark = $("#html5-watermark", inst.$lightbox);
if (inst.options.stamp)
inst.$watermark.html(
"" +
inst.options.freemark +
"
"
);
else if (inst.options.watermark) {
var html = "
";
if (inst.options.watermarklink) html = "" + html + "";
inst.$watermark.html(html);
}
if (inst.options.closeonoverlay) $("#html5-lightbox-overlay", inst.$lightbox).click(inst.finish);
inst.$close.click(inst.finish);
inst.$next.on('click', function () {
inst.nextArrowClicked();
});
inst.$prev.on('click', function () {
inst.prevArrowClicked();
});
$(window).on('resize', function () {
clearTimeout(inst.options.resizeTimeout);
inst.options.resizeTimeout = setTimeout(function () {
inst.resizeWindow();
}, 500);
});
$(window).on('scroll', function () {
inst.scrollBox();
});
$(window).on("orientationchange", function (e) {
if (inst.options.isMobile) inst.resizeWindow();
});
if (inst.options.isIPhone) {
inst.options.windowInnerHeight = window.innerHeight;
setInterval(function () {
if (inst.options.windowInnerHeight != window.innerHeight) {
inst.options.windowInnerHeight = window.innerHeight;
inst.resizeWindow();
}
}, 500);
}
if (inst.options.enabletouchswipe) inst.enableSwipe();
};
inst.slideTimer = function (interval, callback, updatecallback) {
var timerInstance = this;
timerInstance.timeout = interval;
var updateinterval = 50;
var updateTimerId = null;
var runningTime = 0;
var paused = false;
var started = false;
var startedandpaused = false;
this.pause = function () {
if (started) {
paused = true;
clearInterval(updateTimerId);
}
};
this.resume = function (forceresume) {
if (startedandpaused && !forceresume) return;
startedandpaused = false;
if (started && paused) {
paused = false;
updateTimerId = setInterval(function () {
runningTime += updateinterval;
if (runningTime > timerInstance.timeout) {
clearInterval(updateTimerId);
if (callback) callback();
}
if (updatecallback) updatecallback(runningTime / timerInstance.timeout);
}, updateinterval);
}
};
this.stop = function () {
clearInterval(updateTimerId);
if (updatecallback) updatecallback(-1);
runningTime = 0;
paused = false;
started = false;
};
this.start = function () {
runningTime = 0;
paused = false;
started = true;
updateTimerId = setInterval(function () {
runningTime += updateinterval;
if (runningTime > timerInstance.timeout) {
clearInterval(updateTimerId);
if (callback) callback();
}
if (updatecallback) updatecallback(runningTime / timerInstance.timeout);
}, updateinterval);
};
this.startandpause = function () {
runningTime = 0;
paused = true;
started = true;
startedandpaused = true;
};
return this;
};
inst.updateTimer = function (percent) {
var w = Math.round(percent * 100);
if (w > 100) w = 100;
if (w < 0) w = 0;
$("#html5-timer", inst.$lightbox).css({ display: "block", width: w + "%" });
};
inst.initSlide = function () {
inst.autosliding = false;
inst.slideTimeout = inst.slideTimer(
inst.options.slideinterval,
function () {
inst.gotoSlide(-1);
},
inst.options.showtimer
? function (percent) {
inst.updateTimer(percent);
}
: null
);
if (inst.options.autoslide) {
inst.slideTimeout.stop();
inst.autosliding = true;
}
};
inst.nextArrowClicked = function () {
if (inst.options.nextElem <= inst.options.curElem)
if (inst.options.onlastarrowclicked && window[inst.options.onlastarrowclicked] && typeof window[inst.options.onlastarrowclicked] == "function") window[inst.options.onlastarrowclicked]();
inst.gotoSlide(-1);
};
inst.prevArrowClicked = function () {
if (inst.options.prevElem >= inst.options.curElem)
if (inst.options.onfirstarrowclicked && window[inst.options.onfirstarrowclicked] && typeof window[inst.options.onfirstarrowclicked] == "function") window[inst.options.onfirstarrowclicked]();
inst.gotoSlide(-2);
};
inst.calcNextPrevElem = function () {
inst.options.nextElem = -1;
inst.options.prevElem = -1;
inst.options.inGroup = false;
inst.options.groupIndex = 0;
inst.options.groupCount = 0;
var group = inst.elemArray[inst.options.curElem][ELEM_GROUP];
for (var i = 0; i < inst.elemArray.length; i++)
if (inst.matchGroup(group, inst.elemArray[i][ELEM_GROUP])) {
if (i == inst.options.curElem) inst.options.groupIndex = inst.options.groupCount;
inst.options.groupCount++;
}
var j,
curGroup = inst.elemArray[inst.options.curElem][ELEM_GROUP];
if (curGroup != undefined && curGroup != null) {
for (j = inst.options.curElem + 1; j < inst.elemArray.length; j++)
if (inst.matchGroup(curGroup, inst.elemArray[j][ELEM_GROUP])) {
inst.options.nextElem = j;
break;
}
if (inst.options.nextElem < 0)
for (j = 0; j < inst.options.curElem; j++)
if (inst.matchGroup(curGroup, inst.elemArray[j][ELEM_GROUP])) {
inst.options.nextElem = j;
break;
}
if (inst.options.nextElem >= 0) {
for (j = inst.options.curElem - 1; j >= 0; j--)
if (inst.matchGroup(curGroup, inst.elemArray[j][ELEM_GROUP])) {
inst.options.prevElem = j;
break;
}
if (inst.options.prevElem < 0)
for (j = inst.elemArray.length - 1; j > inst.options.curElem; j--)
if (inst.matchGroup(curGroup, inst.elemArray[j][ELEM_GROUP])) {
inst.options.prevElem = j;
break;
}
}
}
if (inst.options.nextElem >= 0 || inst.options.prevElem >= 0) inst.options.inGroup = true;
};
inst.calcBoxPosition = function (initW, initH) {
var boxW = initW + 2 * inst.options.bordersize;
var boxH = initH + 2 * inst.options.bordersize;
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var boxT = Math.round((winH - inst.options.navheight) / 2 - boxH / 2);
if (inst.options.titlestyle == "bottom") boxT -= Math.round(inst.options.barheight / 2);
var topmargin = $(window).width() < inst.options.navarrowsbottomscreenwidth ? inst.options.bordertopmarginsmall : inst.options.bordertopmargin;
if (boxT < topmargin) boxT = topmargin;
if (inst.options.insideiframe && window.self != window.top)
if (parent.window.jQuery && parent.window.jQuery("#" + inst.options.iframeid).length) {
var iframetop = parent.window.jQuery("#" + inst.options.iframeid).offset().top;
var parentscroll = parent.window.document.body.scrollTop;
boxT = topmargin;
boxT += parentscroll > iframetop ? parentscroll - iframetop : 0;
}
return [boxW, boxH, boxT];
};
inst.hideNavArrows = function () {
var showPrev = false;
var showNext = false;
if (inst.options.inGroup) {
if (inst.options.arrowloop || (!inst.options.arrowloop && inst.options.prevElem < inst.options.curElem)) showPrev = true;
if (inst.options.arrowloop || (!inst.options.arrowloop && inst.options.prevElem < inst.options.curElem)) showNext = true;
}
if (showPrev) {
inst.$prev.removeClass("html5-hide");
if (inst.$prevbottom) inst.$prevbottom.removeClass("html5-hide");
if (inst.$prevtouch) inst.$prevtouch.removeClass("html5-hide");
} else {
inst.$prev.addClass("html5-hide");
if (inst.$prevbottom) inst.$prevbottom.addClass("html5-hide");
if (inst.$prevtouch) inst.$prevtouch.addClass("html5-hide");
}
if (showNext) {
inst.$next.removeClass("html5-hide");
if (inst.$nextbottom) inst.$nextbottom.removeClass("html5-hide");
if (inst.$nexttouch) inst.$nexttouch.removeClass("html5-hide");
} else {
inst.$next.addClass("html5-hide");
if (inst.$nextbottom) inst.$nextbottom.addClass("html5-hide");
if (inst.$nexttouch) inst.$nexttouch.addClass("html5-hide");
}
};
inst.clickHandler = function () {
var $this = $(this);
var dataoptions = {};
$.each($this.data(), function (key, value) {
dataoptions[key.toLowerCase()] = value;
});
inst.options = $.extend(inst.options, inst.defaultoptions, dataoptions);
$(window).trigger("html5lightbox.lightboxshow");
inst.init();
if (inst.elemArray.length <= 0) return true;
inst.hideObjects();
for (var i = 0; i < inst.elemArray.length; i++) if (inst.elemArray[i][ELEM_HREF] == $this.attr("href")) break;
if (i == inst.elemArray.length) return true;
inst.options.curElem = i;
inst.calcNextPrevElem();
inst.reset();
inst.$lightbox.show();
var boxPos = inst.calcBoxPosition(inst.options.loadingwidth, inst.options.loadingheight);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
if (inst.options.iequirksmode) inst.$lightboxBox.css({ top: boxT });
else inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") inst.$lightboxBox.css({ width: boxW, height: boxH });
else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
inst.loadCurElem();
return false;
};
inst.loadThumbnail = function (src, index) {
var imgLoader = new Image();
$(imgLoader).on("load", function () {
var style;
if (this.width / this.height <= inst.options.thumbwidth / inst.options.thumbheight) style = "width:100%;";
else style = "height:100%;";
$(".html5-nav-thumb")
.eq(index)
.html("
");
});
imgLoader.src = src;
};
inst.matchGroup = function (curGroup, elemGroup) {
if (inst.options.showall) return true;
if (!curGroup || !elemGroup) return false;
var curs = curGroup.split(":");
var elems = elemGroup.split(":");
var result = false;
for (var i in curs)
if ($.inArray(curs[i], elems) > -1) {
result = true;
break;
}
return result;
};
inst.showNavigation = function () {
if (!inst.options.shownavigation) return;
if (!inst.currentElem || !inst.currentElem[ELEM_GROUP]) return;
var i;
var showNav = false;
var group = inst.currentElem[ELEM_GROUP];
for (i = 0; i < inst.elemArray.length; i++)
if (inst.matchGroup(group, inst.elemArray[i][ELEM_GROUP]))
if (inst.elemArray[i][ELEM_THUMBNAIL] && inst.elemArray[i][ELEM_THUMBNAIL].length > 0) {
showNav = true;
break;
}
if (!showNav) return;
inst.options.navheight = inst.options.thumbheight + inst.options.thumbtopmargin + inst.options.thumbbottommargin;
if ($(".html5-nav").length > 0) return;
$("body").append(
""
);
var index = 0;
for (i = 0; i < inst.elemArray.length; i++)
if (inst.matchGroup(group, inst.elemArray[i][ELEM_GROUP]))
if (inst.elemArray[i][ELEM_THUMBNAIL] && inst.elemArray[i][ELEM_THUMBNAIL].length > 0) {
$(".html5-nav-list").append(
""
);
this.loadThumbnail(inst.elemArray[i][ELEM_THUMBNAIL], index);
index++;
}
$(".html5-nav-thumb").hover(
function () {
$(this).css({ opacity: 1 });
$(this).css({ border: inst.options.thumbborder + "px solid " + inst.options.thumbhighlightbordercolor });
},
function () {
$(this).css({ opacity: inst.options.thumbopacity });
$(this).css({ border: inst.options.thumbborder + "px solid " + inst.options.thumbbordercolor });
}
);
$(".html5-nav-thumb").on('click', function () {
var index = $(this).data("arrayindex");
if (index >= 0) inst.gotoSlide(index);
});
inst.options.totalwidth = index * (inst.options.thumbgap + inst.options.thumbwidth + 2 * inst.options.thumbborder);
$(".html5-nav-list")
.css({ display: "block", position: "relative", "margin-left": 0, width: inst.options.totalwidth + "px" })
.append("");
var $navMask = $(".html5-nav-mask");
var $navPrev = $(".html5-nav-prev");
var $navNext = $(".html5-nav-next");
$navPrev.on('click', function () {
var $navList = $(".html5-nav-list");
var $navNext = $(".html5-nav-next");
var winWidth = $(window).width();
var maskWidth = winWidth - 2 * inst.options.navbuttonwidth;
var marginLeft = parseInt($navList.css("margin-left")) + maskWidth;
if (marginLeft >= 0) {
marginLeft = 0;
$(this).css({ "background-position": "center left" });
} else $(this).css({ "background-position": "center right" });
if (marginLeft <= maskWidth - inst.options.totalwidth) $navNext.css({ "background-position": "center left" });
else $navNext.css({ "background-position": "center right" });
$navList.animate({ "margin-left": marginLeft });
});
$navNext.on('click', function () {
var $navList = $(".html5-nav-list");
var $navPrev = $(".html5-nav-prev");
var winWidth = $(window).width();
var maskWidth = winWidth - 2 * inst.options.navbuttonwidth;
var marginLeft = parseInt($navList.css("margin-left")) - maskWidth;
if (marginLeft <= maskWidth - inst.options.totalwidth) {
marginLeft = maskWidth - inst.options.totalwidth;
$(this).css({ "background-position": "center left" });
} else $(this).css({ "background-position": "center right" });
if (marginLeft >= 0) $navPrev.css({ "background-position": "center left" });
else $navPrev.css({ "background-position": "center right" });
$navList.animate({ "margin-left": marginLeft });
});
var winWidth = $(window).width();
if (inst.options.totalwidth <= winWidth) {
$navMask.css({ width: inst.options.totalwidth + "px" });
$navPrev.hide();
$navNext.hide();
} else {
$navMask.css({ width: winWidth - 2 * inst.options.navbuttonwidth + "px" });
$navPrev.show();
$navNext.show();
}
};
inst.loadElem = function (elem) {
inst.currentElem = elem;
inst.showing = true;
inst.showNavigation();
inst.$elem.off("mouseenter").off("mouseleave").off("mousemove");
inst.$loading.show();
if (inst.options.onshowitem && window[inst.options.onshowitem] && typeof window[inst.options.onshowitem] == "function") window[inst.options.onshowitem](elem);
switch (elem[ELEM_TYPE]) {
case 0:
var imgLoader = new Image();
$(imgLoader).on("load", function () {
inst.showImage(elem, imgLoader.width, imgLoader.height);
});
$(imgLoader).on("error", function () {
inst.showError();
});
imgLoader.src = elem[ELEM_HREF];
break;
case 1:
inst.showSWF(elem);
break;
case 2:
case 8:
inst.showVideo(elem);
break;
case 3:
case 4:
case 9:
case 11:
case 12:
inst.showYoutubeVimeo(elem);
break;
case 5:
inst.showPDF(elem);
break;
case 6:
inst.showMP3(elem);
break;
case 7:
inst.showWeb(elem);
break;
case 10:
inst.showDiv(elem);
break;
}
if (inst.options.googleanalyticsaccount && window._gaq) window._gaq.push(["_trackEvent", "Lightbox", "Open", elem[ELEM_HREF]]);
};
inst.loadCurElem = function () {
inst.loadElem(inst.elemArray[inst.options.curElem]);
};
inst.showError = function () {
inst.$loading.hide();
inst.resizeLightbox(inst.options.errorwidth, inst.options.errorheight, true, function () {
inst.$loading.hide();
inst.$error.show();
inst.$elem.fadeIn(inst.options.fadespeed, function () {
inst.showData();
});
});
};
inst.calcTextWidth = function (objW) {
return objW - 36;
};
(inst.showTitle = function (w, t, description) {
if (inst.options.titlestyle == "inside") inst.$elemData.css({ width: w + "px" });
var text = "";
if (inst.options.showtitle) if (t && t.length > 0) text += t;
if (inst.options.inGroup) {
if (inst.options.showtitleprefix) text = inst.options.titleprefix.replace("%NUM", inst.options.groupIndex + 1).replace("%TOTAL", inst.options.groupCount) + " " + text;
if (inst.options.showplaybutton)
text =
" " +
text;
}
if (inst.options.showdescription && description && description.length > 0) text += '' + description + "
";
inst.$text.html(text);
if (inst.options.inGroup && inst.options.showplaybutton) {
if (inst.autosliding) {
$("#html5-play", inst.$lightbox).hide();
$("#html5-pause", inst.$lightbox).show();
} else {
$("#html5-play", inst.$lightbox).show();
$("#html5-pause", inst.$lightbox).hide();
}
$("#html5-play", inst.$lightbox).on('click', function () {
$("#html5-play", inst.$lightbox).hide();
$("#html5-pause", inst.$lightbox).show();
if (inst.slideTimeout) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
inst.autosliding = true;
}
});
$("#html5-pause", inst.$lightbox).on('click', function () {
$("#html5-play", inst.$lightbox).show();
$("#html5-pause", inst.$lightbox).hide();
if (inst.slideTimeout) {
inst.slideTimeout.stop();
inst.autosliding = false;
}
});
}
$("#html5-social", inst.$lightbox).show();
}),
(inst.showImage = function (elem, imgW, imgH) {
var elemW, elemH;
if (elem[ELEM_WIDTH]) elemW = elem[ELEM_WIDTH];
else {
elemW = imgW;
elem[ELEM_WIDTH] = imgW;
}
if (elem[ELEM_HEIGHT]) elemH = elem[ELEM_HEIGHT];
else {
elemH = imgH;
elem[ELEM_HEIGHT] = imgH;
}
var sizeObj = inst.calcElemSize({ w: elemW, h: elemH }, inst.options.imagekeepratio);
inst.resizeLightbox(sizeObj.w, sizeObj.h, true, function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
var timercode =
!inst.options.showtimer || !inst.options.inGroup
? ""
: "";
inst.$image.show();
inst.$image.html(
"
" +
timercode +
"
"
);
inst.$elem.fadeIn(inst.options.fadespeed, function () {
inst.showData();
});
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
});
});
inst.showSWF = function (elem) {
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : DEFAULT_WIDTH;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, true);
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(dataW, dataH, true, function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
inst.embedFlash($("#html5lightbox-swf"), elem[ELEM_HREF], "window", { width: dataW, height: dataH });
inst.$elem.show();
inst.showData();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
});
};
inst.showVideo = function (elem) {
inst.slideTimeout.stop();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : DEFAULT_WIDTH;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, true);
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(dataW, dataH, true, function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
var isHTML5 = false;
if (inst.options.isIE678 || elem[ELEM_TYPE] == 8 || (inst.options.isIE9 && inst.options.useflashonie9) || (inst.options.isIE10 && inst.options.useflashonie10) || (inst.options.isIE11 && inst.options.useflashonie11))
isHTML5 = false;
else if (inst.options.isMobile) isHTML5 = true;
else if ((inst.options.html5player || !inst.options.flashInstalled) && inst.options.html5VideoSupported) {
isHTML5 = true;
if (inst.options.isFirefox || inst.options.isOpera) if (!elem[ELEM_HREF_WEBM] && !elem[ELEM_HREF_OGG] && (!inst.options.canplaymp4 || inst.options.useflashformp4onfirefox)) isHTML5 = false;
}
if (isHTML5) {
var videoSrc = elem[ELEM_HREF];
if (inst.options.isFirefox || inst.options.isOpera)
if (elem[ELEM_HREF_WEBM]) videoSrc = elem[ELEM_HREF_WEBM];
else if (elem[ELEM_HREF_OGG]) videoSrc = elem[ELEM_HREF_OGG];
inst.embedHTML5Video($("#html5lightbox-video"), videoSrc, inst.options.autoplay, inst.options.loopvideo);
} else {
var videoFile = elem[ELEM_HREF];
if (videoFile.charAt(0) != "/" && videoFile.substring(0, 5) != "http:" && videoFile.substring(0, 6) != "https:") videoFile = inst.options.htmlfolder + videoFile;
inst.embedFlash($("#html5lightbox-video"), inst.options.jsfolder + "html5boxplayer.swf", "transparent", {
width: dataW,
height: dataH,
jsobjectname: "html5Lightbox",
hidecontrols: inst.options.videohidecontrols ? "1" : "0",
hideplaybutton: "0",
videofile: videoFile,
hdfile: "",
ishd: "0",
defaultvolume: inst.options.defaultvideovolume,
autoplay: inst.options.autoplay ? "1" : "0",
loop: inst.options.loopvideo ? "1" : "0",
errorcss: ".html5box-error" + inst.options.errorcss,
id: 0,
});
}
inst.$elem.show();
inst.showData();
});
};
inst.loadNext = function () {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) inst.gotoSlide(-1);
else if (inst.options.autoclose) inst.finish();
};
inst.getYoutubeParams = function (href) {
var result = {};
if (href.indexOf("?") < 0) return result;
var params = href.substring(href.indexOf("?") + 1).split("&");
for (var i = 0; i < params.length; i++) {
var value = params[i].split("=");
if (value && value.length == 2 && value[0].toLowerCase() != "v") result[value[0].toLowerCase()] = value[1];
}
return result;
};
inst.getYoutubeId = function (href) {
var youtubeId = "";
var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\??v?=?))([^#\&\?]*).*/;
var match = href.match(regExp);
if (match && match[7] && match[7].length == 11) youtubeId = match[7];
return youtubeId;
};
inst.prepareYoutubeHref = function (href) {
var youtubeId = inst.getYoutubeId(href);
var protocol = "https:";
var result = protocol + "//www.youtube.com/embed/" + youtubeId;
var params = this.getYoutubeParams(href);
var first = true;
for (var key in params) {
if (first) {
result += "?";
first = false;
} else result += "&";
result += key + "=" + params[key];
}
return result;
};
inst.prepareDailymotionHref = function (href) {
if (href.match(/\:\/\/.*(dai\.ly)/i)) {
var protocol = "https:";
var id = href.match(/(dai\.ly\/)([a-zA-Z0-9\-\_]+)/)[2];
href = protocol + "//www.dailymotion.com/embed/video/" + id;
}
return href;
};
inst.showYoutubeVimeo = function (elem) {
inst.slideTimeout.stop();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : DEFAULT_WIDTH;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, true);
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(dataW, dataH, true, function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
var href = elem[ELEM_HREF];
var youtubeid = "";
if (elem[ELEM_TYPE] == 3) {
youtubeid = inst.getYoutubeId(href);
href = inst.prepareYoutubeHref(href);
}
if (elem[ELEM_TYPE] == 9) href = inst.prepareDailymotionHref(href);
if (inst.options.autoplay) {
href += href.indexOf("?") < 0 ? "?" : "&";
if (elem[ELEM_TYPE] == 11) href += "autoPlay=true";
else href += "autoplay=1";
}
if (inst.options.loopvideo) {
href += href.indexOf("?") < 0 ? "?" : "&";
switch (elem[ELEM_TYPE]) {
case 3:
href += "loop=1&playlist=" + youtubeid;
break;
case 4:
case 9:
href += "loop=1";
break;
case 11:
href += "endVideoBehavior=loop";
break;
}
}
if (elem[ELEM_TYPE] == 3) {
if (href.indexOf("?") < 0) href += "?wmode=transparent&rel=0";
else href += "&wmode=transparent&rel=0";
if (inst.options.videohidecontrols) href += "&controls=0&showinfo=0";
href += "&enablejsapi=1&origin=" + document.location.protocol + "//" + document.location.hostname;
} else if (elem[ELEM_TYPE] == 4) {
href += href.indexOf("?") < 0 ? "?" : "&";
href += "api=1&player_id=html5boxiframevideo";
}
$("#html5lightbox-video").html("");
inst.$elem.show();
inst.showData();
if (elem[ELEM_TYPE] == 3 && typeof YT === "object" && typeof YT.Player === "function")
new YT.Player("html5boxiframevideo", {
events: {
onStateChange: function (event) {
if (event.data == YT.PlayerState.ENDED) {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) inst.gotoSlide(-1);
else if (inst.options.autoclose) inst.finish();
}
},
},
});
else if (elem[ELEM_TYPE] == 4 && typeof $f === "function") {
var vimeoIframe = $("#html5boxiframevideo")[0];
var vimeoPlayer = $f(vimeoIframe);
vimeoPlayer.addEvent("ready", function () {
vimeoPlayer.addEvent("finish", function (id) {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) inst.gotoSlide(-1);
else if (inst.options.autoclose) inst.finish();
});
});
}
});
};
inst.showPDF = function (elem) {};
inst.showMP3 = function (elem) {};
inst.showDiv = function (elem) {
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : winWidth;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : winH - inst.options.navheight;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, false);
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(dataW, dataH, true, function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image
.html(
""
)
.show();
var divID = elem[ELEM_HREF];
if ($(divID).length > 0) $("#html5lightbox-div").html($(divID).html());
else $("#html5lightbox-div").html("The specified div ID does not exist.
");
inst.$elem.show();
inst.showData();
if (inst.options.autoresizecontent) inst.resizeWindow();
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
});
};
inst.isSameDomain = function (href) {
if (href.substring(0, 5) != "http:" && href.substring(0, 6) != "https:") return true;
var link = document.createElement("a");
link.setAttribute("href", href);
var result = link.protocol == document.location.protocol && link.host == document.location.host && link.port == document.location.port;
link = null;
return result;
};
inst.showWeb = function (elem) {
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
var dataW = elem[ELEM_WIDTH] ? elem[ELEM_WIDTH] : winWidth;
var dataH = elem[ELEM_HEIGHT] ? elem[ELEM_HEIGHT] : winH - inst.options.navheight;
var sizeObj = inst.calcElemSize({ w: dataW, h: dataH }, false);
dataW = sizeObj.w;
dataH = sizeObj.h;
inst.resizeLightbox(dataW, dataH, true, function () {
inst.$loading.hide();
inst.showTitle(sizeObj.w, elem[ELEM_TITLE], elem[ELEM_DESCRIPTION]);
inst.$image.html("").show();
$("#html5lightbox-web").html("");
inst.$elem.show();
inst.showData();
if (inst.options.autoresizecontent && inst.isSameDomain(elem[ELEM_HREF])) {
$("#html5lightbox-web-iframe", inst.$lightbox).data("sameorigin", true);
$("#html5lightbox-web-iframe", inst.$lightbox).on("load", function () {
$(this).data("sameoriginloaded", true);
inst.resizeWindow();
});
}
if (inst.autosliding) {
inst.slideTimeout.stop();
inst.slideTimeout.start();
}
});
};
inst.scrollBox = function () {};
inst.resizeWindow = function () {
if (!inst.currentElem) return;
if (!inst.options.responsive) return;
var winWidth = $(window).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
if (inst.options.responsivebarheight) {
if (winH <= inst.options.smallscreenheight) inst.options.barheight = inst.options.barheightonsmallheight;
else inst.options.barheight = inst.options.barheightoriginal;
if (inst.options.titlestyle == "bottom" && inst.options.barautoheight != "auto") inst.$elemData.css({ height: inst.options.barheight + "px", "max-height": inst.options.barheight + "px" });
}
var elemW, elemH, keepratio;
if (inst.currentElem[ELEM_TYPE] == 7 || inst.currentElem[ELEM_TYPE] == 10) {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : winWidth;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : winH - inst.options.navheight;
keepratio = false;
} else {
elemW = inst.currentElem[ELEM_WIDTH] ? inst.currentElem[ELEM_WIDTH] : DEFAULT_WIDTH;
elemH = inst.currentElem[ELEM_HEIGHT] ? inst.currentElem[ELEM_HEIGHT] : DEFAULT_HEIGHT;
if (inst.currentElem[ELEM_TYPE] == 0) keepratio = inst.options.imagekeepratio;
else keepratio = true;
}
var sizeObj = inst.calcElemSize({ w: elemW, h: elemH }, keepratio);
var boxPos = inst.calcBoxPosition(sizeObj.w, sizeObj.h);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") inst.$lightboxBox.css({ width: boxW, height: boxH });
else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
if (inst.options.titlestyle == "inside") inst.$elemData.css({ width: sizeObj.w + "px" });
if (inst.options.autoresizecontent && (inst.currentElem[ELEM_TYPE] == 7 || inst.currentElem[ELEM_TYPE] == 10)) {
var resizeHeight = false;
if (inst.currentElem[ELEM_TYPE] == 7 && $("#html5lightbox-web-iframe", inst.$lightbox).length > 0 && $("#html5lightbox-web-iframe", inst.$lightbox).data("sameoriginloaded")) {
var iframe = $("#html5lightbox-web-iframe", inst.$lightbox)[0];
if (iframe && iframe.contentWindow && iframe.contentWindow.document && iframe.contentWindow.document.documentElement.offsetHeight)
if (elemH > iframe.contentWindow.document.documentElement.offsetHeight) {
elemH = iframe.contentWindow.document.documentElement.offsetHeight;
resizeHeight = true;
}
} else if (inst.currentElem[ELEM_TYPE] == 10 && $("#html5lightbox-div", inst.$lightbox).length > 0) {
var divH = $("#html5lightbox-div", inst.$lightbox).height();
if (elemH > divH) {
elemH = divH;
resizeHeight = true;
}
}
if (resizeHeight) {
sizeObj = inst.calcElemSize({ w: elemW, h: elemH }, keepratio);
boxPos = inst.calcBoxPosition(sizeObj.w, sizeObj.h);
boxW = boxPos[0];
boxH = boxPos[1];
boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") inst.$lightboxBox.css({ height: boxH });
else {
inst.$lightboxBox.css({ height: "auto" });
inst.$elemWrap.css({ height: boxH });
}
}
}
if ($(".html5-nav").length <= 0) return;
$(".html5-nav-list").css({ "margin-left": 0 });
var $navMask = $(".html5-nav-mask");
var $navPrev = $(".html5-nav-prev");
var $navNext = $(".html5-nav-next");
var winWidth = $(window).width();
if (inst.options.totalwidth <= winWidth) {
$navMask.css({ width: inst.options.totalwidth + "px" });
$navPrev.hide();
$navNext.hide();
} else {
$navMask.css({ width: winWidth - 2 * inst.options.navbuttonwidth + "px" });
$navPrev.show();
$navNext.show();
}
};
inst.calcElemSize = function (sizeObj, keepratio) {
if (!inst.options.responsive) return sizeObj;
var winWidth = $(window).width();
winWidth = winWidth ? winWidth : $(document).width();
var winH = window.innerHeight ? window.innerHeight : $(window).height();
winH = winH ? winH : $(document).height();
if ((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && winWidth > inst.options.sidetobottomscreenwidth) sizeObj.w = (sizeObj.w * 100) / inst.options.imagepercentage;
var topmargin = $(window).width() < inst.options.navarrowsbottomscreenwidth ? inst.options.bordertopmarginsmall : inst.options.bordertopmargin;
var h0 = winH - inst.options.navheight - 2 * inst.options.bordersize - 2 * topmargin;
if (inst.options.titlestyle == "bottom") h0 -= inst.options.barheight;
if (((inst.options.titlestyle == "left" || inst.options.titlestyle == "right") && winWidth <= inst.options.sidetobottomscreenwidth) || (inst.options.notkeepratioonsmallheight && winH <= inst.options.smallscreenheight))
keepratio = false;
if (sizeObj.h > h0) {
if (keepratio) sizeObj.w = Math.round((sizeObj.w * h0) / sizeObj.h);
sizeObj.h = h0;
} else if (inst.options.maxheight) sizeObj.h = h0;
var w0 = winWidth - 2 * inst.options.bordersize - 2 * inst.options.bordermargin;
if (
(inst.options.fullscreenmode && winWidth > inst.options.navarrowsbottomscreenwidth) ||
(((inst.options.isTouch && inst.options.navarrowsalwaysshowontouch) || inst.options.alwaysshownavarrows) && winWidth > inst.options.navarrowsbottomscreenwidth)
)
w0 -= 64;
if (sizeObj.w > w0) {
if (keepratio) sizeObj.h = Math.round((sizeObj.h * w0) / sizeObj.w);
sizeObj.w = w0;
}
return sizeObj;
};
inst.showData = function () {
if (inst.$text.text().length > 0) inst.$elemData.show();
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") inst.$lightboxBox.css({ height: "auto" });
if (inst.$text.text().length > 0 && inst.options.titlestyle == "bottom") inst.$elemData.css({ "max-height": inst.options.barheight + "px" });
$("#html5-lightbox-overlay", inst.$lightbox).css({ height: Math.max($(window).height(), $(document).height()) });
$(window).trigger("html5lightbox.lightboxopened");
};
inst.resizeLightbox = function (elemW, elemH, bAnimate, onFinish) {
inst.hideNavArrows();
var boxPos = inst.calcBoxPosition(elemW, elemH);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$loading.hide();
inst.$watermark.hide();
if (inst.options.nextElem <= inst.options.curElem) if (inst.options.onlastitem && window[inst.options.onlastitem] && typeof window[inst.options.onlastitem] == "function") window[inst.options.onlastitem](inst.currentElem);
if (inst.options.prevElem >= inst.options.curElem)
if (inst.options.onfirstitem && window[inst.options.onfirstitem] && typeof window[inst.options.onfirstitem] == "function") window[inst.options.onfirstitem](inst.currentElem);
if (!inst.options.fullscreenmode && (!inst.options.isTouch || !inst.options.navarrowsalwaysshowontouch) && !inst.options.alwaysshownavarrows) {
inst.$elem.on("mouseenter mousemove", function () {
if ((inst.options.arrowloop && inst.options.prevElem >= 0) || (!inst.options.arrowloop && inst.options.prevElem >= 0 && inst.options.prevElem < inst.options.curElem)) inst.$prev.fadeIn();
if ((inst.options.arrowloop && inst.options.nextElem >= 0) || (!inst.options.arrowloop && inst.options.nextElem >= 0 && inst.options.nextElem > inst.options.curElem)) inst.$next.fadeIn();
});
inst.$elem.on("mouseleave", function () {
inst.$next.fadeOut();
inst.$prev.fadeOut();
});
}
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$lightboxBox.width() && boxH == inst.$lightboxBox.height()) speed = 0;
inst.$lightboxBox.animate({ width: boxW }, speed).animate({ height: boxH }, speed, function () {
inst.onAnimateFinish(onFinish);
});
} else {
var speed = bAnimate ? inst.options.resizespeed : 0;
if (boxW == inst.$elemWrap.width() && boxH == inst.$elemWrap.height()) speed = 0;
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.animate({ width: boxW }, speed).animate({ height: boxH }, speed, function () {
inst.onAnimateFinish(onFinish);
});
}
};
inst.onAnimateFinish = function (onFinish) {
inst.$loading.show();
inst.$watermark.show();
inst.$close.show();
inst.$elem.css({ "background-color": inst.options.bgcolor });
onFinish();
};
inst.reset = function () {
if (inst.options.stamp) inst.$watermark.hide();
inst.showing = false;
inst.$image.empty();
inst.$text.empty();
inst.$error.hide();
inst.$loading.hide();
inst.$image.hide();
if (inst.options.titlestyle == "bottom" || inst.options.titlestyle == "inside") inst.$elemData.hide();
if (!inst.options.fullscreenmode) inst.$close.hide();
inst.$elem.css({ "background-color": "" });
};
inst.resetNavigation = function () {
inst.options.navheight = 0;
$(".html5-nav").remove();
};
inst.finish = function () {
if ($("#html5-lightbox-video", inst.$lightbox).length) $("#html5-lightbox-video", inst.$lightbox).attr("src", "");
$("head")
.find("style")
.each(function () {
if ($(this).data("creator") == "html5box-html5-lightbox") $(this).remove();
});
inst.slideTimeout.stop();
inst.reset();
inst.resetNavigation();
inst.$lightbox.remove();
$("#html5box-html5-lightbox").remove();
inst.showObjects();
if (inst.options.oncloselightbox && window[inst.options.oncloselightbox] && typeof window[inst.options.oncloselightbox] == "function") window[inst.options.oncloselightbox](inst.currentElem);
if (inst.onLightboxClosed && typeof inst.onLightboxClosed == "function") inst.onLightboxClosed(inst.currentElem);
};
inst.pauseSlide = function () {};
inst.playSlide = function () {};
inst.gotoSlide = function (slide) {
if (slide == -1) {
if (inst.options.nextElem < 0) return;
inst.options.curElem = inst.options.nextElem;
} else if (slide == -2) {
if (inst.options.prevElem < 0) return;
inst.options.curElem = inst.options.prevElem;
} else if (slide >= 0) inst.options.curElem = slide;
if (inst.autosliding) inst.slideTimeout.stop();
inst.calcNextPrevElem();
inst.reset();
inst.loadCurElem();
};
inst.enableSwipe = function () {
inst.$elem.html5lightboxTouchSwipe({
preventWebBrowser: false,
swipeLeft: function () {
inst.gotoSlide(-1);
},
swipeRight: function () {
inst.gotoSlide(-2);
},
});
};
inst.hideObjects = function () {
$("select, embed, object").css({ visibility: "hidden" });
};
inst.showObjects = function () {
$("select, embed, object").css({ visibility: "visible" });
};
inst.embedHTML5Video = function ($container, src, autoplay, loopvideo) {
$container.html(
""
);
if (!inst.options.nativehtml5controls) {
$("video", $container).data("src", src);
$("video", $container).lightboxHTML5VideoControls(inst.options.skinsfolder, inst, inst.options.videohidecontrols, false, inst.options.defaultvideovolume);
}
$("video", $container)
.off("ended")
.on("ended", function () {
$(window).trigger("html5lightbox.videofinished");
if (inst.autosliding) inst.gotoSlide(-1);
else if (inst.options.autoclose) inst.finish();
});
};
inst.embedFlash = function ($container, src, wmode, flashVars) {
if (inst.options.flashInstalled) {
var htmlOptions = { pluginspage: "http://www.adobe.com/go/getflashplayer", quality: "high", allowFullScreen: "true", allowScriptAccess: "always", type: "application/x-shockwave-flash" };
htmlOptions.width = "100%";
htmlOptions.height = "100%";
htmlOptions.src = src;
htmlOptions.flashVars = $.param(flashVars);
htmlOptions.wmode = wmode;
var htmlString = "";
for (var key in htmlOptions) htmlString += key + "=" + htmlOptions[key] + " ";
$container.html("");
} else
$container.html(
"The required Adobe Flash Player plugin is not installed
"
);
};
inst.checkType = function (href) {
if (!href) return -1;
if (href.match(/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i)) return 0;
if (href.match(/[^\.]\.(swf)\s*$/i)) return 1;
if (href.match(/\.(mp4|m4v|ogv|ogg|webm)(.*)?$/i)) return 2;
if (href.match(/\:\/\/.*(youtube\.com)/i) || href.match(/\:\/\/.*(youtu\.be)/i)) return 3;
if (href.match(/\:\/\/.*(vimeo\.com)/i)) return 4;
if (href.match(/\:\/\/.*(dailymotion\.com)/i) || href.match(/\:\/\/.*(dai\.ly)/i)) return 9;
if (href.match(/[^\.]\.(pdf)\s*$/i)) return 5;
if (href.match(/[^\.]\.(mp3)\s*$/i)) return 6;
if (href.match(/[^\.]\.(flv)\s*$/i)) return 8;
if (href.match(/\#\w+/i)) return 10;
if (href.match(/\:\/\/.*(wistia)/i)) return 11;
return 7;
};
inst.getURLParams = function () {
var result = {};
var params = window.location.search.substring(1).split("&");
for (var i = 0; i < params.length; i++) {
var value = params[i].split("=");
if (value && value.length == 2) result[value[0].toLowerCase()] = unescape(value[1]);
}
return result;
};
inst.absoluteUrl = function (href) {
var link = document.createElement("a");
link.href = href;
return link.protocol + "//" + link.host + link.pathname + link.search + link.hash;
};
inst.showLightbox = function (type, href, title, width, height, webm, ogg, thumbnail, description) {
inst.options = $.extend(inst.options, inst.defaultoptions);
$(window).trigger("html5lightbox.lightboxshow");
inst.init();
inst.reset();
inst.$lightbox.show();
var boxPos = inst.calcBoxPosition(inst.options.loadingwidth, inst.options.loadingheight);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") inst.$lightboxBox.css({ width: boxW, height: boxH });
else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
inst.loadElem(new Array(type, href, title, null, width, height, webm, ogg, thumbnail, description));
};
inst.addItem = function (href, title, group, width, height, webm, ogg, thumbnail, description, mediatype) {
type = mediatype && mediatype >= 0 ? mediatype : inst.checkType(href);
inst.elemArray.push(new Array(type, href, title, group, width, height, webm, ogg, thumbnail, description));
};
inst.showItem = function (href) {
inst.options = $.extend(inst.options, inst.defaultoptions);
$(window).trigger("html5lightbox.lightboxshow");
inst.init();
if (inst.elemArray.length <= 0) return true;
inst.hideObjects();
for (var i = 0; i < inst.elemArray.length; i++) if (inst.elemArray[i][ELEM_HREF] == href) break;
if (i == inst.elemArray.length) return true;
inst.options.curElem = i;
inst.calcNextPrevElem();
inst.reset();
inst.$lightbox.show();
var boxPos = inst.calcBoxPosition(inst.options.loadingwidth, inst.options.loadingheight);
var boxW = boxPos[0];
var boxH = boxPos[1];
var boxT = boxPos[2];
inst.$lightboxBox.css({ "margin-top": boxT });
if (!inst.options.positionFixed) inst.$lightboxBox.css("margin-top", $(window).scrollTop() + inst.options.bordertopmargin);
if (inst.options.titlestyle == "left" || inst.options.titlestyle == "right") inst.$lightboxBox.css({ width: boxW, height: boxH });
else {
inst.$lightboxBox.css({ width: boxW, height: "auto" });
inst.$elemWrap.css({ width: boxW, height: boxH });
}
inst.loadCurElem();
return false;
};
inst.off("click").click(inst.clickHandler);
inst.each(function () {
var self = $(this);
if (self.data("autoopen")) {
setTimeout(
function () {
self.click();
},
self.data("autoopendelay") ? self.data("autoopendelay") : 0
);
return false;
}
});
var urlParams = inst.getURLParams();
if ("html5lightboxshare" in urlParams) {
var shareUrl = decodeURIComponent(urlParams["html5lightboxshare"]);
var shareLink = $('.html5lightbox[href="' + shareUrl + '"]');
if (shareLink.length > 0) shareLink.click();
}
return inst;
};
})(jQuery);
(function ($) {
$.fn.html5lightboxTouchSwipe = function (options) {
var defaults = { preventWebBrowser: false, swipeLeft: null, swipeRight: null, swipeTop: null, swipeBottom: null };
if (options) $.extend(defaults, options);
return this.each(function () {
var startX = -1,
startY = -1;
var curX = -1,
curY = -1;
function touchStart(event) {
var e = event.originalEvent;
if (e.targetTouches.length >= 1) {
startX = e.targetTouches[0].pageX;
startY = e.targetTouches[0].pageY;
} else touchCancel(event);
}
function touchMove(event) {
if (defaults.preventWebBrowser) event.preventDefault();
var e = event.originalEvent;
if (e.targetTouches.length >= 1) {
curX = e.targetTouches[0].pageX;
curY = e.targetTouches[0].pageY;
} else touchCancel(event);
}
function touchEnd(event) {
if (curX > 0 || curY > 0) {
triggerHandler();
touchCancel(event);
} else touchCancel(event);
}
function touchCancel(event) {
startX = -1;
startY = -1;
curX = -1;
curY = -1;
}
function triggerHandler() {
if (Math.abs(curX - startX) > Math.abs(curY - startY))
if (curX > startX) {
if (defaults.swipeRight) defaults.swipeRight.call();
} else {
if (defaults.swipeLeft) defaults.swipeLeft.call();
}
else if (curY > startY) {
if (defaults.swipeBottom) defaults.swipeBottom.call();
} else if (defaults.swipeTop) defaults.swipeTop.call();
}
try {
$(this).on("touchstart", touchStart);
$(this).on("touchmove", touchMove);
$(this).on("touchend", touchEnd);
$(this).on("touchcancel", touchCancel);
} catch (e) {}
});
};
})(jQuery);
(function ($) {
$.fn.lightboxHTML5VideoControls = function (skinFolder, parentInst, hidecontrols, hideplaybutton, defaultvolume) {
var isTouch = "ontouchstart" in window;
var eStart = isTouch ? "touchstart" : "mousedown";
var eMove = isTouch ? "touchmove" : "mousemove";
var eCancel = isTouch ? "touchcancel" : "mouseup";
var eClick = "click";
var BUTTON_SIZE = 32;
var BAR_HEIGHT = isTouch ? 48 : 36;
var hideControlsTimerId = null;
var hideVolumeBarTimeoutId = null;
var sliderDragging = false;
var isFullscreen = false;
var userActive = true;
var isIPhone = navigator.userAgent.match(/iPod/i) != null || navigator.userAgent.match(/iPhone/i) != null;
var isHd = $(this).data("ishd");
var hd = $(this).data("hd");
var src = $(this).data("src");
var $videoObj = $(this);
$videoObj.get(0).removeAttribute("controls");
if (isIPhone) {
var h = $videoObj.height() - BAR_HEIGHT;
$videoObj.css({ height: h });
}
var $videoPlay = $("
");
if (!isIPhone) {
$videoObj.after($videoPlay);
$videoPlay
.css({
position: "absolute",
top: "50%",
left: "50%",
display: "block",
cursor: "pointer",
width: 64,
height: 64,
"margin-left": -32,
"margin-top": -32,
"background-image": "url('" + skinFolder + "html5boxplayer_playvideo.png" + "')",
"background-position": "center center",
"background-repeat": "no-repeat",
})
.on(eClick, function () {
$videoObj.get(0).play();
});
}
var $videoFullscreenBg = $("
");
var $videoControls = $(
"
" +
"
" +
"
" +
"
--:--
" +
"
" +
"
" +
"
" +
"
--:--
" +
"
" +
"
" +
"
"
);
$videoObj.after($videoControls);
$videoObj.after($videoFullscreenBg);
$videoFullscreenBg.css({ display: "none", position: "fixed", left: 0, top: 0, bottom: 0, right: 0, "z-index": 2147483647 });
$videoControls.css({ display: "block", position: "absolute", width: "100%", height: BAR_HEIGHT, left: 0, bottom: 0, right: 0, "max-width": "640px", margin: "0 auto" });
var userActivate = function () {
userActive = true;
};
$videoObj
.on(eClick, function () {
userActive = true;
})
.hover(
function () {
userActive = true;
},
function () {
userActive = false;
}
);
if (!hidecontrols)
setInterval(function () {
if (userActive) {
$videoControls.show();
userActive = false;
clearTimeout(hideControlsTimerId);
hideControlsTimerId = setTimeout(function () {
if (!$videoObj.get(0).paused) $videoControls.fadeOut();
}, 5e3);
}
}, 250);
$(".html5boxVideoControlsBg", $videoControls).css({ display: "block", position: "absolute", width: "100%", height: "100%", left: 0, top: 0, "background-color": "#000000", opacity: 0.7, filter: "alpha(opacity=70)" });
$(".html5boxPlayPause", $videoControls).css({ display: "block", position: "relative", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2), float: "left" });
var $videoBtnPlay = $(".html5boxPlay", $videoControls);
var $videoBtnPause = $(".html5boxPause", $videoControls);
$videoBtnPlay
.css({
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top left",
})
.hover(
function () {
$(this).css({ "background-position": "bottom left" });
},
function () {
$(this).css({ "background-position": "top left" });
}
)
.on(eClick, function () {
$videoObj.get(0).play();
});
$videoBtnPause
.css({
display: "none",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_playpause.png" + "')",
"background-position": "top right",
})
.hover(
function () {
$(this).css({ "background-position": "bottom right" });
},
function () {
$(this).css({ "background-position": "top right" });
}
)
.on(eClick, function () {
$videoObj.get(0).pause();
});
var $videoTimeCurrent = $(".html5boxTimeCurrent", $videoControls);
var $videoTimeTotal = $(".html5boxTimeTotal", $videoControls);
var $videoSeeker = $(".html5boxSeeker", $videoControls);
var $videoSeekerPlay = $(".html5boxSeekerPlay", $videoControls);
var $videoSeekerBuffer = $(".html5boxSeekerBuffer", $videoControls);
var $videoSeekerHandler = $(".html5boxSeekerHandler", $videoControls);
$videoTimeCurrent.css({
display: "block",
position: "relative",
float: "left",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
});
$videoTimeTotal.css({
display: "block",
position: "relative",
float: "right",
"line-height": BAR_HEIGHT + "px",
"font-weight": "normal",
"font-size": "12px",
margin: "0 8px",
"font-family": "Arial, Helvetica, sans-serif",
color: "#fff",
});
$videoSeeker
.css({ display: "block", cursor: "pointer", overflow: "hidden", position: "relative", height: "10px", "background-color": "#222", margin: Math.floor((BAR_HEIGHT - 10) / 2) + "px 4px" })
.on(eStart, function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
$videoSeeker.on(eMove, function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var pos = e0.pageX - $videoSeeker.offset().left;
$videoSeekerPlay.css({ width: pos });
$videoObj.get(0).currentTime = (pos * $videoObj.get(0).duration) / $videoSeeker.width();
});
})
.on(eCancel, function () {
$videoSeeker.off(eMove);
});
$videoSeekerBuffer.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#444" });
$videoSeekerPlay.css({ display: "block", position: "absolute", left: 0, top: 0, height: "100%", "background-color": "#fcc500" });
if (!isIPhone && ($videoObj.get(0).requestFullscreen || $videoObj.get(0).webkitRequestFullScreen || $videoObj.get(0).mozRequestFullScreen || $videoObj.get(0).webkitEnterFullScreen || $videoObj.get(0).msRequestFullscreen)) {
var switchScreen = function (fullscreen) {
if (fullscreen) {
var isIE11 = navigator.userAgent.match(/Trident\/7/) != null && navigator.userAgent.match(/rv:11/) != null;
var isIE = navigator.userAgent.match(/MSIE/i) != null && !this.options.isOpera;
if (isIE11 || isIE) $videoObj.get(0).setAttribute("controls", "controls");
if ($videoObj.get(0).requestFullscreen) $videoObj.get(0).requestFullscreen();
else if ($videoObj.get(0).webkitRequestFullScreen) $videoObj.get(0).webkitRequestFullScreen();
else if ($videoObj.get(0).mozRequestFullScreen) $videoObj.get(0).mozRequestFullScreen();
else if ($videoObj.get(0).webkitEnterFullScreen) $videoObj.get(0).webkitEnterFullScreen();
if ($videoObj.get(0).msRequestFullscreen) $videoObj.get(0).msRequestFullscreen();
} else if (document.cancelFullScreen) document.cancelFullScreen();
else if (document.mozCancelFullScreen) document.mozCancelFullScreen();
else if (document.webkitCancelFullScreen) document.webkitCancelFullScreen();
else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
else if (document.msExitFullscreen) document.msExitFullscreen();
};
var switchScreenCSS = function (fullscreen) {
$videoControls.css({ position: fullscreen ? "fixed" : "absolute" });
var backgroundPosY = $videoFullscreen.css("background-position") ? $videoFullscreen.css("background-position").split(" ")[1] : $videoFullscreen.css("background-position-y");
$videoFullscreen.css({ "background-position": (fullscreen ? "right" : "left") + " " + backgroundPosY });
$videoFullscreenBg.css({ display: fullscreen ? "block" : "none" });
if (fullscreen) {
$(document).on("mousemove", userActivate);
$videoControls.css({ "z-index": 2147483647 });
} else {
$(document).off("mousemove", userActivate);
$videoControls.css({ "z-index": "" });
}
};
document.addEventListener(
"MSFullscreenChange",
function () {
isFullscreen = document.msFullscreenElement != null;
var isIE11 = navigator.userAgent.match(/Trident\/7/) != null && navigator.userAgent.match(/rv:11/) != null;
var isIE = navigator.userAgent.match(/MSIE/i) != null && !this.options.isOpera;
if (isIE11 || isIE) if (!isFullscreen) $videoObj.get(0).removeAttribute("controls");
switchScreenCSS(isFullscreen);
},
false
);
document.addEventListener(
"fullscreenchange",
function () {
isFullscreen = document.fullscreen;
switchScreenCSS(document.fullscreen);
},
false
);
document.addEventListener(
"mozfullscreenchange",
function () {
isFullscreen = document.mozFullScreen;
if (navigator.userAgent.match(/Firefox/i) != null)
if (isFullscreen) $videoObj.get(0).setAttribute("controls", "controls");
else $videoObj.get(0).removeAttribute("controls");
switchScreenCSS(document.mozFullScreen);
},
false
);
document.addEventListener(
"webkitfullscreenchange",
function () {
isFullscreen = document.webkitIsFullScreen;
switchScreenCSS(document.webkitIsFullScreen);
},
false
);
$videoObj.get(0).addEventListener(
"webkitbeginfullscreen",
function () {
isFullscreen = true;
},
false
);
$videoObj.get(0).addEventListener(
"webkitendfullscreen",
function () {
isFullscreen = false;
},
false
);
$("head").append("");
var $videoFullscreen = $(".html5boxFullscreen", $videoControls);
$videoFullscreen
.css({
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_fullscreen.png" + "')",
"background-position": "left top",
})
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.on(eClick, function () {
isFullscreen = !isFullscreen;
switchScreen(isFullscreen);
});
}
if (hd) {
var $videoHD = $(".html5boxHD", $videoControls);
$videoHD
.css({
display: "block",
position: "relative",
float: "right",
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_hd.png" + "')",
"background-position": (isHd ? "right" : "left") + " center",
})
.on(eClick, function () {
isHd = !isHd;
$(this).css({ "background-position": (isHd ? "right" : "left") + " center" });
parentInst.isHd = isHd;
var isPaused = $videoObj.get(0).isPaused;
$videoObj.get(0).setAttribute("src", (isHd ? hd : src) + "#t=" + $videoObj.get(0).currentTime);
if (!isPaused) $videoObj.get(0).play();
else if (!isIPhone) $videoObj.get(0).pause();
});
}
$videoObj.get(0).volume = defaultvolume;
var volumeSaved = defaultvolume == 0 ? 1 : defaultvolume;
var volume = $videoObj.get(0).volume;
$videoObj.get(0).volume = volume / 2 + 0.1;
if ($videoObj.get(0).volume === volume / 2 + 0.1) {
$videoObj.get(0).volume = volume;
var $videoVolume = $(".html5boxVolume", $videoControls);
var $videoVolumeButton = $(".html5boxVolumeButton", $videoControls);
var $videoVolumeBar = $(".html5boxVolumeBar", $videoControls);
var $videoVolumeBarBg = $(".html5boxVolumeBarBg", $videoControls);
var $videoVolumeBarActive = $(".html5boxVolumeBarActive", $videoControls);
$videoVolume.css({ display: "block", position: "relative", float: "right", width: BUTTON_SIZE + "px", height: BUTTON_SIZE + "px", margin: Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2) }).hover(
function () {
clearTimeout(hideVolumeBarTimeoutId);
var volume = $videoObj.get(0).volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
$videoVolumeBar.show();
},
function () {
clearTimeout(hideVolumeBarTimeoutId);
hideVolumeBarTimeoutId = setTimeout(function () {
$videoVolumeBar.hide();
}, 1e3);
}
);
$videoVolumeButton
.css({
display: "block",
position: "absolute",
top: 0,
left: 0,
width: BUTTON_SIZE + "px",
height: BUTTON_SIZE + "px",
cursor: "pointer",
"background-image": "url('" + skinFolder + "html5boxplayer_volume.png" + "')",
"background-position": "top " + (volume > 0 ? "left" : "right"),
})
.hover(
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " bottom" });
},
function () {
var backgroundPosX = $(this).css("background-position") ? $(this).css("background-position").split(" ")[0] : $(this).css("background-position-x");
$(this).css({ "background-position": backgroundPosX + " top" });
}
)
.on(eClick, function () {
var volume = $videoObj.get(0).volume;
if (volume > 0) {
volumeSaved = volume;
volume = 0;
} else volume = volumeSaved;
var backgroundPosY = $(this).css("background-position") ? $(this).css("background-position").split(" ")[1] : $(this).css("background-position-y");
$videoVolumeButton.css({ "background-position": (volume > 0 ? "left" : "right") + " " + backgroundPosY });
$videoObj.get(0).volume = volume;
$videoVolumeBarActive.css({ height: Math.round(volume * 100) + "%" });
});
$videoVolumeBar.css({
display: "none",
position: "absolute",
left: 4,
bottom: "100%",
width: 24,
height: 80,
"margin-bottom": Math.floor((BAR_HEIGHT - BUTTON_SIZE) / 2),
"background-color": "#000000",
opacity: 0.7,
filter: "alpha(opacity=70)",
});
$videoVolumeBarBg.css({ display: "block", position: "relative", width: 10, height: 68, margin: 7, cursor: "pointer", "background-color": "#222" });
$videoVolumeBarActive.css({ display: "block", position: "absolute", bottom: 0, left: 0, width: "100%", height: "100%", "background-color": "#fcc500" });
$videoVolumeBarBg
.on(eStart, function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : vol < 0 ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
$videoVolumeBarBg.on(eMove, function (e) {
var e0 = isTouch ? e.originalEvent.touches[0] : e;
var vol = 1 - (e0.pageY - $videoVolumeBarBg.offset().top) / $videoVolumeBarBg.height();
vol = vol > 1 ? 1 : vol < 0 ? 0 : vol;
$videoVolumeBarActive.css({ height: Math.round(vol * 100) + "%" });
$videoVolumeButton.css({ "background-position": "left " + (vol > 0 ? "top" : "bottom") });
$videoObj.get(0).volume = vol;
});
})
.on(eCancel, function () {
$videoVolumeBarBg.off(eMove);
});
}
var calcTimeFormat = function (seconds) {
var h0 = Math.floor(seconds / 3600);
var h = h0 < 10 ? "0" + h0 : h0;
var m0 = Math.floor((seconds - h0 * 3600) / 60);
var m = m0 < 10 ? "0" + m0 : m0;
var s0 = Math.floor(seconds - (h0 * 3600 + m0 * 60));
var s = s0 < 10 ? "0" + s0 : s0;
var r = m + ":" + s;
if (h0 > 0) r = h + ":" + r;
return r;
};
if (hideplaybutton) $videoPlay.hide();
if (hidecontrols) $videoControls.hide();
var onVideoPlay = function () {
if (!hideplaybutton) $videoPlay.hide();
if (!hidecontrols) {
$videoBtnPlay.hide();
$videoBtnPause.show();
}
};
var onVideoPause = function () {
if (!hideplaybutton) $videoPlay.show();
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoEnded = function () {
$(window).trigger("html5lightbox.videoended");
if (!hideplaybutton) $videoPlay.show();
if (!hidecontrols) {
$videoControls.show();
clearTimeout(hideControlsTimerId);
$videoBtnPlay.show();
$videoBtnPause.hide();
}
};
var onVideoUpdate = function () {
var curTime = $videoObj.get(0).currentTime;
if (curTime) {
$videoTimeCurrent.text(calcTimeFormat(curTime));
var duration = $videoObj.get(0).duration;
if (duration) {
$videoTimeTotal.text(calcTimeFormat(duration));
if (!sliderDragging) {
var sliderW = $videoSeeker.width();
var pos = Math.round((sliderW * curTime) / duration);
$videoSeekerPlay.css({ width: pos });
$videoSeekerHandler.css({ left: pos });
}
}
}
};
var onVideoProgress = function () {
if ($videoObj.get(0).buffered && $videoObj.get(0).buffered.length > 0 && !isNaN($videoObj.get(0).buffered.end(0)) && !isNaN($videoObj.get(0).duration)) {
var sliderW = $videoSeeker.width();
$videoSeekerBuffer.css({ width: Math.round((sliderW * $videoObj.get(0).buffered.end(0)) / $videoObj.get(0).duration) });
}
};
try {
$videoObj.on("play", onVideoPlay);
$videoObj.on("pause", onVideoPause);
$videoObj.on("ended", onVideoEnded);
$videoObj.on("timeupdate", onVideoUpdate);
$videoObj.on("progress", onVideoProgress);
} catch (e) {}
};
})(jQuery);
jQuery(document).ready(function () {
if (typeof html5Lightbox === "undefined") html5Lightbox = jQuery(".html5lightbox").html5lightbox();
});
}