diff --git a/WebContent/js/viewpicture/cssv/viewer.min.css b/WebContent/js/viewpicture/cssv/viewer.min.css
new file mode 100644
index 000000000..10f7a6398
--- /dev/null
+++ b/WebContent/js/viewpicture/cssv/viewer.min.css
@@ -0,0 +1,9 @@
+/*!
+ * Viewer.js v0.3.1
+ * https://github.com/fengyuanchen/viewerjs
+ *
+ * Copyright (c) 2015-2016 Fengyuan Chen
+ * Released under the MIT license
+ *
+ * Date: 2016-02-02T11:35:36.273Z
+ */.viewer-container,.viewer-navbar{background-color:#000;overflow:hidden}.viewer-canvas,.viewer-container,.viewer-footer,.viewer-player{right:0;bottom:0;left:0}.viewer-button,.viewer-canvas,.viewer-container,.viewer-footer,.viewer-list,.viewer-navbar,.viewer-open,.viewer-title,.viewer-toolbar,.viewer-toolbar>li{overflow:hidden}.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{font-size:0;line-height:0;display:block;width:20px;height:20px;color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat}.viewer-zoom-in:before{content:'Zoom In';background-position:0 0}.viewer-zoom-out:before{content:'Zoom Out';background-position:-20px 0}.viewer-one-to-one:before{content:'One to One';background-position:-40px 0}.viewer-reset:before{content:'Reset';background-position:-60px 0}.viewer-prev:before{content:'Previous';background-position:-80px 0}.viewer-play:before{content:'Play';background-position:-100px 0}.viewer-next:before{content:'Next';background-position:-120px 0}.viewer-rotate-left:before{content:'Rotate Left';background-position:-140px 0}.viewer-rotate-right:before{content:'Rotate Right';background-position:-160px 0}.viewer-flip-horizontal:before{content:'Flip Horizontal';background-position:-180px 0}.viewer-flip-vertical:before{content:'Flip Vertical';background-position:-200px 0}.viewer-fullscreen:before{content:'Enter Full Screen';background-position:-220px 0}.viewer-fullscreen-exit:before{content:'Exit Full Screen';background-position:-240px 0}.viewer-close:before{content:'Close';background-position:-260px 0}.viewer-container{font-size:0;line-height:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.5);direction:ltr!important;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:auto;min-height:0!important;max-height:none!important}.viewer-player,.viewer-tooltip{display:none;position:absolute}.viewer-canvas{position:absolute;top:0}.viewer-canvas>img{width:auto;max-width:90%!important;height:auto;margin:15px auto}.viewer-footer{position:absolute;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5)}.viewer-list{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;padding:1px 0}.viewer-list>li{font-size:0;line-height:0;float:left;overflow:hidden;width:30px;height:50px;cursor:pointer;opacity:.5;color:transparent;filter:alpha(opacity=50)}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-active{opacity:1;filter:alpha(opacity=100)}.viewer-player{top:0;cursor:none;background-color:#000}.viewer-player>img{position:absolute;top:0;left:0}.viewer-toolbar{width:280px;margin:0 auto 5px;padding:3px 0}.viewer-toolbar>li{float:left;width:24px;height:24px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.5)}.viewer-toolbar>li:hover{background-color:#000;background-color:rgba(0,0,0,.8)}.viewer-toolbar>li:before{margin:2px}.viewer-toolbar>li+li{margin-left:1px}.viewer-toolbar>.viewer-play{width:30px;height:30px;margin-top:-3px;margin-bottom:-3px}.viewer-toolbar>.viewer-play:before{margin:5px}.viewer-tooltip{font-size:12px;line-height:20px;top:50%;left:50%;width:50px;height:20px;margin-top:-10px;margin-left:-25px;text-align:center;color:#fff;border-radius:10px;background-color:#000;background-color:rgba(0,0,0,.8)}.viewer-title{font-size:12px;line-height:1;display:inline-block;max-width:90%;margin:0 5% 5px;white-space:nowrap;text-overflow:ellipsis;opacity:.8;color:#ccc;filter:alpha(opacity=80)}.viewer-title:hover{opacity:1;filter:alpha(opacity=100)}.viewer-button{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.5)}.viewer-button:before{position:absolute;bottom:15px;left:15px}.viewer-fixed{position:fixed}.viewer-show{display:block}.viewer-hide{display:none}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.viewer-fade{opacity:0;filter:alpha(opacity=0)}.viewer-in{opacity:1;filter:alpha(opacity=100)}.viewer-transition{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}
\ No newline at end of file
diff --git a/WebContent/js/viewpicture/jsv/viewer.min.js b/WebContent/js/viewpicture/jsv/viewer.min.js
new file mode 100644
index 000000000..62cfa9335
--- /dev/null
+++ b/WebContent/js/viewpicture/jsv/viewer.min.js
@@ -0,0 +1,1071 @@
+!
+function(e, t) {
+ "object" == typeof module && "object" == typeof module.exports ? module.exports = e.document ? t(e, !0) : function(e) {
+ if (!e.document) throw new Error("Viewer requires a window with a document");
+ return t(e)
+ }: t(e)
+} ("undefined" != typeof window ? window: this,
+function(e, t) {
+ "use strict";
+ function i(e) {
+ return Ae.call(e).slice(8, -1).toLowerCase()
+ }
+ function n(e) {
+ return "string" == typeof e
+ }
+ function a(e) {
+ return "number" == typeof e && !isNaN(e)
+ }
+ function o(e) {
+ return "undefined" == typeof e
+ }
+ function r(e) {
+ return "object" == typeof e && null !== e
+ }
+ function s(e) {
+ var t, i;
+ if (!r(e)) return ! 1;
+ try {
+ return t = e.constructor,
+ i = t.prototype,
+ t && i && Ce.call(i, "isPrototypeOf")
+ } catch(n) {
+ return ! 1
+ }
+ }
+ function l(e) {
+ return "function" === i(e)
+ }
+ function u(e) {
+ return Array.isArray ? Array.isArray(e) : "array" === i(e)
+ }
+ function c(e, t) {
+ return t = t >= 0 ? t: 0,
+ Array.from ? Array.from(e).slice(t) : _e.call(e, t)
+ }
+ function d(e, t) {
+ var i = -1;
+ return t.indexOf ? t.indexOf(e) : (f(t,
+ function(t, n) {
+ return t === e ? (i = n, !1) : void 0
+ }), i)
+ }
+ function m(e) {
+ return n(e) && (e = e.trim ? e.trim() : e.replace(Le, "1")),
+ e
+ }
+ function f(e, t) {
+ var i, n;
+ if (e && l(t)) if (u(e) || a(e.length)) for (n = 0, i = e.length; i > n && t.call(e, e[n], n, e) !== !1; n++);
+ else if (r(e)) for (n in e) if (e.hasOwnProperty(n) && t.call(e, e[n], n, e) === !1) break;
+ return e
+ }
+ function h(e) {
+ var t;
+ if (arguments.length > 1) {
+ if (t = c(arguments), Object.assign) return Object.assign.apply(Object, t);
+ t.shift(),
+ f(t,
+ function(t) {
+ f(t,
+ function(t, i) {
+ e[i] = t
+ })
+ })
+ }
+ return e
+ }
+ function v(e, t) {
+ var i = c(arguments, 2);
+ return function() {
+ return e.apply(t, i.concat(c(arguments)))
+ }
+ }
+ function g(e, t) {
+ var i = e.style;
+ f(t,
+ function(e, t) {
+ Ie.test(t) && a(e) && (e += "px"),
+ i[t] = e
+ })
+ }
+ function w(t) {
+ return e.getComputedStyle ? e.getComputedStyle(t, null) : t.currentStyle
+ }
+ function p(e, t) {
+ return e.classList ? e.classList.contains(t) : e.className.indexOf(t) > -1
+ }
+ function b(e, t) {
+ var i;
+ if (t) {
+ if (a(e.length)) return f(e,
+ function(e) {
+ b(e, t)
+ });
+ if (e.classList) return e.classList.add(t);
+ i = m(e.className),
+ i ? i.indexOf(t) < 0 && (e.className = i + " " + t) : e.className = t
+ }
+ }
+ function y(e, t) {
+ return t ? a(e.length) ? f(e,
+ function(e) {
+ y(e, t)
+ }) : e.classList ? e.classList.remove(t) : void(e.className.indexOf(t) >= 0 && (e.className = e.className.replace(t, ""))) : void 0
+ }
+ function x(e, t, i) {
+ return a(e.length) ? f(e,
+ function(e) {
+ x(e, t, i)
+ }) : void(i ? b(e, t) : y(e, t))
+ }
+ function z(e, t) {
+ return r(e[t]) ? e[t] : e.dataset ? e.dataset[t] : e.getAttribute("data-" + t)
+ }
+ function D(e, t, i) {
+ r(i) && o(e[t]) ? e[t] = i: e.dataset ? e.dataset[t] = i: e.setAttribute("data-" + t, i)
+ }
+ function E(e, t) {
+ r(e[t]) ? delete e[t] : e.dataset ? delete e.dataset[t] : e.removeAttribute("data-" + t)
+ }
+ function k(e, t, i, n) {
+ var a = m(t).split(Te),
+ o = i;
+ return a.length > 1 ? f(a,
+ function(t) {
+ k(e, t, i)
+ }) : (n && (i = function() {
+ return I(e, t, i),
+ o.apply(e, arguments)
+ }), void(e.addEventListener ? e.addEventListener(t, i, !1) : e.attachEvent && e.attachEvent("on" + t, i)))
+ }
+ function I(e, t, i) {
+ var n = m(t).split(Te);
+ return n.length > 1 ? f(n,
+ function(t) {
+ I(e, t, i)
+ }) : void(e.removeEventListener ? e.removeEventListener(t, i, !1) : e.detachEvent && e.detachEvent("on" + t, i))
+ }
+ function L(e, t) {
+ var i;
+ return e.dispatchEvent ? (l(H) ? i = new H(t, {
+ bubbles: !0,
+ cancelable: !0
+ }) : (i = W.createEvent("Event"), i.initEvent(t, !0, !0)), e.dispatchEvent(i)) : e.fireEvent ? e.fireEvent("on" + t) : void 0
+ }
+ function T(e) {
+ e.preventDefault ? e.preventDefault() : e.returnValue = !1
+ }
+ function Y(t) {
+ var i, n = t || e.event;
+ return n.target || (n.target = n.srcElement || W),
+ a(n.pageX) || (i = W.documentElement, n.pageX = n.clientX + (e.scrollX || i && i.scrollLeft || 0) - (i && i.clientLeft || 0), n.pageY = n.clientY + (e.scrollY || i && i.scrollTop || 0) - (i && i.clientTop || 0)),
+ n
+ }
+ function F(t) {
+ var i = W.documentElement,
+ n = t.getBoundingClientRect();
+ return {
+ left: n.left + (e.scrollX || i && i.scrollLeft || 0) - (i && i.clientLeft || 0),
+ top: n.top + (e.scrollY || i && i.scrollTop || 0) - (i && i.clientTop || 0)
+ }
+ }
+ function X(e) {
+ var t = e.length,
+ i = 0,
+ n = 0;
+ return t && (f(e,
+ function(e) {
+ i += e.pageX,
+ n += e.pageY
+ }), i /= t, n /= t),
+ {
+ pageX: i,
+ pageY: n
+ }
+ }
+ function S(e, t) {
+ return e.getElementsByTagName(t)
+ }
+ function V(e, t) {
+ return e.getElementsByClassName ? e.getElementsByClassName(t) : e.querySelectorAll("." + t)
+ }
+ function N(e, t) {
+ return t.length ? f(t,
+ function(t) {
+ N(e, t)
+ }) : void e.appendChild(t)
+ }
+ function P(e) {
+ e.parentNode && e.parentNode.removeChild(e)
+ }
+ function A(e) {
+ for (; e.firstChild;) e.removeChild(e.firstChild)
+ }
+ function C(e, t) {
+ o(e.textContent) ? e.innerText = t: e.textContent = t
+ }
+ function _(e) {
+ return e.offsetWidth
+ }
+ function R(e) {
+ return n(e) ? e.replace(/^.*\//, "").replace(/[\?&#].*$/, "") : ""
+ }
+ function q(e, t) {
+ var i;
+ return e.naturalWidth ? t(e.naturalWidth, e.naturalHeight) : (i = W.createElement("img"), i.onload = function() {
+ t(this.width, this.height)
+ },
+ void(i.src = e.src))
+ }
+ function M(e) {
+ var t = [],
+ i = e.rotate,
+ n = e.scaleX,
+ o = e.scaleY;
+ return a(i) && t.push("rotate(" + i + "deg)"),
+ a(n) && a(o) && t.push("scale(" + n + "," + o + ")"),
+ t.length ? t.join(" ") : "none"
+ }
+ function B(e) {
+ switch (e) {
+ case 2:
+ return G;
+ case 3:
+ return J;
+ case 4:
+ return Q
+ }
+ }
+ function O(e, t) {
+ var i = this;
+ i.element = e,
+ i.options = h({},
+ O.DEFAULTS, s(t) && t),
+ i.isImg = !1,
+ i.isBuilt = !1,
+ i.isShown = !1,
+ i.isViewed = !1,
+ i.isFulled = !1,
+ i.isPlayed = !1,
+ i.wheeling = !1,
+ i.playing = !1,
+ i.fading = !1,
+ i.tooltiping = !1,
+ i.transitioning = !1,
+ i.action = !1,
+ i.target = !1,
+ i.timeout = !1,
+ i.index = 0,
+ i.length = 0,
+ i.init()
+ }
+ var W = e.document,
+ H = e.Event,
+ j = "viewer",
+ U = j + "-fixed",
+ Z = j + "-open",
+ K = j + "-show",
+ $ = j + "-hide",
+ G = "viewer-hide-xs-down",
+ J = "viewer-hide-sm-down",
+ Q = "viewer-hide-md-down",
+ ee = j + "-fade",
+ te = j + "-in",
+ ie = j + "-move",
+ ne = j + "-active",
+ ae = j + "-invisible",
+ oe = j + "-transition",
+ re = j + "-fullscreen",
+ se = j + "-fullscreen-exit",
+ le = j + "-close",
+ ue = "mousedown touchstart pointerdown MSPointerDown",
+ ce = "mousemove touchmove pointermove MSPointerMove",
+ de = "mouseup touchend touchcancel pointerup pointercancel MSPointerUp MSPointerCancel",
+ me = "wheel mousewheel DOMMouseScroll",
+ fe = "transitionend",
+ he = "load",
+ ve = "keydown",
+ ge = "click",
+ we = "resize",
+ pe = "build",
+ be = "built",
+ ye = "show",
+ xe = "shown",
+ ze = "hide",
+ De = "hidden",
+ Ee = "view",
+ ke = "viewed",
+ Ie = /width|height|left|top|marginLeft|marginTop/,
+ Le = /^\s+(.*)\s+$/,
+ Te = /\s+/,
+ Ye = "undefined" != typeof W.createElement(j).style.transition,
+ Fe = Math.min,
+ Xe = Math.max,
+ Se = Math.abs,
+ Ve = Math.sqrt,
+ Ne = Math.round,
+ Pe = Object.prototype,
+ Ae = Pe.toString,
+ Ce = Pe.hasOwnProperty,
+ _e = Array.prototype.slice;
+ O.prototype = {
+ constructor: O,
+ init: function() {
+ var e = this,
+ t = e.options,
+ i = e.element,
+ n = "img" === i.tagName.toLowerCase(),
+ a = n ? [i] : S(i, "img"),
+ o = a.length,
+ r = v(e.ready, e);
+ z(i, j) || (D(i, j, e), o && (l(t.build) && k(i, pe, t.build, !0), L(i, pe) !== !1 && (Ye || (t.transition = !1), e.isImg = n, e.length = o, e.count = 0, e.images = a, e.body = W.body, t.inline ? (k(i, be,
+ function() {
+ e.view()
+ },
+ !0), f(a,
+ function(e) {
+ e.complete ? r() : k(e, he, r, !0)
+ })) : k(i, ge, e._start = v(e.start, e)))))
+ },
+ ready: function() {
+ var e = this;
+ e.count++,
+ e.count === e.length && e.build()
+ },
+ build: function() {
+ var e, t, i, n, a, o, r, s, u = this,
+ c = u.options,
+ d = u.element;
+ u.isBuilt || (e = W.createElement("div"), e.innerHTML = O.TEMPLATE, u.parent = t = d.parentNode, u.viewer = i = V(e, "viewer-container")[0], u.canvas = V(i, "viewer-canvas")[0], u.footer = V(i, "viewer-footer")[0], u.title = r = V(i, "viewer-title")[0], u.toolbar = a = V(i, "viewer-toolbar")[0], u.navbar = o = V(i, "viewer-navbar")[0], u.button = n = V(i, "viewer-button")[0], u.tooltipBox = V(i, "viewer-tooltip")[0], u.player = V(i, "viewer-player")[0], u.list = V(i, "viewer-list")[0], b(r, c.title ? B(c.title) : $), b(a, c.toolbar ? B(c.toolbar) : $), b(o, c.navbar ? B(c.navbar) : $), x(n, $, !c.button), x(a.querySelectorAll("li[class*=zoom]"), ae, !c.zoomable), x(a.querySelectorAll("li[class*=flip]"), ae, !c.scalable), c.rotatable || (s = a.querySelectorAll("li[class*=rotate]"), b(s, ae), N(a, s)), c.inline ? (b(n, re), g(i, {
+ zIndex: c.zIndexInline
+ }), "static" === w(t).position && g(t, {
+ position: "relative"
+ })) : (b(n, le), b(i, U), b(i, ee), b(i, $), g(i, {
+ zIndex: c.zIndex
+ })), t.insertBefore(i, d.nextSibling), c.inline && (u.render(), u.bind(), u.isShown = !0), u.isBuilt = !0, l(c.built) && k(d, be, c.built, !0), L(d, be))
+ },
+ unbuild: function() {
+ var e = this;
+ e.isBuilt && (e.isBuilt = !1, P(e.viewer))
+ },
+ bind: function() {
+ var t = this,
+ i = t.options,
+ n = t.element,
+ a = t.viewer;
+ l(i.view) && k(n, Ee, i.view),
+ l(i.viewed) && k(n, ke, i.viewed),
+ k(a, ge, t._click = v(t.click, t)),
+ k(a, me, t._wheel = v(t.wheel, t)),
+ k(t.canvas, ue, t._mousedown = v(t.mousedown, t)),
+ k(W, ce, t._mousemove = v(t.mousemove, t)),
+ k(W, de, t._mouseup = v(t.mouseup, t)),
+ k(W, ve, t._keydown = v(t.keydown, t)),
+ k(e, we, t._resize = v(t.resize, t))
+ },
+ unbind: function() {
+ var t = this,
+ i = t.options,
+ n = t.element,
+ a = t.viewer;
+ l(i.view) && I(n, Ee, i.view),
+ l(i.viewed) && I(n, ke, i.viewed),
+ I(a, ge, t._click),
+ I(a, me, t._wheel),
+ I(t.canvas, ue, t._mousedown),
+ I(W, ce, t._mousemove),
+ I(W, de, t._mouseup),
+ I(W, ve, t._keydown),
+ I(e, we, t._resize)
+ },
+ render: function() {
+ var e = this;
+ e.initContainer(),
+ e.initViewer(),
+ e.initList(),
+ e.renderViewer()
+ },
+ initContainer: function() {
+ var t = this;
+ t.containerData = {
+ width: e.innerWidth,
+ height: e.innerHeight
+ }
+ },
+ initViewer: function() {
+ var e, t = this,
+ i = t.options,
+ n = t.parent;
+ i.inline && (t.parentData = e = {
+ width: Xe(n.offsetWidth, i.minWidth),
+ height: Xe(n.offsetHeight, i.minHeight)
+ }),
+ (t.isFulled || !e) && (e = t.containerData),
+ t.viewerData = h({},
+ e)
+ },
+ renderViewer: function() {
+ var e = this;
+ e.options.inline && !e.isFulled && g(e.viewer, e.viewerData)
+ },
+ initList: function() {
+ var e = this,
+ t = e.options,
+ i = e.element,
+ a = e.list,
+ o = [];
+ f(e.images,
+ function(a, r) {
+ var s = a.src,
+ u = a.alt || R(s),
+ c = t.url;
+ s && (n(c) ? c = a.getAttribute(c) : l(c) && (c = c.call(i, e)), o.push('
'))
+ }),
+ a.innerHTML = o.join(""),
+ f(S(a, "img"),
+ function(t) {
+ D(t, "filled", !0),
+ k(t, he, v(e.loadImage, e), !0)
+ }),
+ e.items = S(a, "li"),
+ t.transition && k(i, ke,
+ function() {
+ b(a, oe)
+ },
+ !0)
+ },
+ renderList: function(e) {
+ var t = this,
+ i = e || t.index,
+ n = t.items[i].offsetWidth || 30,
+ a = n + 1;
+ g(t.list, {
+ width: a * t.length,
+ marginLeft: (t.viewerData.width - n) / 2 - a * i
+ })
+ },
+ resetList: function() {
+ var e = this;
+ A(e.list),
+ y(e.list, oe),
+ g({
+ marginLeft: 0
+ })
+ },
+ initImage: function(e) {
+ var t = this,
+ i = t.options,
+ n = t.image,
+ a = t.viewerData,
+ o = t.footer.offsetHeight,
+ r = a.width,
+ s = Xe(a.height - o, o),
+ u = t.imageData || {};
+ q(n,
+ function(n, a) {
+ var o, c, d = n / a,
+ m = r,
+ f = s;
+ s * d > r ? f = r / d: m = s * d,
+ m = Fe(.9 * m, n),
+ f = Fe(.9 * f, a),
+ c = {
+ naturalWidth: n,
+ naturalHeight: a,
+ aspectRatio: d,
+ ratio: m / n,
+ width: m,
+ height: f,
+ left: (r - m) / 2,
+ top: (s - f) / 2
+ },
+ o = h({},
+ c),
+ i.rotatable && (c.rotate = u.rotate || 0, o.rotate = 0),
+ i.scalable && (c.scaleX = u.scaleX || 1, c.scaleY = u.scaleY || 1, o.scaleX = 1, o.scaleY = 1),
+ t.imageData = c,
+ t.initialImageData = o,
+ l(e) && e()
+ })
+ },
+ renderImage: function(e) {
+ var t = this,
+ i = t.image,
+ n = t.imageData,
+ a = M(n);
+ g(i, {
+ width: n.width,
+ height: n.height,
+ marginLeft: n.left,
+ marginTop: n.top,
+ WebkitTransform: a,
+ msTransform: a,
+ transform: a
+ }),
+ l(e) && (t.transitioning ? k(i, fe, e, !0) : e())
+ },
+ resetImage: function() {
+ var e = this;
+ e.image && (P(e.image), e.image = null)
+ },
+ start: function(e) {
+ var t = this,
+ i = Y(e),
+ n = i.target;
+ "img" === n.tagName.toLowerCase() && (t.target = n, t.show())
+ },
+ click: function(e) {
+ var t = this,
+ i = Y(e),
+ n = i.target,
+ a = z(n, "action"),
+ o = t.imageData;
+ switch (a) {
+ case "mix":
+ t.isPlayed ? t.stop() : t.options.inline ? t.isFulled ? t.exit() : t.full() : t.hide();
+ break;
+ case "view":
+ t.view(z(n, "index"));
+ break;
+ case "zoom-in":
+ t.zoom(.1, !0);
+ break;
+ case "zoom-out":
+ t.zoom( - .1, !0);
+ break;
+ case "one-to-one":
+ t.toggle();
+ break;
+ case "reset":
+ t.reset();
+ break;
+ case "prev":
+ t.prev();
+ break;
+ case "play":
+ t.play();
+ break;
+ case "next":
+ t.next();
+ break;
+ case "rotate-left":
+ t.rotate( - 90);
+ break;
+ case "rotate-right":
+ t.rotate(90);
+ break;
+ case "flip-horizontal":
+ t.scaleX( - o.scaleX || -1);
+ break;
+ case "flip-vertical":
+ t.scaleY( - o.scaleY || -1);
+ break;
+ default:
+ t.isPlayed && t.stop()
+ }
+ },
+ load: function() {
+ var e = this,
+ t = e.options,
+ i = e.image,
+ n = e.viewerData;
+ e.timeout && (clearTimeout(e.timeout), e.timeout = !1),
+ y(i, ae),
+ i.style.cssText = "width:0;height:0;margin-left:" + n.width / 2 + "px;margin-top:" + n.height / 2 + "px;max-width:none!important;visibility:visible;",
+ e.initImage(function() {
+ x(i, oe, t.transition),
+ x(i, ie, t.movable),
+ e.renderImage(function() {
+ e.isViewed = !0,
+ L(e.element, ke)
+ })
+ })
+ },
+ loadImage: function(e) {
+ var t = Y(e),
+ i = t.target,
+ n = i.parentNode,
+ a = n.offsetWidth || 30,
+ o = n.offsetHeight || 50,
+ r = !!z(i, "filled");
+ q(i,
+ function(e, t) {
+ var n = e / t,
+ s = a,
+ l = o;
+ o * n > a ? r ? s = o * n: l = a / n: r ? l = a / n: s = o * n,
+ g(i, {
+ width: s,
+ height: l,
+ marginLeft: (a - s) / 2,
+ marginTop: (o - l) / 2
+ })
+ })
+ },
+ resize: function() {
+ var e = this;
+ e.initContainer(),
+ e.initViewer(),
+ e.renderViewer(),
+ e.renderList(),
+ e.isViewed && e.initImage(function() {
+ e.renderImage()
+ }),
+ e.isPlayed && f(S(e.player, "img"),
+ function(t) {
+ k(t, he, v(e.loadImage, e), !0),
+ L(t, he)
+ })
+ },
+ wheel: function(e) {
+ var t = this,
+ i = Y(e),
+ n = Number(t.options.zoomRatio) || .1,
+ a = 1;
+ t.isViewed && (T(i), t.wheeling || (t.wheeling = !0, setTimeout(function() {
+ t.wheeling = !1
+ },
+ 50), i.deltaY ? a = i.deltaY > 0 ? 1 : -1 : i.wheelDelta ? a = -i.wheelDelta / 120 : i.detail && (a = i.detail > 0 ? 1 : -1), t.zoom( - a * n, !0, i)))
+ },
+ keydown: function(e) {
+ var t = this,
+ i = Y(e),
+ n = t.options,
+ a = i.keyCode || i.which || i.charCode;
+ if (t.isFulled && n.keyboard) switch (a) {
+ case 27:
+ t.isPlayed ? t.stop() : n.inline ? t.isFulled && t.exit() : t.hide();
+ break;
+ case 32:
+ t.isPlayed && t.stop();
+ break;
+ case 37:
+ t.prev();
+ break;
+ case 38:
+ T(i),
+ t.zoom(n.zoomRatio, !0);
+ break;
+ case 39:
+ t.next();
+ break;
+ case 40:
+ T(i),
+ t.zoom( - n.zoomRatio, !0);
+ break;
+ case 48:
+ case 49:
+ (i.ctrlKey || i.shiftKey) && (T(i), t.toggle())
+ }
+ },
+ mousedown: function(e) {
+ var t, i, n = this,
+ a = n.options,
+ o = Y(e),
+ r = a.movable ? "move": !1,
+ s = o.touches;
+ if (n.isViewed) {
+ if (s) {
+ if (t = s.length, t > 1) {
+ if (!a.zoomable || 2 !== t) return;
+ i = s[1],
+ n.startX2 = i.pageX,
+ n.startY2 = i.pageY,
+ r = "zoom"
+ } else n.isSwitchable() && (r = "switch");
+ i = s[0]
+ }
+ r && (T(o), n.action = r, n.startX = i ? i.pageX: o.pageX, n.startY = i ? i.pageY: o.pageY)
+ }
+ },
+ mousemove: function(e) {
+ var t, i, n = this,
+ a = n.options,
+ o = Y(e),
+ r = n.action,
+ s = n.image,
+ l = o.touches;
+ if (n.isViewed) {
+ if (l) {
+ if (t = l.length, t > 1) {
+ if (!a.zoomable || 2 !== t) return;
+ i = l[1],
+ n.endX2 = i.pageX,
+ n.endY2 = i.pageY
+ }
+ i = l[0]
+ }
+ r && (T(o), "move" === r && a.transition && p(s, oe) && y(s, oe), n.endX = i ? i.pageX: o.pageX, n.endY = i ? i.pageY: o.pageY, n.change(o))
+ }
+ },
+ mouseup: function(e) {
+ var t = this,
+ i = Y(e),
+ n = t.action;
+ n && (T(i), "move" === n && t.options.transition && b(t.image, oe), t.action = !1)
+ },
+ show: function() {
+ var e, t = this,
+ i = t.options,
+ n = t.element;
+ return i.inline || t.transitioning ? t: (t.isBuilt || t.build(), e = t.viewer, l(i.show) && k(n, ye, i.show, !0), L(n, ye) === !1 ? t: (b(t.body, Z), y(e, $), k(n, xe,
+ function() {
+ t.view(t.target ? d(t.target, c(t.images)) : t.index),
+ t.target = !1
+ },
+ !0), i.transition ? (t.transitioning = !0, b(e, oe), _(e), k(e, fe, v(t.shown, t), !0), b(e, te)) : (b(e, te), t.shown()), t))
+ },
+ hide: function() {
+ var e = this,
+ t = e.options,
+ i = e.element,
+ n = e.viewer;
+ return t.inline || e.transitioning || !e.isShown ? e: (l(t.hide) && k(i, ze, t.hide, !0), L(i, ze) === !1 ? e: (e.isViewed && t.transition ? (e.transitioning = !0, k(e.image, fe,
+ function() {
+ k(n, fe, v(e.hidden, e), !0),
+ y(n, te)
+ },
+ !0), e.zoomTo(0, !1, !1, !0)) : (y(n, te), e.hidden()), e))
+ },
+ view: function(e) {
+ var t, i, n, a, o, r = this,
+ s = r.element,
+ l = r.title,
+ u = r.canvas;
+ return e = Number(e) || 0,
+ !r.isShown || r.isPlayed || 0 > e || e >= r.length || r.isViewed && e === r.index ? r: L(s, Ee) === !1 ? r: (i = r.items[e], n = S(i, "img")[0], a = z(n, "originalUrl"), o = n.getAttribute("alt"), t = W.createElement("img"), t.src = a, t.alt = o, r.image = t, r.isViewed && y(r.items[r.index], ne), b(i, ne), r.isViewed = !1, r.index = e, r.imageData = null, b(u, ae), A(u), N(u, t), r.renderList(), A(l), k(s, ke,
+ function() {
+ var e = r.imageData,
+ t = e.naturalWidth,
+ i = e.naturalHeight;
+ C(l, o + " (" + t + " × " + i + ")")
+ },
+ !0), t.complete ? r.load() : (k(t, he, v(r.load, r), !0), r.timeout && clearTimeout(r.timeout), r.timeout = setTimeout(function() {
+ y(t, ae),
+ r.timeout = !1
+ },
+ 1e3)), r)
+ },
+ prev: function() {
+ var e = this;
+ return e.view(Xe(e.index - 1, 0)),
+ e
+ },
+ next: function() {
+ var e = this;
+ return e.view(Fe(e.index + 1, e.length - 1)),
+ e
+ },
+ move: function(e, t) {
+ var i = this,
+ n = i.imageData;
+ return i.moveTo(o(e) ? e: n.left + Number(e), o(t) ? t: n.top + Number(t)),
+ i
+ },
+ moveTo: function(e, t) {
+ var i = this,
+ n = i.imageData,
+ r = !1;
+ return o(t) && (t = e),
+ e = Number(e),
+ t = Number(t),
+ i.isViewed && !i.isPlayed && i.options.movable && (a(e) && (n.left = e, r = !0), a(t) && (n.top = t, r = !0), r && i.renderImage()),
+ i
+ },
+ zoom: function(e, t, i) {
+ var n = this,
+ a = n.imageData;
+ return e = Number(e),
+ e = 0 > e ? 1 / (1 - e) : 1 + e,
+ n.zoomTo(a.width * e / a.naturalWidth, t, i),
+ n
+ },
+ zoomTo: function(e, t, i, n) {
+ var o, r, s, l, u = this,
+ c = u.options,
+ d = .01,
+ m = 100,
+ f = u.imageData;
+ return e = Xe(0, e),
+ a(e) && u.isViewed && !u.isPlayed && (n || c.zoomable) && (n || (d = Xe(d, c.minZoomRatio), m = Fe(m, c.maxZoomRatio), e = Fe(Xe(e, d), m)), e > .95 && 1.05 > e && (e = 1), o = f.naturalWidth * e, r = f.naturalHeight * e, i ? (s = F(u.viewer), l = i.touches ? X(i.touches) : {
+ pageX: i.pageX,
+ pageY: i.pageY
+ },
+ f.left -= (o - f.width) * ((l.pageX - s.left - f.left) / f.width), f.top -= (r - f.height) * ((l.pageY - s.top - f.top) / f.height)) : (f.left -= (o - f.width) / 2, f.top -= (r - f.height) / 2), f.width = o, f.height = r, f.ratio = e, u.renderImage(), t && u.tooltip()),
+ u
+ },
+ rotate: function(e) {
+ var t = this;
+ return t.rotateTo((t.imageData.rotate || 0) + Number(e)),
+ t
+ },
+ rotateTo: function(e) {
+ var t = this,
+ i = t.imageData;
+ return e = Number(e),
+ a(e) && t.isViewed && !t.isPlayed && t.options.rotatable && (i.rotate = e, t.renderImage()),
+ t
+ },
+ scale: function(e, t) {
+ var i = this,
+ n = i.imageData,
+ r = !1;
+ return o(t) && (t = e),
+ e = Number(e),
+ t = Number(t),
+ i.isViewed && !i.isPlayed && i.options.scalable && (a(e) && (n.scaleX = e, r = !0), a(t) && (n.scaleY = t, r = !0), r && i.renderImage()),
+ i
+ },
+ scaleX: function(e) {
+ var t = this;
+ return t.scale(e, t.imageData.scaleY),
+ t
+ },
+ scaleY: function(e) {
+ var t = this;
+ return t.scale(t.imageData.scaleX, e),
+ t
+ },
+ play: function() {
+ var e, t = this,
+ i = t.options,
+ n = t.player,
+ o = v(t.loadImage, t),
+ r = [],
+ s = 0,
+ l = 0;
+ return ! t.isShown || t.isPlayed ? t: (i.fullscreen && t.requestFullscreen(), t.isPlayed = !0, b(n, K), f(t.items,
+ function(e, t) {
+ var a = S(e, "img")[0],
+ u = W.createElement("img");
+ u.src = z(a, "originalUrl"),
+ u.alt = a.getAttribute("alt"),
+ s++,
+ b(u, ee),
+ x(u, oe, i.transition),
+ p(e, ne) && (b(u, te), l = t),
+ r.push(u),
+ k(u, he, o, !0),
+ N(n, u)
+ }), a(i.interval) && i.interval > 0 && (e = function() {
+ t.playing = setTimeout(function() {
+ y(r[l], te),
+ l++,
+ l = s > l ? l: 0,
+ b(r[l], te),
+ e()
+ },
+ i.interval)
+ },
+ s > 1 && e()), t)
+ },
+ stop: function() {
+ var e = this,
+ t = e.player;
+ return e.isPlayed ? (e.options.fullscreen && e.exitFullscreen(), e.isPlayed = !1, clearTimeout(e.playing), y(t, K), A(t), e) : e
+ },
+ full: function() {
+ var e = this,
+ t = e.options,
+ i = e.viewer,
+ n = e.image,
+ a = e.list;
+ return ! e.isShown || e.isPlayed || e.isFulled || !t.inline ? e: (e.isFulled = !0, b(e.body, Z), b(e.button, se), t.transition && (y(n, oe), y(a, oe)), b(i, U), i.setAttribute("style", ""), g(i, {
+ zIndex: t.zIndex
+ }), e.initContainer(), e.viewerData = h({},
+ e.containerData), e.renderList(), e.initImage(function() {
+ e.renderImage(function() {
+ t.transition && setTimeout(function() {
+ b(n, oe),
+ b(a, oe)
+ },
+ 0)
+ })
+ }), e)
+ },
+ exit: function() {
+ var e = this,
+ t = e.options,
+ i = e.viewer,
+ n = e.image,
+ a = e.list;
+ return e.isFulled ? (e.isFulled = !1, y(e.body, Z), y(e.button, se), t.transition && (y(n, oe), y(a, oe)), y(i, U), g(i, {
+ zIndex: t.zIndexInline
+ }), e.viewerData = h({},
+ e.parentData), e.renderViewer(), e.renderList(), e.initImage(function() {
+ e.renderImage(function() {
+ t.transition && setTimeout(function() {
+ b(n, oe),
+ b(a, oe)
+ },
+ 0)
+ })
+ }), e) : e
+ },
+ tooltip: function() {
+ var e = this,
+ t = e.options,
+ i = e.tooltipBox,
+ n = e.imageData;
+ return e.isViewed && !e.isPlayed && t.tooltip ? (C(i, Ne(100 * n.ratio) + "%"), e.tooltiping ? clearTimeout(e.tooltiping) : t.transition ? (e.fading && L(i, fe), b(i, K), b(i, ee), b(i, oe), _(i), b(i, te)) : b(i, K), e.tooltiping = setTimeout(function() {
+ t.transition ? (k(i, fe,
+ function() {
+ y(i, K),
+ y(i, ee),
+ y(i, oe),
+ e.fading = !1
+ },
+ !0), y(i, te), e.fading = !0) : y(i, K),
+ e.tooltiping = !1
+ },
+ 1e3), e) : e
+ },
+ toggle: function() {
+ var e = this;
+ return 1 === e.imageData.ratio ? e.zoomTo(e.initialImageData.ratio, !0) : e.zoomTo(1, !0),
+ e
+ },
+ reset: function() {
+ var e = this;
+ return e.isViewed && !e.isPlayed && (e.imageData = h({},
+ e.initialImageData), e.renderImage()),
+ e
+ },
+ update: function() {
+ var e, t = this,
+ i = [];
+ return t.isImg && !t.element.parentNode ? t.destroy() : (t.length = t.images.length, t.isBuilt && (f(t.items,
+ function(e, n) {
+ var a = S(e, "img")[0],
+ o = t.images[n];
+ o ? o.src !== a.src && i.push(n) : i.push(n)
+ }), g(t.list, {
+ width: "auto"
+ }), t.initList(), t.isShown && (t.length ? t.isViewed && (e = d(t.index, i), e >= 0 ? (t.isViewed = !1, t.view(Xe(t.index - (e + 1), 0))) : b(t.items[t.index], ne)) : (t.image = null, t.isViewed = !1, t.index = 0, t.imageData = null, A(t.canvas), A(t.title)))), t)
+ },
+ destroy: function() {
+ var e = this,
+ t = e.element;
+ return e.options.inline ? e.unbind() : (e.isShown && e.unbind(), I(t, ge, e._start)),
+ e.unbuild(),
+ E(t, j),
+ e
+ },
+ shown: function() {
+ var e = this,
+ t = e.options,
+ i = e.element;
+ e.transitioning = !1,
+ e.isFulled = !0,
+ e.isShown = !0,
+ e.isVisible = !0,
+ e.render(),
+ e.bind(),
+ l(t.shown) && k(i, xe, t.shown, !0),
+ L(i, xe)
+ },
+ hidden: function() {
+ var e = this,
+ t = e.options,
+ i = e.element;
+ e.transitioning = !1,
+ e.isViewed = !1,
+ e.isFulled = !1,
+ e.isShown = !1,
+ e.isVisible = !1,
+ e.unbind(),
+ y(e.body, Z),
+ b(e.viewer, $),
+ e.resetList(),
+ e.resetImage(),
+ l(t.hidden) && k(i, De, t.hidden, !0),
+ L(i, De)
+ },
+ requestFullscreen: function() {
+ var e = this,
+ t = W.documentElement; ! e.isFulled || W.fullscreenElement || W.mozFullScreenElement || W.webkitFullscreenElement || W.msFullscreenElement || (t.requestFullscreen ? t.requestFullscreen() : t.msRequestFullscreen ? t.msRequestFullscreen() : t.mozRequestFullScreen ? t.mozRequestFullScreen() : t.webkitRequestFullscreen && t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT))
+ },
+ exitFullscreen: function() {
+ var e = this;
+ e.isFulled && (W.exitFullscreen ? W.exitFullscreen() : W.msExitFullscreen ? W.msExitFullscreen() : W.mozCancelFullScreen ? W.mozCancelFullScreen() : W.webkitExitFullscreen && W.webkitExitFullscreen())
+ },
+ change: function(e) {
+ var t = this,
+ i = t.endX - t.startX,
+ n = t.endY - t.startY;
+ switch (t.action) {
+ case "move":
+ t.move(i, n);
+ break;
+ case "zoom":
+ t.zoom(function(e, t, i, n) {
+ var a = Ve(e * e + t * t),
+ o = Ve(i * i + n * n);
+ return (o - a) / a
+ } (Se(t.startX - t.startX2), Se(t.startY - t.startY2), Se(t.endX - t.endX2), Se(t.endY - t.endY2)), !1, e),
+ t.startX2 = t.endX2,
+ t.startY2 = t.endY2;
+ break;
+ case "switch":
+ t.action = "switched",
+ Se(i) > Se(n) && (i > 1 ? t.prev() : -1 > i && t.next())
+ }
+ t.startX = t.endX,
+ t.startY = t.endY
+ },
+ isSwitchable: function() {
+ var e = this,
+ t = e.imageData,
+ i = e.viewerData;
+ return t.left >= 0 && t.top >= 0 && t.width <= i.width && t.height <= i.height
+ }
+ },
+ O.DEFAULTS = {
+ inline: !1,
+ button: !0,
+ navbar: !0,
+ title: !0,
+ toolbar: !0,
+ tooltip: !0,
+ movable: !0,
+ zoomable: !0,
+ rotatable: !0,
+ scalable: !0,
+ transition: !0,
+ fullscreen: !0,
+ keyboard: !0,
+ interval: 5e3,
+ minWidth: 200,
+ minHeight: 100,
+ zoomRatio: .1,
+ minZoomRatio: .01,
+ maxZoomRatio: 100,
+ zIndex: 2015,
+ zIndexInline: 0,
+ url: "src",
+ build: null,
+ built: null,
+ show: null,
+ shown: null,
+ hide: null,
+ hidden: null,
+ view: null,
+ viewed: null
+ },
+ O.TEMPLATE = '';
+ var Re = e.Viewer;
+ return O.noConflict = function() {
+ return e.Viewer = Re,
+ O
+ },
+ O.setDefaults = function(e) {
+ h(O.DEFAULTS, e)
+ },
+ "function" == typeof define && define.amd && define("viewer", [],
+ function() {
+ return O
+ }),
+ t || (e.Viewer = O),
+ O
+});
\ No newline at end of file