/** 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 = $( "" ); 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 = ''; 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

Get Adobe Flash player
" ); }; 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(); }); }