tieptk/anphatpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
anphatpc/asset/js/magiczoom.js

3191 lines
119 KiB
JavaScript
Raw Permalink Normal View History

Push code 2021
2021-03-16 16:19:46 +07:00
/*Magic Zoom v4.5.17*/
(function () {
if (window.magicJS) {
return
}
var b = {
version: "v2.7.4",
UUID: 0,
storage: {},
$uuid: function (d) {
return (d.$J_UUID || (d.$J_UUID = ++a.UUID))
},
getStorage: function (d) {
return (a.storage[d] || (a.storage[d] = {}))
},
$F: function () {},
$false: function () {
return false
},
defined: function (d) {
return (undefined != d)
},
exists: function (d) {
return !!(d)
},
j1: function (d) {
if (!a.defined(d)) {
return false
}
if (d.$J_TYPE) {
return d.$J_TYPE
}
if (!!d.nodeType) {
if (1 == d.nodeType) {
return "element"
}
if (3 == d.nodeType) {
return "textnode"
}
}
if (d.length && d.item) {
return "collection"
}
if (d.length && d.callee) {
return "arguments"
}
if ((d instanceof window.Object || d instanceof window.Function) && d.constructor === a.Class) {
return "class"
}
if (d instanceof window.Array) {
return "array"
}
if (d instanceof window.Function) {
return "function"
}
if (d instanceof window.String) {
return "string"
}
if (a.j21.trident) {
if (a.defined(d.cancelBubble)) {
return "event"
}
} else {
if (d === window.event || d.constructor == window.Event || d.constructor == window.MouseEvent || d.constructor == window.UIEvent || d.constructor == window.KeyboardEvent || d.constructor == window.KeyEvent) {
return "event"
}
}
if (d instanceof window.Date) {
return "date"
}
if (d instanceof window.RegExp) {
return "regexp"
}
if (d === window) {
return "window"
}
if (d === document) {
return "document"
}
return typeof (d)
},
extend: function (j, h) {
if (!(j instanceof window.Array)) {
j = [j]
}
for (var g = 0, e = j.length; g < e; g++) {
if (!a.defined(j)) {
continue
}
for (var f in (h || {})) {
try {
j[g][f] = h[f]
} catch (d) {}
}
}
return j[0]
},
implement: function (h, g) {
if (!(h instanceof window.Array)) {
h = [h]
}
for (var f = 0, d = h.length; f < d; f++) {
if (!a.defined(h[f])) {
continue
}
if (!h[f].prototype) {
continue
}
for (var e in (g || {})) {
if (!h[f].prototype[e]) {
h[f].prototype[e] = g[e]
}
}
}
return h[0]
},
nativize: function (f, e) {
if (!a.defined(f)) {
return f
}
for (var d in (e || {})) {
if (!f[d]) {
f[d] = e[d]
}
}
return f
},
$try: function () {
for (var f = 0, d = arguments.length; f < d; f++) {
try {
return arguments[f]()
} catch (g) {}
}
return null
},
$A: function (f) {
if (!a.defined(f)) {
return $mjs([])
}
if (f.toArray) {
return $mjs(f.toArray())
}
if (f.item) {
var e = f.length || 0,
d = new Array(e);
while (e--) {
d[e] = f[e]
}
return $mjs(d)
}
return $mjs(Array.prototype.slice.call(f))
},
now: function () {
return new Date().getTime()
},
detach: function (h) {
var f;
switch (a.j1(h)) {
case "object":
f = {};
for (var g in h) {
f[g] = a.detach(h[g])
}
break;
case "array":
f = [];
for (var e = 0, d = h.length; e < d; e++) {
f[e] = a.detach(h[e])
}
break;
default:
return h
}
return a.$(f)
},
$: function (e) {
if (!a.defined(e)) {
return null
}
if (e.$J_EXTENDED) {
return e
}
switch (a.j1(e)) {
case "array":
e = a.nativize(e, a.extend(a.Array, {
$J_EXTENDED: a.$F
}));
e.j14 = e.forEach;
e.contains = a.Array.contains;
return e;
break;
case "string":
var d = document.getElementById(e);
if (a.defined(d)) {
return a.$(d)
}
return null;
break;
case "window":
case "document":
a.$uuid(e);
e = a.extend(e, a.Doc);
break;
case "element":
a.$uuid(e);
e = a.extend(e, a.Element);
break;
case "event":
e = a.extend(e, a.Event);
break;
case "textnode":
return e;
break;
case "function":
case "array":
case "date":
default:
break
}
return a.extend(e, {
$J_EXTENDED: a.$F
})
},
$new: function (d, f, e) {
return $mjs(a.doc.createElement(d)).setProps(f || {}).j6(e || {})
},
addCSS: function (e) {
if (document.styleSheets && document.styleSheets.length) {
document.styleSheets[0].insertRule(e, 0)
} else {
var d = $mjs(document.createElement("style"));
d.update(e);
document.getElementsByTagName("head")[0].appendChild(d)
}
}
};
var a = b;
window.magicJS = b;
window.$mjs = b.$;
a.Array = {
$J_TYPE: "array",
indexOf: function (g, h) {
var d = this.length;
for (var e = this.length, f = (h < 0) ? Math.max(0, e + h) : h || 0; f < e; f++) {
if (this[f] === g) {
return f
}
}
return -1
},
contains: function (d, e) {
return this.indexOf(d, e) != -1
},
forEach: function (d, g) {
for (var f = 0, e = this.length; f < e; f++) {
if (f in this) {
d.call(g, this[f], f, this)
}
}
},
filter: function (d, j) {
var h = [];
for (var g = 0, e = this.length; g < e; g++) {
if (g in this) {
var f = this[g];
if (d.call(j, this[g], g, this)) {
h.push(f)
}
}
}
return h
},
map: function (d, h) {
var g = [];
for (var f = 0, e = this.length; f < e; f++) {
if (f in this) {
g[f] = d.call(h, this[f], f, this)
}
}
return g
}
};
a.implement(String, {
$J_TYPE: "string",
j26: function () {
return this.replace(/^\s+|\s+$/g, "")
},
eq: function (d, e) {
return (e || false) ? (this.toString() === d.toString()) : (this.toLowerCase().toString() === d.toLowerCase().toString())
},
j22: function () {
return this.replace(/-\D/g, function (d) {
return d.charAt(1).toUpperCase()
})
},
dashize: function () {
return this.replace(/[A-Z]/g, function (d) {
return ("-" + d.charAt(0).toLowerCase())
})
},
j17: function (d) {
return parseInt(this, d || 10)
},
toFloat: function () {
return parseFloat(this)
},
j18: function () {
return !this.replace(/true/i, "").j26()
},
has: function (e, d) {
d = d || "";
return (d + this + d).indexOf(d + e + d) > -1
}
});
b.implement(Function, {
$J_TYPE: "function",
j24: function () {
var e = a.$A(arguments),
d = this,
f = e.shift();
return function () {
return d.apply(f || null, e.concat(a.$A(arguments)))
}
},
j16: function () {
var e = a.$A(arguments),
d = this,
f = e.shift();
return function (g) {
return d.apply(f || null, $mjs([g || window.event]).concat(e))
}
},
j27: function () {
var e = a.$A(arguments),
d = this,
f = e.shift();
return window.setTimeout(function () {
return d.apply(d, e)
}, f || 0)
},
j28: function () {
var e = a.$A(arguments),
d = this;
return function () {
return d.j27.apply(d, e)
}
},
interval: function () {
var e = a.$A(arguments),
d = this,
f = e.shift();
return window.setInterval(function () {
return d.apply(d, e)
}, f || 0)
}
});
var c = navigator.userAgent.toLowerCase();
a.j21 = {
features: {
xpath: !!(document.evaluate),
air: !!(window.runtime),
query: !!(document.querySelector)
},
touchScreen: function () {
return "ontouchstart" in window || (window.DocumentTouch && document instanceof DocumentTouch)
}(),
mobile: c.match(/android|tablet|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(j21|link)|vodafone|wap|windows (ce|phone)|xda|xiino/) ? true : false,
engine: (window.opera) ? "presto" : !!(window.ActiveXObject) ? "trident" : (undefined != document.getBoxObjectFor || null != window.mozInnerScreenY) ? "gecko" : (null != window.WebKitPoint || !navigator.taintEnabled) ? "webkit" : "unknown",
version: "",
ieMode: 0,
platform: c.match(/ip(?:ad|od|hone)/) ? "ios" : (c.match(/(?:webos|android)/) || navigator.platform.match(/mac|win|linux/i) || ["other"])[0].toLowerCase(),
backCompat: document.compatMode && "backcompat" == document.compatMode.toLowerCase(),
getDoc: function () {
return (document.compatMode && "backcompat" == document.compatMode.toLowerCase()) ? document.body : document.documentElement
},
requestAnimationFrame: window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || undefined,
cancelAnimationFrame: window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || undefined,
ready: false,
onready: function () {
if (a.j21.ready) {
return
}
a.j21.ready = true;
a.body = $mjs(document.body);
a.win = $mjs(window);
(function () {
a.j21.css3Transformations = {
capable: false,
prefix: ""
};
if (typeof document.body.style.transform !== "undefined") {
a.j21.css3Transformations.capable = true
} else {
var f = "Webkit Moz O ms Khtml".split(" ");
for (var e = 0, d = f.length; e < d; e++) {
a.j21.css3Transformations.prefix = f[e];
if (typeof document.body.style[a.j21.css3Transformations.prefix + "Transform"] !== "undefined") {
a.j21.css3Transformations.capable = true;
break
}
}
}
})();
(function () {
a.j21.css3Animation = {
capable: false,
prefix: ""
};
if (typeof document.body.style.animationName !== "undefined") {
a.j21.css3Animation.capable = true
} else {
var f = "Webkit Moz O ms Khtml".split(" ");
for (var e = 0, d = f.length; e < d; e++) {
a.j21.css3Animation.prefix = f[e];
if (typeof document.body.style[a.j21.css3Animation.prefix + "AnimationName"] !== "undefined") {
a.j21.css3Animation.capable = true;
break
}
}
}
})();
$mjs(document).raiseEvent("domready")
}
};
(function () {
function d() {
return !!(arguments.callee.caller)
}
a.j21.version = ("presto" == a.j21.engine) ? !!(document.head) ? 270 : !!(window.applicationCache) ? 260 : !!(window.localStorage) ? 250 : (a.j21.features.query) ? 220 : ((d()) ? 211 : ((document.getElementsByClassName) ? 210 : 200)) : ("trident" == a.j21.engine) ? !!(window.msPerformance || window.performance) ? 900 : !!(window.XMLHttpRequest && window.postMessage) ? 6 : ((window.XMLHttpRequest) ? 5 : 4) : ("webkit" == a.j21.engine) ? ((a.j21.features.xpath) ? ((a.j21.features.query) ? 525 : 420) : 419) : ("gecko" == a.j21.engine) ? !!(document.head) ? 200 : !!document.readyState ? 192 : !!(window.localStorage) ? 191 : ((document.getElementsByClassName) ? 190 : 181) : "";
a.j21[a.j21.engine] = a.j21[a.j21.engine + a.j21.version] = true;
if (window.chrome) {
a.j21.chrome = true
}
a.j21.ieMode = (!a.j21.trident) ? 0 : (document.documentMode) ? document.documentMode : function () {
var e = 0;
if (a.j21.backCompat) {
return 5
}
switch (a.j21.version) {
case 4:
e = 6;
break;
case 5:
e = 7;
break;
case 6:
e = 8;
break;
case 900:
e = 9;
break
}
return e
}()
})();
(function () {
a.j21.fullScreen = {
capable: false,
enabled: function () {
return false
},
request: function () {},
cancel: function () {},
changeEventName: "",
errorEventName: "",
prefix: ""
};
if (typeof document.cancelFullScreen != "undefined") {
a.j21.fullScreen.capable = true
} else {
var f = "webkit moz o ms khtml".split(" ");
for (var e = 0, d = f.length; e < d; e++) {
a.j21.fullScreen.prefix = f[e];
if (typeof document[a.j21.fullScreen.prefix + "CancelFullScreen"] != "undefined") {
a.j21.fullScreen.capable = true;
break
}
}
}
if (a.j21.fullScreen.capable) {
a.j21.fullScreen.changeEventName = a.j21.fullScreen.prefix + "fullscreenchange";
a.j21.fullScreen.errorEventName = a.j21.fullScreen.prefix + "fullscreenerror";
a.j21.fullScreen.enabled = function () {
switch (this.prefix) {
case "":
return document.fullScreen;
case "webkit":
return document.webkitIsFullScreen;
default:
return document[this.prefix + "FullScreen"]
}
};
a.j21.fullScreen.request = function (g) {
return (this.prefix === "") ? g.requestFullScreen() : g[this.prefix + "RequestFullScreen"]()
};
a.j21.fullScreen.cancel = function (g) {
return (this.prefix === "") ? document.cancelFullScreen() : document[this.prefix + "CancelFullScreen"]()
}
}
})();
a.Element = {
j13: function (d) {
return this.className.has(d, " ")
},
j2: function (d) {
if (d && !this.j13(d)) {
this.className += (this.className ? " " : "") + d
}
return this
},
j3: function (d) {
d = d || ".*";
this.className = this.className.replace(new RegExp("(^|\\s)" + d + "(?:\\s|$)"), "$1").j26();
return this
},
j4: function (d) {
return this.j13(d) ? this.j3(d) : this.j2(d)
},
j5: function (f) {
f = (f == "float" && this.currentStyle) ? "styleFloat" : f.j22();
var d = null,
e = null;
if (this.currentStyle) {
d = this.currentStyle[f]
} else {
if (document.defaultView && document.defaultView.getComputedStyle) {
e = document.defaultView.getComputedStyle(this, null);
d = e ? e.getPropertyValue([f.dashize()]) : null
}
}
if (!d) {
d = this.style[f]
}
if ("opacity" == f) {
return a.defined(d) ? parseFloat(d) : 1
}
if (/^(border(Top|Bottom|Left|Right)Width)|((padding|margin)(Top|Bottom|Left|Right))$/.test(f)) {
d = parseInt(d) ? d : "0px"
}
return ("auto" == d ? null : d)
},
j6Prop: function (f, d) {
try {
if ("opacity" == f) {
this.j23(d);
return this
} else {
if ("float" == f) {
this.style[("undefined" === typeof (this.style.styleFloat)) ? "cssFloat" : "styleFloat"] = d;
return this
} else {
if (a.j21.css3Transformations && /transform/.test(f)) {}
}
}
this.style[f.j22()] = d + (("number" == a.j1(d) && !$mjs(["zIndex", "zoom"]).contains(f.j22())) ? "px" : "")
} catch (g) {}
return this
},
j6: function (e) {
for (var d in e) {
this.j6Prop(d, e[d])
}
return this
},
j19s: function () {
var d = {};
a.$A(arguments).j14(function (e) {
d[e] = this.j5(e)
}, this);
return d
},
j23: function (h, e) {
e = e || false;
h = parseFloat(h);
if (e) {
if (h == 0) {
if ("hidden" != this.style.visibility) {
this.style.visibility = "hidden"
}
} else {
if ("visible" != this.style.visibility) {
this.style.visibility = "visible"
}
}
}
if (a.j21.trident) {
if (!this.currentStyle || !this.currentStyle.hasLayout) {
this.style.zoom = 1
}
try {
var g = this.filters.item("DXImageTransform.Microsoft.Alpha");
g.enabled = (1 != h);
g.opacity = h * 100
} catch (d) {
this.style.filter += (1 == h) ? "" : "progid:DXImageTransform.Microsoft.Alpha(enabled=true,opacity=" + h * 100 + ")"
}
}
this.style.opacity = h;
return this
},
setProps: function (d) {
for (var e in d) {
this.setAttribute(e, "" + d[e])
}
return this
},
hide: function () {
return this.j6({
display: "none",
visibility: "hidden"
})
},
show: function () {
return this.j6({
display: "block",
visibility: "visible"
})
},
j7: function () {
return {
width: this.offsetWidth,
height: this.offsetHeight
}
},
j10: function () {
return {
top: this.scrollTop,
left: this.scrollLeft
}
},
j11: function () {
var d = this,
e = {
top: 0,
left: 0
};
do {
e.left += d.scrollLeft || 0;
e.top += d.scrollTop || 0;
d = d.parentNode
} while (d);
return e
},
j8: function () {
if (a.defined(document.documentElement.getBoundingClientRect)) {
var d = this.getBoundingClientRect(),
f = $mjs(document).j10(),
h = a.j21.getDoc();
return {
top: d.top + f.y - h.clientTop,
left: d.left + f.x - h.clientLeft
}
}
var g = this,
e = t = 0;
do {
e += g.offsetLeft || 0;
t += g.offsetTop || 0;
g = g.offsetParent
} while (g && !(/^(?:body|html)$/i).test(g.tagName));
return {
top: t,
left: e
}
},
j9: function () {
var e = this.j8();
var d = this.j7();
return {
top: e.top,
bottom: e.top + d.height,
left: e.left,
right: e.left + d.width
}
},
changeContent: function (f) {
try {
this.innerHTML = f
} catch (d) {
this.innerText = f
}
return this
},
j33: function () {
return (this.parentNode) ? this.parentNode.removeChild(this) : this
},
kill: function () {
a.$A(this.childNodes).j14(function (d) {
if (3 == d.nodeType || 8 == d.nodeType) {
return
}
$mjs(d).kill()
});
this.j33();
this.je3();
if (this.$J_UUID) {
a.storage[this.$J_UUID] = null;
delete a.storage[this.$J_UUID]
}
return null
},
append: function (g, e) {
e = e || "bottom";
var d = this.firstChild;
("top" == e && d) ? this.insertBefore(g, d): this.appendChild(g);
return this
},
j32: function (f, e) {
var d = $mjs(f).append(this, e);
return this
},
enclose: function (d) {
this.append(d.parentNode.replaceChild(this, d));
return this
},
hasChild: function (d) {
if ("element" !== a.j1("string" == a.j1(d) ? d = document.getElementById(d) : d)) {
return false
}
return (this == d) ? false : (this.contains && !(a.j21.webkit419)) ? (this.contains(d)) : (this.compareDocumentPosition) ? !!(this.compareDocumentPosition(d) & 16) : a.$A(this.byTag(d.tagName)).contains(d)
}
};
a.Element.j19 = a.Element.j5;
a.Element.j20 = a.Element.j6;
if (!window.Element) {
window.Element = a.$F;
if (a.j21.engine.webkit) {
window.document.createElement("iframe")
}
window.Element.prototype = (a.j21.engine.webkit) ? window["[[DOMElement.prototype]]"] : {}
}
a.implement(window.Element, {
$J_TYPE: "element"
});
a.Doc = {
j7: function () {
if (a.j21.presto925 || a.j21.webkit419) {
return {
width: window.innerWidth,
height: window.innerHeight
}
}
return {
width: a.j21.getDoc().clientWidth,
height: a.j21.getDoc().clientHeight
}
},
j10: function () {
return {
x: window.pageXOffset || a.j21.getDoc().scrollLeft,
y: window.pageYOffset || a.j21.getDoc().scrollTop
}
},
j12: function () {
var d = this.j7();
return {
width: Math.max(a.j21.getDoc().scrollWidth, d.width),
height: Math.max(a.j21.getDoc().scrollHeight, d.height)
}
}
};
a.extend(document, {
$J_TYPE: "document"
});
a.extend(window, {
$J_TYPE: "window"
});
a.extend([a.Element, a.Doc], {
j29: function (g, e) {
var d = a.getStorage(this.$J_UUID),
f = d[g];
if (undefined != e && undefined == f) {
f = d[g] = e
}
return (a.defined(f) ? f : null)
},
j30: function (f, e) {
var d = a.getStorage(this.$J_UUID);
d[f] = e;
return this
},
j31: function (e) {
var d = a.getStorage(this.$J_UUID);
delete d[e];
return this
}
});
if (!(window.HTMLElement && window.HTMLElement.prototype && window.HTMLElement.prototype.getElementsByClassName)) {
a.extend([a.Element, a.Doc], {
getElementsByClassName: function (d) {
return a.$A(this.getElementsByTagName("*")).filter(function (g) {
try {
return (1 == g.nodeType && g.className.has(d, " "))
} catch (f) {}
})
}
})
}
a.extend([a.Element, a.Doc], {
byClass: function () {
return this.getElementsByClassName(arguments[0])
},
byTag: function () {
return this.getElementsByTagName(arguments[0])
}
});
if (a.j21.fullScreen.capable) {
a.Element.requestFullScreen = function () {
a.j21.fullScreen.request(this)
}
}
a.Event = {
$J_TYPE: "event",
stop: function () {
if (this.stopPropagation) {
this.stopPropagation()
} else {
this.cancelBubble = true
}
if (this.preventDefault) {
this.preventDefault()
} else {
this.returnValue = false
}
return this
},
j15: function () {
var e, d;
e = ((/touch/i).test(this.type)) ? this.changedTouches[0] : this;
return (!a.defined(e)) ? {
x: 0,
y: 0
} : {
x: e.pageX || e.clientX + a.j21.getDoc().scrollLeft,
y: e.pageY || e.clientY + a.j21.getDoc().scrollTop
}
},
getTarget: function () {
var d = this.target || this.srcElement;
while (d && 3 == d.nodeType) {
d = d.parentNode
}
return d
},
getRelated: function () {
var e = null;
switch (this.type) {
case "mouseover":
e = this.relatedTarget || this.fromElement;
break;
case "mouseout":
e = this.relatedTarget || this.toElement;
break;
default:
return e
}
try {
while (e && 3 == e.nodeType) {
e = e.parentNode
}
} catch (d) {
e = null
}
return e
},
getButton: function () {
if (!this.which && this.button !== undefined) {
return (this.button & 1 ? 1 : (this.button & 2 ? 3 : (this.button & 4 ? 2 : 0)))
}
return this.which
}
};
a._event_add_ = "addEventListener";
a._event_del_ = "removeEventListener";
a._event_prefix_ = "";
if (!document.addEventListener) {
a._event_add_ = "attachEvent";
a._event_del_ = "detachEvent";
a._event_prefix_ = "on"
}
a.extend([a.Element, a.Doc], {
je1: function (g, f) {
var i = ("domready" == g) ? false : true,
e = this.j29("events", {});
e[g] = e[g] || {};
if (e[g].hasOwnProperty(f.$J_EUID)) {
return this
}
if (!f.$J_EUID) {
f.$J_EUID = Math.floor(Math.random() * a.now())
}
var d = this,
h = function (j) {
return f.call(d)
};
if ("domready" == g) {
if (a.j21.ready) {
f.call(this);
return this
}
}
if (i) {
h = function (j) {
j = a.extend(j || window.e, {
$J_TYPE: "event"
});
return f.call(d, $mjs(j))
};
this[a._event_add_](a._event_prefix_ + g, h, false)
}
e[g][f.$J_EUID] = h;
return this
},
je2: function (g) {
var i = ("domready" == g) ? false : true,
e = this.j29("events");
if (!e || !e[g]) {
return this
}
var h = e[g],
f = arguments[1] || null;
if (g && !f) {
for (var d in h) {
if (!h.hasOwnProperty(d)) {
continue
}
this.je2(g, d)
}
return this
}
f = ("function" == a.j1(f)) ? f.$J_EUID : f;
if (!h.hasOwnProperty(f)) {
return this
}
if ("domready" == g) {
i = false
}
if (i) {
this[a._event_del_](a._event_prefix_ + g, h[f], false)
}
delete h[f];
return this
},
raiseEvent: function (h, f) {
var m = ("domready" == h) ? false : true,
l = this,
j;
if (!m) {
var g = this.j29("events");
if (!g || !g[h]) {
return this
}
var i = g[h];
for (var d in i) {
if (!i.hasOwnProperty(d)) {
continue
}
i[d].call(this)
}
return this
}
if (l === document && document.createEvent && !l.dispatchEvent) {
l = document.documentElement
}
if (document.createEvent) {
j = document.createEvent(h);
j.initEvent(f, true, true)
} else {
j = document.createEventObject();
j.eventType = h
}
if (document.createEvent) {
l.dispatchEvent(j)
} else {
l.fireEvent("on" + f, j)
}
return j
},
je3: function () {
var d = this.j29("events");
if (!d) {
return this
}
for (var e in d) {
this.je2(e)
}
this.j31("events");
return this
}
});
(function () {
if ("complete" === document.readyState) {
return a.j21.onready.j27(1)
}
if (a.j21.webkit && a.j21.version < 420) {
(function () {
($mjs(["loaded", "complete"]).contains(document.readyState)) ? a.j21.onready(): arguments.callee.j27(50)
})()
} else {
if (a.j21.trident && a.j21.ieMode < 9 && window == top) {
(function () {
(a.$try(function () {
a.j21.getDoc().doScroll("left");
return true
})) ? a.j21.onready(): arguments.callee.j27(50)
})()
} else {
$mjs(document).je1("DOMContentLoaded", a.j21.onready);
$mjs(window).je1("load", a.j21.onready)
}
}
})();
a.Class = function () {
var h = null,
e = a.$A(arguments);
if ("class" == a.j1(e[0])) {
h = e.shift()
}
var d = function () {
for (var l in this) {
this[l] = a.detach(this[l])
}
if (this.constructor.$parent) {
this.$parent = {};
var o = this.constructor.$parent;
for (var n in o) {
var j = o[n];
switch (a.j1(j)) {
case "function":
this.$parent[n] = a.Class.wrap(this, j);
break;
case "object":
this.$parent[n] = a.detach(j);
break;
case "array":
this.$parent[n] = a.detach(j);
break
}
}
}
var i = (this.init) ? this.init.apply(this, arguments) : this;
delete this.caller;
return i
};
if (!d.prototype.init) {
d.prototype.init = a.$F
}
if (h) {
var g = function () {};
g.prototype = h.prototype;
d.prototype = new g;
d.$parent = {};
for (var f in h.prototype) {
d.$parent[f] = h.prototype[f]
}
} else {
d.$parent = null
}
d.constructor = a.Class;
d.prototype.constructor = d;
a.extend(d.prototype, e[0]);
a.extend(d, {
$J_TYPE: "class"
});
return d
};
b.Class.wrap = function (d, e) {
return function () {
var g = this.caller;
var f = e.apply(d, arguments);
return f
}
};
a.win = $mjs(window);
a.doc = $mjs(document)
})();
(function (b) {
if (!b) {
throw "MagicJS not found";
return
}
if (b.FX) {
return
}
var a = b.$;
b.FX = new b.Class({
options: {
fps: 60,
duration: 500,
transition: function (c) {
return -(Math.cos(Math.PI * c) - 1) / 2
},
onStart: b.$F,
onComplete: b.$F,
onBeforeRender: b.$F,
onAfterRender: b.$F,
forceAnimation: false,
roundCss: true
},
styles: null,
init: function (d, c) {
this.el = a(d);
this.options = b.extend(this.options, c);
this.timer = false
},
start: function (c) {
this.styles = c;
this.state = 0;
this.curFrame = 0;
this.startTime = b.now();
this.finishTime = this.startTime + this.options.duration;
this.loopBind = this.loop.j24(this);
this.options.onStart.call();
if (!this.options.forceAnimation && b.j21.requestAnimationFrame) {
this.timer = b.j21.requestAnimationFrame.call(window, this.loopBind)
} else {
this.timer = this.loop.j24(this).interval(Math.round(1000 / this.options.fps))
}
return this
},
stopAnimation: function () {
if (this.timer) {
if (!this.options.forceAnimation && b.j21.requestAnimationFrame && b.j21.cancelAnimationFrame) {
b.j21.cancelAnimationFrame.call(window, this.timer)
} else {
clearInterval(this.timer)
}
this.timer = false
}
},
stop: function (c) {
c = b.defined(c) ? c : false;
this.stopAnimation();
if (c) {
this.render(1);
this.options.onComplete.j27(10)
}
return this
},
calc: function (e, d, c) {
return (d - e) * c + e
},
loop: function () {
var d = b.now();
if (d >= this.finishTime) {
this.stopAnimation();
this.render(1);
this.options.onComplete.j27(10);
return this
}
var c = this.options.transition((d - this.startTime) / this.options.duration);
if (!this.options.forceAnimation && b.j21.requestAnimationFrame) {
this.timer = b.j21.requestAnimationFrame.call(window, this.loopBind)
}
this.render(c)
},
render: function (c) {
var d = {};
for (var e in this.styles) {
if ("opacity" === e) {
d[e] = Math.round(this.calc(this.styles[e][0], this.styles[e][1], c) * 100) / 100
} else {
d[e] = this.calc(this.styles[e][0], this.styles[e][1], c);
if (this.options.roundCss) {
d[e] = Math.round(d[e])
}
}
}
this.options.onBeforeRender(d);
this.set(d);
this.options.onAfterRender(d)
},
set: function (c) {
return this.el.j6(c)
}
});
b.FX.Transition = {
linear: function (c) {
return c
},
sineIn: function (c) {
return -(Math.cos(Math.PI * c) - 1) / 2
},
sineOut: function (c) {
return 1 - b.FX.Transition.sineIn(1 - c)
},
expoIn: function (c) {
return Math.pow(2, 8 * (c - 1))
},
expoOut: function (c) {
return 1 - b.FX.Transition.expoIn(1 - c)
},
quadIn: function (c) {
return Math.pow(c, 2)
},
quadOut: function (c) {
return 1 - b.FX.Transition.quadIn(1 - c)
},
cubicIn: function (c) {
return Math.pow(c, 3)
},
cubicOut: function (c) {
return 1 - b.FX.Transition.cubicIn(1 - c)
},
backIn: function (d, c) {
c = c || 1.618;
return Math.pow(d, 2) * ((c + 1) * d - c)
},
backOut: function (d, c) {
return 1 - b.FX.Transition.backIn(1 - d)
},
elasticIn: function (d, c) {
c = c || [];
return Math.pow(2, 10 * --d) * Math.cos(20 * d * Math.PI * (c[0] || 1) / 3)
},
elasticOut: function (d, c) {
return 1 - b.FX.Transition.elasticIn(1 - d, c)
},
bounceIn: function (e) {
for (var d = 0, c = 1; 1; d += c, c /= 2) {
if (e >= (7 - 4 * d) / 11) {
return c * c - Math.pow((11 - 6 * d - 11 * e) / 4, 2)
}
}
},
bounceOut: function (c) {
return 1 - b.FX.Transition.bounceIn(1 - c)
},
none: function (c) {
return 0
}
}
})(magicJS);
(function (b) {
if (!b) {
throw "MagicJS not found";
return
}
if (b.PFX) {
return
}
var a = b.$;
b.PFX = new b.Class(b.FX, {
init: function (c, d) {
this.el_arr = c;
this.options = b.extend(this.options, d);
this.timer = false
},
start: function (c) {
this.$parent.start([]);
this.styles_arr = c;
return this
},
render: function (c) {
for (var d = 0; d < this.el_arr.length; d++) {
this.el = a(this.el_arr[d]);
this.styles = this.styles_arr[d];
this.$parent.render(c)
}
}
})
})(magicJS);
var MagicZoom = (function (c) {
var d = c.$;
c.$Ff = function (f) {
$mjs(f).stop();
return false
};
c.insertCSS = function (f, h, l) {
var i, g, j, k = [],
e = -1;
l || (l = c.stylesId);
i = c.$(l) || (document.head || document.body).appendChild(c.$new("style", {
id: l,
type: "text/css"
}));
g = i.sheet || i.styleSheet;
if ("object" == c.j1(h)) {
for (j in h) {
k.push(j + ":" + h[j])
}
h = k.join(";")
}
if (g.insertRule) {
e = g.insertRule(f + " {" + h + "}", g.cssRules.length)
} else {
e = g.addRule(f, h)
}
return e
};
var a = {
version: "v4.5.17",
options: {},
defaults: {
opacity: 50,
opacityReverse: false,
smoothingSpeed: 40,
fps: 25,
zoomWidth: 300,
zoomHeight: 300,
zoomDistance: 15,
zoomPosition: "right",
zoomAlign: "top",
zoomWindowEffect: "shadow",
dragMode: false,
moveOnClick: true,
alwaysShowZoom: false,
preservePosition: false,
x: -1,
y: -1,
clickToActivate: false,
clickToDeactivate: false,
initializeOn: "load",
smoothing: true,
showTitle: "top",
titleSource: "title",
zoomFade: true,
zoomFadeInSpeed: 400,
zoomFadeOutSpeed: 200,
hotspots: "",
hint: true,
hintText: "Zoom",
hintPosition: "tl",
hintOpacity: 75,
hintClass: "MagicZoomHint",
showLoading: true,
loadingMsg: "Loading zoom...",
loadingClass: "MagicZoomLoading",
loadingOpacity: 75,
loadingPositionX: -1,
loadingPositionY: -1,
selectorsChange: "click",
selectorsMouseoverDelay: 60,
selectorsEffect: "dissolve",
selectorsEffectSpeed: 400,
preloadSelectorsSmall: true,
preloadSelectorsBig: false,
selectorsClass: "",
fitZoomWindow: true,
entireImage: false,
rightClick: false,
disableZoom: false,
onready: c.$F
},
z39: $mjs([/^(opacity)(\s+)?:(\s+)?(\d+)$/i, /^(opacity-reverse)(\s+)?:(\s+)?(true|false)$/i, /^(smoothing\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(fps)(\s+)?:(\s+)?(\d+)$/i, /^(zoom\-width)(\s+)?:(\s+)?(\d+\%?)(px)?/i, /^(zoom\-height)(\s+)?:(\s+)?(\d+\%?)(px)?/i, /^(zoom\-distance)(\s+)?:(\s+)?(\d+)(px)?/i, /^(zoom\-position)(\s+)?:(\s+)?(right|left|top|bottom|custom|inner|#([a-z0-9_\-:\.]+))$/i, /^(zoom\-align)(\s+)?:(\s+)?(right|left|top|bottom|center)$/i, /^(zoom\-fit\-screen)(\s+)?:(\s+)?(true|false)$/i, /^(zoom\-window\-effect)(\s+)?:(\s+)?(shadow|glow|false)$/i, /^(drag\-mode)(\s+)?:(\s+)?(true|false)$/i, /^(move\-on\-click)(\s+)?:(\s+)?(true|false)$/i, /^(always\-show\-zoom)(\s+)?:(\s+)?(true|false)$/i, /^(preserve\-position)(\s+)?:(\s+)?(true|false)$/i, /^(x)(\s+)?:(\s+)?([\d.]+)(px)?/i, /^(y)(\s+)?:(\s+)?([\d.]+)(px)?/i, /^(click\-to\-activate)(\s+)?:(\s+)?(true|false)$/i, /^(click\-to\-deactivate)(\s+)?:(\s+)?(true|false)$/i, /^(initialize\-on)(\s+)?:(\s+)?(load|click|mouseover)$/i, /^(click\-to\-initialize)(\s+)?:(\s+)?(true|false)$/i, /^(smoothing)(\s+)?:(\s+)?(true|false)$/i, /^(show\-title)(\s+)?:(\s+)?(true|false|top|bottom)$/i, /^(title\-source)(\s+)?:(\s+)?(title|#([a-z0-9_\-:\.]+))$/i, /^(zoom\-fade)(\s+)?:(\s+)?(true|false)$/i, /^(zoom\-fade\-in\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(zoom\-fade\-out\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(hotspots)(\s+)?:(\s+)?([a-z0-9_\-:\.]+)$/i, /^(hint)(\s+)?:(\s+)?(true|false)/i, /^(hint\-text)(\s+)?:(\s+)?([^;]*)$/i, /^(hint\-opacity)(\s+)?:(\s+)?(\d+)$/i, /^(hint\-position)(\s+)?:(\s+)?(tl|tr|tc|bl|br|bc)/i, /^(show\-loading)(\s+)?:(\s+)?(true|false)$/i, /^(loading\-msg)(\s+)?:(\s+)?([^;]*)$/i, /^(loading\-opacity)(\s+)?:(\s+)?(\d+)$/i, /^(loading\-position\-x)(\s+)?:(\s+)?(\d+)(px)?/i, /^(loading\-position\-y)(\s+)?:(\s+)?(\d+)(px)?/i, /^(thumb\-change)(\s+)?:(\s+)?(click|mouseover)$/i, /^(selectors\-change)(\s+)?:(\s+)?(click|mouseover)$/i, /^(selectors\-mouseover\-delay)(\s+)?:(\s+)?(\d+)$/i, /^(selectors\-effect)(\s+)?:(\s+)?(dissolve|fade|pounce|false)$/i, /^(selectors\-effect\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(selectors\-class)(\s+)?:(\s+)?([a-z0-9_\-:\.]+)$/i, /^(fit\-zoom\-window)(\s+)?:(\s+)?(true|false)$/i, /^(preload\-selectors\-small)(\s+)?:(\s+)?(true|false)$/i, /^(preload\-selectors\-big)(\s+)?:(\s+)?(true|false)$/i, /^(entire\-image)(\s+)?:(\s+)?(true|false)$/i, /^(right\-click)(\s+)?:(\s+)?(true|false)$/i, /^(disable\-zoom)(\s+)?:(\s+)?(true|false)$/i]),
zooms: $mjs([]),
z8: function (h) {
var g = /(click|mouseover)/i;
for (var f = 0; f < a.zooms.length; f++) {
if (a.zooms[f].z30 && !a.zooms[f].activatedEx) {
a.zooms[f].pause()
} else {
if (g.test(a.zooms[f].options.initializeOn) && a.zooms[f].initMouseEvent) {
a.zooms[f].initMouseEvent = h
}
}
}
},
stop: function (f) {
var e = $mjs([]);
if (f) {
if ((f = $mjs(f)) && f.zoom) {
e.push(f)
} else {
return false
}
} else {
e = $mjs(c.$A(c.body.byTag("A")).filter(function (g) {
return ((" " + g.className + " ").match(/\sMagicZoom\s/) && g.zoom)
}))
}
e.j14(function (g) {
g.zoom && g.zoom.stop()
}, this)
},
start: function (e) {
if (0 == arguments.length) {
a.refresh();
return true
}
e = $mjs(e);
if (!e || !(" " + e.className + " ").match(/\s(MagicZoom|MagicZoomPlus)\s/)) {
return false
}
if (!e.zoom) {
var f = null;
while (f = e.firstChild) {
if (f.tagName == "IMG") {
break
}
e.removeChild(f)
}
while (f = e.lastChild) {
if (f.tagName == "IMG") {
break
}
e.removeChild(f)
}
if (!e.firstChild || e.firstChild.tagName != "IMG") {
throw "Invalid Magic Zoom"
}
a.zooms.push(new a.zoom(e, (arguments.length > 1) ? arguments[1] : undefined))
} else {
e.zoom.start()
}
},
update: function (h, e, g, f) {
if ((h = $mjs(h)) && h.zoom) {
(null === e || "" === e) && (e = undefined);
(null === g || "" === g) && (g = undefined);
h.zoom.update(e, g, f);
return true
}
return false
},
refresh: function () {
c.$A(window.document.getElementsByTagName("A")).j14(function (e) {
if (e.className.has("MagicZoom", " ")) {
if (a.stop(e)) {
a.start.j27(100, e)
} else {
a.start(e)
}
}
}, this)
},
show: function (e) {
return a.zoomIn(e)
},
zoomIn: function (e) {
if ((e = $mjs(e)) && e.zoom) {
return e.zoom.activate()
}
return false
},
zoomOut: function (e) {
if ((e = $mjs(e)) && e.zoom) {
return e.zoom.pause()
}
return false
},
getXY: function (e) {
if ((e = $mjs(e)) && e.zoom) {
return {
x: e.zoom.options.x,
y: e.zoom.options.y
}
}
},
x7: function (g) {
var f, e;
f = "";
for (e = 0; e < g.length; e++) {
f += String.fromCharCode(14 ^ g.charCodeAt(e))
}
return f
}
};
a.z48 = function () {
this.init.apply(this, arguments)
};
a.z48.prototype = {
init: function (e) {
this.cb = null;
this.z9 = null;
this.onErrorHandler = this.onError.j16(this);
this.z10 = null;
this.width = 0;
this.height = 0;
this.naturalWidth = 0;
this.naturalHeight = 0;
this.border = {
left: 0,
right: 0,
top: 0,
bottom: 0
};
this.padding = {
left: 0,
right: 0,
top: 0,
bottom: 0
};
this.ready = false;
this._tmpp = null;
if ("string" == c.j1(e)) {
this._tmpp = c.$new("div").j2("magic-temporary-img").j6({
position: "absolute",
top: "-10000px",
width: "1px",
height: "1px",
overflow: "hidden"
}).j32(c.body);
this.self = c.$new("img").j32(this._tmpp);
this.z11();
this.self.src = e
} else {
this.self = $mjs(e);
this.z11();
this.self.src = e.src
}
},
_cleanup: function () {
if (this._tmpp) {
if (this.self.parentNode == this._tmpp) {
this.self.j33().j6({
position: "static",
top: "auto"
})
}
this._tmpp.kill();
this._tmpp = null
}
},
onError: function (f) {
if (f) {
$mjs(f).stop()
}
if (this.cb) {
this._cleanup();
this.cb.call(this, false)
}
this.unload()
},
z11: function (e) {
this.z9 = null;
if (e == true || !(this.self.src && (this.self.complete || this.self.readyState == "complete"))) {
this.z9 = function (f) {
if (f) {
$mjs(f).stop()
}
if (this.ready) {
return
}
this.ready = true;
this.z13();
if (this.cb) {
this._cleanup();
this.cb.call()
}
}.j16(this);
this.self.je1("load", this.z9);
$mjs(["abort", "error"]).j14(function (f) {
this.self.je1(f, this.onErrorHandler)
}, this)
} else {
this.ready = true
}
},
update: function (f, h) {
var g = this.ready;
this.unload();
var e = c.$new("a", {
href: f
});
if (true !== h && this.self.src.has(e.href) && 0 !== this.self.width) {
this.ready = g
} else {
this.z11(true);
this.self.src = f
}
e = null
},
z13: function () {
this.naturalWidth = this.self.naturalWidth || this.self.width;
this.naturalHeight = this.self.naturalHeight || this.self.height;
this.width = this.self.width;
this.height = this.self.height;
if (this.width == 0 && this.height == 0 && c.j21.webkit) {
this.width = this.self.naturalWidth;
this.height = this.self.naturalHeight
}
$mjs(["Left", "Right", "Top", "Bottom"]).j14(function (f) {
this.padding[f.toLowerCase()] = this.self.j19("padding" + f).j17();
this.border[f.toLowerCase()] = this.self.j19("border" + f + "Width").j17()
}, this);
if (c.j21.presto || (c.j21.trident && !c.j21.backCompat)) {
this.width -= this.padding.left + this.padding.right;
this.height -= this.padding.top + this.padding.bottom
}
},
getBox: function () {
var e = null;
e = this.self.j9();
return {
top: e.top + this.border.top,
bottom: e.bottom - this.border.bottom,
left: e.left + this.border.left,
right: e.right - this.border.right
}
},
z12: function () {
if (this.z10) {
this.z10.src = this.self.src;
this.self = null;
this.self = this.z10
}
},
load: function (e) {
if (this.ready) {
if (!this.width) {
(function () {
this.z13();
this._cleanup();
e.call()
}).j24(this).j27(1)
} else {
this._cleanup();
e.call()
}
} else {
if (!this.z9) {
e.call(this, false);
return
}
this.cb = e
}
},
unload: function () {
if (this.z9) {
this.self.je2("load", this.z9)
}
$mjs(["abort", "error"]).j14(function (e) {
this.self.je2(e, this.onErrorHandler)
}, this);
this.z9 = null;
this.cb = null;
this.width = null;
this.ready = false;
this._new = false
}
};
a.zoom = function () {
this.construct.apply(this, arguments)
};
a.zoom.prototype = {
construct: function (h, f, g) {
var e = {};
this.z28 = -1;
this.z30 = false;
this.ddx = 0;
this.ddy = 0;
this.firstRun = !(this.z47);
this.exOptions = this.firstRun ? {} : this.exOptions || {};
this.activatedEx = false;
this.z44 = null;
this.z1Holder = $mjs(window).j29("magiczoom:holder") || $mjs(window).j29("magiczoom:holder", c.$new("div").j6({
position: "absolute",
top: -10000,
width: 10,
height: 10,
overflow: "hidden"
}).j32(c.body));
this.options = c.detach(a.defaults);
if (h) {
this.c = $mjs(h)
}
this.divTag = ("div" == this.c.tagName.toLowerCase());
e = c.extend(e, this.z37());
e = c.extend(e, this.z37(this.c.rel));
e = c.extend(e, this.exOptions);
if (f) {
e = c.extend(e, c.extend(true === g ? this.exOptions : {}, this.z37(f)))
}
if (e.dragMode && !e.clickToActivate && undefined === e.alwaysShowZoom) {
e.alwaysShowZoom = true
}
c.extend(this.options, e);
this.options.hotspots += "";
if ("load" == this.options.initializeOn && c.defined(this.options.clickToInitialize) && "true" == this.options.clickToInitialize.toString()) {
this.options.initializeOn = "click"
}
if (c.defined(this.options.thumbChange) && this.options.thumbChange != this.options.selectorsChange) {
this.options.selectorsChange = this.options.thumbChange
}
if (this.firstRun && !this.divTag) {
this.id = this.originId = this.c.id || "";
if (!this.c.id) {
this.c.id = this.id = "zoom-" + Math.floor(Math.random() * c.now())
}
}
if ("inner" == this.options.zoomPosition && this.options.dragMode) {
this.options.moveOnClick = true
}
if (this.options.disableZoom) {
this.z30 = false;
this.options.clickToActivate = true;
this.options.hint = false
}("string" === c.j1(this.options.onready)) && ("function" === c.j1(window[this.options.onready])) && (this.options.onready = window[this.options.onready]);
if (h) {
this.lastSelector = null;
this.z14 = this.mousedown.j16(this);
this.z15 = this.mouseup.j16(this);
this.z16 = this.show.j24(this, true);
this.z17 = this.z29.j24(this);
this.z43Bind = this.z43.j16(this);
this.resizeBind = function (k) {
var j = $mjs(this.c).j29("magiczoom:window:size"),
i = $mjs(window).j7();
if (j.width !== i.width || j.height !== i.height) {
clearTimeout(this.resizeTimer);
this.resizeTimer = this.onresize.j24(this).j27(10);
$mjs(this.c).j30("magiczoom:window:size", i)
}
}.j16(this);
if (!this.divTag) {
this.c.je1("click", function (j) {
var i = j.getButton();
if (3 == i) {
return true
}
$mjs(j).stop();
if (!c.j21.trident) {
this.blur()
}
return false
})
}
this.c.je1("mousedown", this.z14);
this.c.je1("mouseup", this.z15);
if ("mouseover" == this.options.initializeOn) {
this.c.je1("mouseover", this.z14)
}
if (c.j21.touchScreen) {
this.c.j6({
"-webkit-user-select": "none",
"-webkit-touch-callout": "none",
"-webkit-tap-highlight-color": "transparent"
});
if (!this.options.disableZoom) {
this.c.je1("touchstart", this.z14);
this.c.je1("touchend", this.z15)
} else {
this.c.je1("click", function (i) {
i.preventDefault()
})
}
}
this.c.unselectable = "on";
this.c.style.MozUserSelect = "none";
this.c.je1("selectstart", c.$Ff);
if (!this.divTag) {
this.c.j6({
position: "relative",
display: (c.j21.gecko181) ? "block" : "inline-block",
textDecoration: "none",
outline: "0",
cursor: "hand",
overflow: "hidden"
});
if (c.j21.ieMode) {
this.c.j2("magic-for-ie" + c.j21.ieMode)
}
if (this.c.j5("textAlign") == "center") {
this.c.j6({
margin: "auto auto"
})
}
}
this.c.zoom = this
} else {
this.options.initializeOn = "load"
}
if (!this.options.rightClick) {
this.c.je1("contextmenu", c.$Ff)
}
if ("load" == this.options.initializeOn) {
this.z18()
} else {
if ("" !== this.originId) {
this.z26(true)
}
}
},
z18: function () {
var j, m, l, k, h;
if (!this.z7) {
this.z7 = new a.z48(this.c.firstChild);
this.z1 = new a.z48(this.c.href)
} else {
this.z1.update(this.c.href)
}
if (!this.z47) {
this.z47 = {
self: $mjs(document.createElement("DIV"))[(this.divTag) ? "j3" : "j2"]("MagicZoomBigImageCont").j6({
overflow: "hidden",
zIndex: this.options.zoomPosition == "inner" ? 100 : 10002,
top: "-100000px",
position: "absolute",
width: this.options.zoomWidth + "px",
height: this.options.zoomHeight + "px"
}),
zoom: this,
z21: "0px",
lastLeftPos: "0px",
initTopPos: 0,
initLeftPos: 0,
adjustX: {
edge: "left",
ratio: 1
},
adjustY: {
edge: "top",
ratio: 1
},
custom: false,
initWidth: this.options.zoomWidth,
initHeight: this.options.zoomHeight
};
if (!(c.j21.trident900 && c.j21.ieMode < 9)) {
switch (this.options.zoomWindowEffect) {
case "shadow":
this.z47.self.j2("MagicBoxShadow");
break;
case "glow":
this.z47.self.j2("MagicBoxGlow");
break;
default:
break
}
}
this.z47.hide = function () {
if (this.self.style.top != "-100000px" && this.zoom.z4 && !this.zoom.z4.z38) {
this.self.style.top = "-100000px"
}
if (this.self.parentNode === c.body) {
this.self.j32(this.zoom.z1Holder)
}
};
this.z47.z22 = this.z47.hide.j24(this.z47);
if (c.j21.trident4) {
j = $mjs(document.createElement("IFRAME"));
j.src = "javascript:''";
j.j6({
left: "0px",
top: "0px",
position: "absolute",
"z-index": -1
}).frameBorder = 0;
this.z47.z23 = this.z47.self.appendChild(j)
}
this.z47.z41 = $mjs(document.createElement("DIV")).j2("MagicZoomHeader").j6({
position: "relative",
zIndex: 10,
left: "0px",
top: "0px",
padding: "3px"
}).hide();
m = c.$new("DIV", {}, {
overflow: "hidden"
});
m.appendChild(this.z1.self);
this.z1.self.j6({
padding: "0px",
margin: "0px",
border: "0px",
width: "auto",
height: "auto"
});
if (this.options.showTitle == "bottom") {
this.z47.self.appendChild(m);
this.z47.self.appendChild(this.z47.z41)
} else {
this.z47.self.appendChild(this.z47.z41);
this.z47.self.appendChild(m)
}
this.z47.self.j32(this.z1Holder);
if ("undefined" !== typeof (h)) {
this.z47.g = $mjs(document.createElement("div")).j6({
color: h[1],
fontSize: h[2] + "px",
fontWeight: h[3],
fontFamily: "Tahoma",
position: "absolute",
"z-index": 10 + ("" + (this.z1.self.j5("z-index") || 0)).j17(),
width: h[5],
textAlign: h[4],
"line-height": "2em",
left: "0px"
}).changeContent(a.x7(h[0])).j32(this.z47.self, ((Math.floor(Math.random() * 101) + 1) % 2) ? "top" : "bottom")
}
}
this.z47.initWidth = this.options.zoomWidth;
this.z47.initHeight = this.options.zoomHeight;
this.z47.custom = false;
if (this.options.showTitle != "false" && this.options.showTitle != false) {
var i = this.z47.z41;
i.hide();
while (l = i.firstChild) {
i.removeChild(l)
}
if (this.options.titleSource == "title" && "" != this.c.title) {
i.appendChild(document.createTextNode(this.c.title));
i.show()
} else {
if (this.options.titleSource.has("#")) {
var n = this.options.titleSource.replace(/^#/, "");
if ($mjs(n)) {
i.changeContent($mjs(n).innerHTML);
i.show()
}
}
}
} else {
this.z47.z41.hide()
}
this.c.z46 = this.c.title;
this.c.title = "";
this.z7.load(this.z19.j24(this))
},
z19: function (e) {
if (!e && e !== undefined) {
return
}
if (!this.z7) {
return
}
if (!this.options.opacityReverse) {
this.z7.self.j23(1)
}
if (!this.divTag) {
this.c.j6({
width: "auto",
height: "auto"
})
}
if (this.options.showLoading && !this.options.disableZoom) {
this.z24 = setTimeout(this.z17, 400)
}
if (this.options.hotspots != "" && $mjs(this.options.hotspots)) {
this.z25()
}
if (this.c.id != "") {
this.z26()
}
this.z1.load(this.z20.j24(this))
},
z20: function (h) {
var g, f, i, e;
if (!h && h !== undefined) {
clearTimeout(this.z24);
if (this.options.showLoading && this.z3) {
this.z3.hide()
}
this.z28 = c.now();
return
}
if (!this.z7 || !this.z1) {
return
}
f = this.z7.self.j9();
this.z7Rect = f;
if (f.bottom == f.top) {
this.z20.j24(this).j27(500);
return
}
i = ("custom" == this.options.zoomPosition) ? this.c.id + "-big" : this.options.zoomPosition.has("#") ? this.options.zoomPosition.replace(/^#/, "") : null;
if (i && $mjs(i)) {
this.z47.custom = true;
$mjs(i).appendChild(this.z47.self)
} else {
if ("inner" == this.options.zoomPosition) {
this.c.appendChild(this.z47.self)
}
}
if (this.z7.width == 0 && c.j21.trident) {
this.z7.z13();
this.z1.z13();
!this.divTag && this.c.j6({
width: this.z7.width + "px"
})
}
g = this.z47.z41.j7();
if (/%$/i.test(this.options.zoomWidth)) {
this.options.zoomWidth = (parseInt(this.options.zoomWidth) / 100) * this.z7.width
}
if (/%$/i.test(this.options.zoomHeight)) {
this.options.zoomHeight = (parseInt(this.options.zoomHeight) / 100) * this.z7.height
}
this.z47.self.j6({
width: this.options.zoomWidth
});
g = this.z47.z41.j7();
if (this.options.fitZoomWindow || this.options.entireImage) {
if ((this.z1.width < this.options.zoomWidth) || this.options.entireImage) {
this.options.zoomWidth = this.z1.width;
this.z47.self.j6({
width: this.options.zoomWidth
});
g = this.z47.z41.j7()
}
if ((this.z1.height < this.options.zoomHeight) || this.options.entireImage) {
this.options.zoomHeight = this.z1.height + g.height
}
}
switch (this.options.zoomPosition) {
case "right":
this.z47.self.style.left = f.right + this.options.zoomDistance + "px";
this.z47.adjustX.edge = "right";
break;
case "left":
this.z47.self.style.left = f.left - this.options.zoomDistance - this.options.zoomWidth + "px";
break;
case "top":
this.z47.z21 = f.top - (this.options.zoomDistance + this.options.zoomHeight) + "px";
break;
case "bottom":
this.z47.z21 = f.bottom + this.options.zoomDistance + "px";
this.z47.adjustY.edge = "bottom";
break;
case "inner":
this.z47.self.j6({
left: "0px",
height: "100%",
width: "100%"
});
this.options.zoomWidth = this.z7.width;
this.options.zoomHeight = this.z7.height;
this.z47.z21 = "0px";
g = this.z47.z41.j7();
break;
default:
if (this.z47.custom) {
e = $mjs(this.z47.self.parentNode).j7();
if (/%$/i.test(this.z47.initWidth)) {
this.options.zoomWidth = (parseInt(this.z47.initWidth) / 100) * e.width
}
if (/%$/i.test(this.z47.initHeight)) {
this.options.zoomHeight = (parseInt(this.z47.initHeight) / 100) * e.height
}
this.z47.self.j6({
left: "0px",
width: this.options.zoomWidth
});
this.z47.z21 = "0px";
g = this.z47.z41.j7()
}
break
}
if (this.options.showTitle == "bottom") {
$mjs(this.z1.self.parentNode).j6Prop("height", this.options.zoomHeight - g.height)
}
this.z47.self.j6("inner" == this.options.zoomPosition ? {} : {
height: this.options.zoomHeight + "px",
width: this.options.zoomWidth + "px"
}).j23(1);
if (c.j21.trident4 && this.z47.z23) {
this.z47.z23.j6({
width: this.options.zoomWidth + "px",
height: this.options.zoomHeight + "px"
})
}
if (this.options.zoomPosition == "right" || this.options.zoomPosition == "left") {
if (this.options.zoomAlign == "center") {
this.z47.z21 = (f.bottom - (f.bottom - f.top) / 2 - this.options.zoomHeight / 2) + "px";
this.z47.adjustY = {
edge: "bottom",
ratio: 2
}
} else {
if (this.options.zoomAlign == "bottom") {
this.z47.z21 = (f.bottom - this.options.zoomHeight) + "px";
this.z47.adjustY.edge = "bottom"
} else {
this.z47.z21 = f.top + "px"
}
}
} else {
if (this.options.zoomPosition == "top" || this.options.zoomPosition == "bottom") {
if (this.options.zoomAlign == "center") {
this.z47.self.style.left = (f.right - (f.right - f.left) / 2 - this.options.zoomWidth / 2) + "px";
this.z47.adjustX = {
edge: "right",
ratio: 2
}
} else {
if (this.options.zoomAlign == "right") {
this.z47.self.style.left = (f.right - this.options.zoomWidth) + "px";
this.z47.adjustX.edge = "right"
} else {
this.z47.self.style.left = f.left + "px"
}
}
}
}
this.z47.initTopPos = parseInt(this.z47.z21, 10);
this.z47.initLeftPos = parseInt(this.z47.self.style.left, 10);
this.z47.lastLeftPos = this.z47.initLeftPos;
this.z47.z21 = this.z47.initTopPos;
this.zoomViewHeight = this.options.zoomHeight - g.height;
if (this.z47.g) {
this.z47.g.j6({
top: this.options.showTitle == "bottom" ? 0 : "auto",
bottom: this.options.showTitle == "bottom" ? "auto" : 0
})
}
this.z1.self.j6({
position: "relative",
borderWidth: "0px",
padding: "0px",
left: "0px",
top: "0px"
});
this.z27();
if (this.options.alwaysShowZoom) {
if (this.options.x == -1) {
this.options.x = this.z7.width / 2
}
if (this.options.y == -1) {
this.options.y = this.z7.height / 2
}
this.show()
} else {
if (this.options.zoomFade) {
this.z2 = new c.FX(this.z47.self, {
forceAnimation: "ios" === c.j21.platform
})
}
this.z47.self.j6({
top: "-100000px"
})
}
if (this.options.showLoading && this.z3) {
this.z3.hide()
}
this.c.je1("mousemove", this.z43Bind);
this.c.je1("mouseout", this.z43Bind);
if (c.j21.touchScreen) {
this.c.je1("touchstart", this.z43Bind);
this.c.je1("touchmove", this.z43Bind);
this.c.je1("touchend", this.z43Bind)
}
this.setupHint();
$mjs(this.c).j29("magiczoom:window:size", $mjs(window).j7());
$mjs(window).je1("resize", this.resizeBind);
if (!this.options.disableZoom && (!this.options.clickToActivate || "click" == this.options.initializeOn)) {
this.z30 = true
}
if ("click" == this.options.initializeOn && this.initMouseEvent) {
this.z43(this.initMouseEvent)
}
if (this.activatedEx) {
this.activate()
}
this.z28 = c.now();
!this.divTag && ("function" == c.j1(this.options.onready)) && this.options.onready.call(null, this.id, !this.firstRun)
},
setupHint: function () {
var i = /tr|br/i,
e = /bl|br|bc/i,
f = /bc|tc/i,
h = null;
this.hintVisible = undefined;
if (!this.options.hint) {
if (this.hint) {
this.hint.kill();
this.hint = undefined
}
return
}
if (!this.hint) {
this.hint = $mjs(document.createElement("DIV")).j2(this.options.hintClass).j6({
display: "block",
overflow: "hidden",
position: "absolute",
visibility: "hidden",
"z-index": 1
});
if (this.options.hintText != "") {
this.hint.appendChild(document.createTextNode(this.options.hintText))
}
this.c.appendChild(this.hint)
} else {
if (this.options.hintText != "") {
h = this.hint[(this.hint.firstChild) ? "replaceChild" : "appendChild"](document.createTextNode(this.options.hintText), this.hint.firstChild);
h = null
}
}
this.hint.j6({
left: "auto",
right: "auto",
top: "auto",
bottom: "auto",
display: "block",
opacity: (this.options.hintOpacity / 100),
"max-width": (this.z7.width - 4)
});
var g = this.hint.j7();
this.hint.j6Prop((i.test(this.options.hintPosition) ? "right" : "left"), (f.test(this.options.hintPosition) ? (this.z7.width - g.width) / 2 : 2)).j6Prop((e.test(this.options.hintPosition) ? "bottom" : "top"), 2);
this.hintVisible = true;
this.hint.show()
},
z29: function () {
if (this.z1.ready) {
return
}
this.z3 = $mjs(document.createElement("DIV")).j2(this.options.loadingClass).j23(this.options.loadingOpacity / 100).j6({
display: "block",
overflow: "hidden",
position: "absolute",
visibility: "hidden",
"z-index": 20,
"max-width": (this.z7.width - 4)
});
this.z3.appendChild(document.createTextNode(this.options.loadingMsg));
this.c.appendChild(this.z3);
var e = this.z3.j7();
this.z3.j6({
left: (this.options.loadingPositionX == -1 ? ((this.z7.width - e.width) / 2) : (this.options.loadingPositionX)) + "px",
top: (this.options.loadingPositionY == -1 ? ((this.z7.height - e.height) / 2) : (this.options.loadingPositionY)) + "px"
});
this.z3.show()
},
z26: function (g) {
var e, h, f = new RegExp("zoom\\-id(\\s+)?:(\\s+)?" + this.c.id + "($|;)");
this.selectors = $mjs([]);
c.$A(document.getElementsByTagName("A")).j14(function (j) {
if (f.test(j.rel)) {
if (!$mjs(j).z36) {
j.z36 = function (k) {
if (!c.j21.trident) {
this.blur()
}
$mjs(k).stop();
return false
};
j.je1("click", j.z36)
}
if (g) {
if (("mouseover" == this.options.initializeOn || "click" == this.options.initializeOn) && !$mjs(j).clickInitZoom) {
j.clickInitZoom = function (l, k) {
k.je2("click", k.clickInitZoom);
if (!!this.z7) {
return
}
$mjs(l).stop();
this.c.href = k.href;
this.c.firstChild.src = k.rev;
this.start(k.rel)
}.j16(this, j);
j.je1("click", j.clickInitZoom)
}
return
}
var i = c.$new("a", {
href: j.rev
});
(this.options.selectorsClass != "") && $mjs(j)[this.z1.self.src.has(j.href) && this.z7.self.src.has(i.href) ? "j2" : "j3"](this.options.selectorsClass);
if (this.z1.self.src.has(j.href) && this.z7.self.src.has(i.href)) {
this.lastSelector = j
}
i = null;
if (!j.z34) {
j.z34 = function (m, l) {
l = m.currentTarget || m.getTarget();
try {
while ("a" != l.tagName.toLowerCase()) {
l = l.parentNode
}
} catch (k) {
return
}
if (l.hasChild(m.getRelated())) {
return
}
if (m.type == "mouseout") {
if (this.z35) {
clearTimeout(this.z35)
}
this.z35 = false;
return
}
if (l.title != "") {
this.c.title = l.title
}
if (m.type == "mouseover") {
this.z35 = setTimeout(this.update.j24(this, l.href, l.rev, l.rel, l), this.options.selectorsMouseoverDelay)
} else {
this.update(l.href, l.rev, l.rel, l)
}
}.j16(this);
j.je1(this.options.selectorsChange, j.z34);
if (this.options.selectorsChange == "mouseover") {
j.je1("mouseout", j.z34)
}
}
j.j6({
outline: "0",
display: "inline-block"
});
if (this.options.preloadSelectorsSmall) {
h = new Image();
h.src = j.rev
}
if (this.options.preloadSelectorsBig) {
e = new Image();
e.src = j.href
}
this.selectors.push(j)
}
}, this)
},
stop: function (f) {
try {
this.pause();
this.c.je2("mousemove", this.z43Bind);
this.c.je2("mouseout", this.z43Bind);
if (c.j21.touchScreen) {
this.c.je2("touchmove", this.z43Bind);
this.c.je2("touchend", this.z43Bind)
}
if (undefined === f && this.z4) {
this.z4.self.hide()
}
if (this.z2) {
this.z2.stop()
}
this.z6 = null;
this.z30 = false;
if (this.selectors !== undefined) {
this.selectors.j14(function (e) {
if (this.options.selectorsClass != "") {
e.j3(this.options.selectorsClass)
}
if (undefined === f) {
e.je2(this.options.selectorsChange, e.z34);
if (this.options.selectorsChange == "mouseover") {
e.je2("mouseout", e.z34)
}
e.z34 = null;
e.je2("click", e.z36);
e.z36 = null
}
}, this)
}
if (this.options.hotspots != "" && $mjs(this.options.hotspots)) {
$mjs(this.options.hotspots).hide();
$mjs(this.options.hotspots).z31.insertBefore($mjs(this.options.hotspots), $mjs(this.options.hotspots).z32);
if (this.c.z33) {
this.c.removeChild(this.c.z33)
}
}
if (this.options.opacityReverse) {
this.c.j3("MagicZoomPup");
this.z7.self.j23(1)
}
this.z2 = null;
if (this.z3) {
this.c.removeChild(this.z3)
}
if (this.hint) {
this.hint.hide()
}
if (undefined === f) {
if (this.hint) {
this.c.removeChild(this.hint)
}
this.hint = null;
this.z1.unload();
this.z7.unload();
(this.z4 && this.z4.self) && this.c.removeChild(this.z4.self);
(this.z47 && this.z47.self) && this.z47.self.parentNode.removeChild(this.z47.self);
this.z4 = null;
this.z47 = null;
this.z1 = null;
this.z7 = null;
if (!this.options.rightClick) {
this.c.je2("contextmenu", c.$Ff)
}
if ("" === this.originId) {
this.c.removeAttribute("id")
} else {
this.c.id = this.originId
}
$mjs(window).je2("resize", this.resizeBind)
}
if (this.z24) {
clearTimeout(this.z24);
this.z24 = null
}
this.z44 = null;
this.c.z33 = null;
this.z3 = null;
if (this.c.title == "") {
this.c.title = this.c.z46
}
this.z28 = -1
} catch (g) {}
},
start: function (f, e) {
if (this.z28 != -1) {
return
}
this.construct(false, f, (null === e || undefined === e))
},
update: function (w, l, f, v) {
var g, z, e, i, q, h, B = null,
s = null,
j = this.lastSelector,
k, m, y, r, o, p, C, A, n;
v = v || null;
if (c.now() - this.z28 < 300 || this.z28 == -1 || this.ufx) {
this.z35 && clearTimeout(this.z35);
g = 300 - c.now() + this.z28;
if (this.z28 == -1) {
g = 300
}
this.z35 = setTimeout(this.update.j24(this, w, l, f, v), g);
return
}
if (v && this.lastSelector == v) {
return
} else {
this.lastSelector = v
}
z = function (D) {
if (undefined != w) {
this.c.href = w
}
if (undefined === f) {
f = ""
}
if (this.options.preservePosition) {
f = "x: " + this.options.x + "; y: " + this.options.y + "; " + f
}
if (undefined != l) {
this.z7.update(l)
}
if (D !== undefined) {
this.z7.load(D)
}
};
this.z7.z13();
i = this.z7.width;
q = this.z7.height;
this.stop(true);
if (this.options.selectorsEffect != "false" && undefined !== l) {
this.ufx = true;
var x = $mjs(this.c.cloneNode(true)).j6({
position: "absolute",
top: 0,
left: 0,
width: ""
});
var u = c.$new("div", {
id: this.c.parentNode.id,
"class": this.c.parentNode.className
}).j2("mz-tmp-clone").j6({
width: $mjs(this.c.parentNode).j5("width"),
"max-width": $mjs(this.c.parentNode).j5("max-width")
});
if ("td" === this.c.parentNode.tagName.toLocaleLowerCase()) {
this.c.parentNode.insertBefore(u, this.c)
} else {
this.c.parentNode.parentNode.insertBefore(u, this.c.parentNode)
}
u.append(x);
c.j21.chrome && u.j7();
if (c.j21.ieMode && c.j21.ieMode < 8) {
$mjs(x.firstChild).j23(1)
}
h = new a.z48(x.firstChild);
h.update(l);
if ("pounce" == this.options.selectorsEffect) {
n = this.c.href;
k = this.selectors.filter(function (D) {
return D.href.has(n)
});
k = (k[0]) ? $mjs(k[0].byTag("img")[0] || k[0]) : this.z7.self;
m = this.selectors.filter(function (D) {
return D.href.has(w)
});
m = (m[0]) ? $mjs(m[0].byTag("img")[0] || m[0]) : null;
if (null == m) {
m = this.z7.self;
k = this.z7.self
}
r = this.z7.self.j8(), o = k.j8(), p = m.j8(), A = k.j7(), C = m.j7()
}
e = function (F) {
var D = {},
H = {},
G = {},
I = null,
E = null;
if (false === F) {
h.unload();
$mjs(h.self).j33();
h = null;
u.j33();
this.ufx = false;
if (s) {
s.state = "inz30"
}
this.lastSelector = j;
this.start(null, j);
return
}
if (c.j21.ieMode && c.j21.ieMode < 8 && (i === h.width || 0 === h.width)) {
h.self.j6Prop("zoom", 1);
u.j7();
h.z13()
}
if ("pounce" == this.options.selectorsEffect) {
D.width = [i, A.width];
D.height = [q, A.height];
D.top = [r.top, o.top];
D.left = [r.left, o.left];
H.width = [C.width, h.width];
H.height = [C.height, h.height];
H.top = [p.top, r.top];
u.j6({
padding: ""
});
x.j23(0).j6({
height: 0,
width: h.width,
position: "relative"
});
H.left = [p.left, x.j8().left];
G.width = [i, h.width];
h.self.j32(c.body).j6({
position: "absolute",
"z-index": 5001,
left: H.left[0],
top: H.top[0],
width: H.width[0],
height: H.height[0]
});
I = $mjs(this.c.firstChild.cloneNode(false)).j32(c.body).j6({
position: "absolute",
"z-index": 5000,
left: D.left[0],
top: D.top[0],
visibility: "visible"
});
$mjs(this.c.firstChild).j6({
visibility: "hidden"
});
u.j33();
E = this.c.j5("border-width");
this.c.j6Prop("border-width", 0)
} else {
h.self.j32(this.c).j6({
position: "absolute",
"z-index": 5001,
opacity: 0,
left: "0px",
top: "0px",
height: "auto"
});
I = $mjs(this.c.firstChild.cloneNode(false)).j32(this.c).j6({
position: "absolute",
"z-index": 5000,
left: "0px",
top: "0px",
visibility: "visible",
height: "auto"
});
$mjs(this.c.firstChild).j6({
visibility: "hidden"
});
u.j33();
H = {
opacity: [0, 1]
};
if (i != h.width || q != h.height) {
G.width = H.width = D.width = [i, h.width];
G.height = H.height = D.height = [q, h.height]
}
if (this.options.selectorsEffect == "fade") {
D.opacity = [1, 0]
}
}
new c.PFX([this.c, h.self, (I || this.c.firstChild)], {
duration: this.options.selectorsEffectSpeed,
onComplete: function () {
if (I) {
I.j33();
I = null
}
if (null !== E) {
this.c.j6Prop("border-width", E)
}
z.call(this, function () {
h.unload();
$mjs(this.c.firstChild).j6({
visibility: "visible"
});
$mjs(h.self).j33();
h = null;
if (D.opacity) {
$mjs(this.c.firstChild).j6({
opacity: 1
})
}
this.ufx = false;
this.start(f, v);
if (B) {
B.j27(10)
}
}.j24(this))
}.j24(this)
}).start([G, H, D])
};
h.load(e.j24(this))
} else {
z.call(this, function () {
this.c.j6({
width: this.z7.width + "px",
height: this.z7.height + "px"
});
this.start(f, v);
if (B) {
B.j27(10)
}
}.j24(this))
}
},
z37: function (f) {
var e, j, h, g;
e = null;
j = [];
f = f || "";
if ("" == f) {
for (g in a.options) {
e = a.options[g];
switch (c.j1(a.defaults[g.j22()])) {
case "boolean":
e = e.toString().j18();
break;
case "number":
if (!("zoomWidth" === g.j22() || "zoomHeight" === g.j22()) || !/\%$/i.test(e)) {
e = parseFloat(e)
}
break;
default:
break
}
j[g.j22()] = e
}
} else {
h = $mjs(f.split(";"));
h.j14(function (i) {
a.z39.j14(function (k) {
e = k.exec(i.j26());
if (e) {
switch (c.j1(a.defaults[e[1].j22()])) {
case "boolean":
j[e[1].j22()] = e[4] === "true";
break;
case "number":
j[e[1].j22()] = (("zoomWidth" === e[1].j22() || "zoomHeight" === e[1].j22()) && /\%$/.test(e[4])) ? e[4] : parseFloat(e[4]);
break;
default:
j[e[1].j22()] = e[4]
}
}
}, this)
}, this)
}
if (false === j.selectorsEffect) {
j.selectorsEffect = "false"
}
return j
},
z27: function () {
var f, e;
if (!this.z4) {
this.z4 = {
self: $mjs(document.createElement("DIV")).j2("MagicZoomPup").j6({
zIndex: 10,
position: "absolute",
overflow: "hidden"
}).hide(),
width: 20,
height: 20,
bgColor: ""
};
this.c.appendChild(this.z4.self);
this.z4.bgColor = this.z4.self.j5("background-color")
}
if (this.options.entireImage) {
this.z4.self.j6({
"border-width": "0px",
cursor: "default"
})
}
this.z4.z38 = false;
this.z4.height = this.zoomViewHeight / (this.z1.height / this.z7.height);
this.z4.width = this.options.zoomWidth / (this.z1.width / this.z7.width);
if (this.z4.width > this.z7.width) {
this.z4.width = this.z7.width
}
if (this.z4.height > this.z7.height) {
this.z4.height = this.z7.height
}
this.z4.width = Math.round(this.z4.width);
this.z4.height = Math.round(this.z4.height);
this.z4.borderWidth = this.z4.self.j19("borderLeftWidth").j17();
this.z4.self.j6({
width: (this.z4.width - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px",
height: (this.z4.height - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px"
});
if (!this.options.opacityReverse && !this.options.rightClick) {
this.z4.self.j23(parseFloat(this.options.opacity / 100));
if (this.z4.z42) {
this.z4.self.removeChild(this.z4.z42);
this.z4.z42 = null
}
} else {
if (this.z4.z42) {
this.z4.z42.src = this.z7.self.src
} else {
f = this.z7.self.cloneNode(false);
f.unselectable = "on";
this.z4.z42 = $mjs(this.z4.self.appendChild(f)).j6({
position: "absolute",
zIndex: 5
})
}
if (this.options.opacityReverse) {
this.z4.z42.j6(this.z7.self.j7());
this.z4.self.j23(1);
if (c.j21.ieMode && c.j21.ieMode < 9) {
this.z4.z42.j23(1)
}
} else {
if (this.options.rightClick) {
this.z4.z42.j23(0.009)
}
this.z4.self.j23(parseFloat(this.options.opacity / 100))
}
}
},
z43: function (h, f) {
if (!this.z30 || h === undefined || h.skipAnimation) {
return false
}
if (!this.z4) {
return false
}
var i = (/touch/i).test(h.type) && h.touches.length > 1;
var g = ("touchend" == h.type && !h.continueAnimation);
if ((!this.divTag || h.type != "mouseout") && !i) {
$mjs(h).stop()
}
if (f === undefined) {
f = $mjs(h).j15()
}
if (this.z6 === null || this.z6 === undefined) {
this.z6 = this.z7.getBox()
}
if (g || ("mouseout" == h.type && !this.c.hasChild(h.getRelated())) || i || f.x > this.z6.right || f.x < this.z6.left || f.y > this.z6.bottom || f.y < this.z6.top) {
this.pause();
return false
}
this.activatedEx = false;
if (h.type == "mouseout" || h.type == "touchend") {
return false
}
if (this.options.dragMode && !this.z45) {
return false
}
if (!this.options.moveOnClick) {
f.x -= this.ddx;
f.y -= this.ddy
}
if ((f.x + this.z4.width / 2) >= this.z6.right) {
f.x = this.z6.right - this.z4.width / 2
}
if ((f.x - this.z4.width / 2) <= this.z6.left) {
f.x = this.z6.left + this.z4.width / 2
}
if ((f.y + this.z4.height / 2) >= this.z6.bottom) {
f.y = this.z6.bottom - this.z4.height / 2
}
if ((f.y - this.z4.height / 2) <= this.z6.top) {
f.y = this.z6.top + this.z4.height / 2
}
this.options.x = f.x - this.z6.left;
this.options.y = f.y - this.z6.top;
if (this.z44 === null) {
this.z44 = setTimeout(this.z16, 10)
}
if (c.defined(this.hintVisible) && this.hintVisible) {
this.hintVisible = false;
this.hint.hide()
}
return true
},
show: function (i) {
if (i && !this.z44) {
return
}
var o, l, h, g, n, m, k, j, f, e = this.options,
p = this.z4;
o = p.width / 2;
l = p.height / 2;
p.self.style.left = e.x - o + this.z7.border.left + "px";
p.self.style.top = e.y - l + this.z7.border.top + "px";
if (this.options.opacityReverse) {
p.z42.style.left = "-" + (parseFloat(p.self.style.left) + p.borderWidth) + "px";
p.z42.style.top = "-" + (parseFloat(p.self.style.top) + p.borderWidth) + "px"
}
h = (this.options.x - o) * (this.z1.width / this.z7.width);
g = (this.options.y - l) * (this.z1.height / this.z7.height);
if (this.z1.width - h < e.zoomWidth) {
h = this.z1.width - e.zoomWidth;
if (h < 0) {
h = 0
}
}
if (this.z1.height - g < this.zoomViewHeight) {
g = this.z1.height - this.zoomViewHeight;
if (g < 0) {
g = 0
}
}
if (document.documentElement.dir == "rtl") {
h = (e.x + p.width / 2 - this.z7.width) * (this.z1.width / this.z7.width)
}
h = Math.round(h);
g = Math.round(g);
if (e.smoothing === false || (!p.z38)) {
this.z1.self.style.left = (-h) + "px";
this.z1.self.style.top = (-g) + "px"
} else {
n = parseInt(this.z1.self.style.left);
m = parseInt(this.z1.self.style.top);
k = (-h - n);
j = (-g - m);
if (!k && !j) {
this.z44 = null;
return
}
k *= e.smoothingSpeed / 100;
if (k < 1 && k > 0) {
k = 1
} else {
if (k > -1 && k < 0) {
k = -1
}
}
n += k;
j *= e.smoothingSpeed / 100;
if (j < 1 && j > 0) {
j = 1
} else {
if (j > -1 && j < 0) {
j = -1
}
}
m += j;
this.z1.self.style.left = n + "px";
this.z1.self.style.top = m + "px"
}
if (!p.z38) {
if (this.z2) {
this.z2.stop();
this.z2.options.onComplete = c.$F;
this.z2.options.duration = e.zoomFadeInSpeed;
this.z47.self.j23(0);
this.z2.start({
opacity: [0, 1]
})
}
if (/^(left|right|top|bottom)$/i.test(e.zoomPosition)) {
this.z47.self.j32(c.body)
}
if (e.zoomPosition != "inner") {
p.self.show()
}
this.z47.self.j6(this.adjustPosition(/^(left|right|top|bottom)$/i.test(e.zoomPosition) && !this.options.alwaysShowZoom));
if (e.opacityReverse) {
this.c.j6Prop("background-color", this.z4.bgColor);
this.z7.self.j23(parseFloat((100 - e.opacity) / 100))
}
p.z38 = true
}
if (this.z44) {
this.z44 = setTimeout(this.z16, 1000 / e.fps)
}
},
adjustPosition: function (m) {
var f = this.getViewPort(5),
e = this.z7.self.j9(),
j = this.options.zoomPosition,
i = this.z47,
g = this.options.zoomDistance,
n = i.self.j7(),
l = i.initTopPos,
h = i.initLeftPos,
k = {
left: i.initLeftPos,
top: i.initTopPos
};
if ("inner" === j || this.z47.custom) {
return k
}
m || (m = false);
i.lastLeftPos += (e[i.adjustX.edge] - this.z7Rect[i.adjustX.edge]) / i.adjustX.ratio;
i.z21 += (e[i.adjustY.edge] - this.z7Rect[i.adjustY.edge]) / i.adjustY.ratio;
this.z7Rect = e;
k.left = h = i.lastLeftPos;
k.top = l = i.z21;
if (m) {
if ("left" == j || "right" == j) {
if ("left" == j && f.left > h) {
k.left = (e.left - f.left >= n.width) ? (e.left - n.width - 2) : (f.right - e.right - 2 > e.left - f.left - 2) ? (e.right + 2) : (e.left - n.width - 2)
} else {
if ("right" == j && f.right < h + n.width) {
k.left = (f.right - e.right >= n.width) ? (e.right + 2) : (e.left - f.left - 2 > f.right - e.right - 2) ? (e.left - n.width - 2) : (e.right + 2)
}
}
} else {
if ("top" == j || "bottom" == j) {
k.left = Math.max(f.left + 2, Math.min(f.right, h + n.width) - n.width);
if ("top" == j && f.top > l) {
k.top = (e.top - f.top >= n.height) ? (e.top - n.height - 2) : (f.bottom - e.bottom - 2 > e.top - f.top - 2) ? (e.bottom + 2) : (e.top - n.height - 2)
} else {
if ("bottom" == j && f.bottom < l + n.height) {
k.top = (f.bottom - e.bottom >= n.height) ? (e.bottom + 2) : (e.top - f.top - 2 > f.bottom - e.bottom - 2) ? (e.top - n.height - 2) : (e.bottom + 2)
}
}
}
}
}
return k
},
getViewPort: function (g) {
g = g || 0;
var f = (c.j21.touchScreen) ? {
width: window.innerWidth,
height: window.innerHeight
} : $mjs(window).j7(),
e = $mjs(window).j10();
return {
left: e.x + g,
right: e.x + f.width - g,
top: e.y + g,
bottom: e.y + f.height - g
}
},
onresize: function (i) {
if (!this.z7 || !this.z7.ready) {
return
}
var g, f, h = {
width: this.z7.width,
height: this.z7.height
};
this.z7.z13();
if (this.z47.custom) {
f = $mjs(this.z47.self.parentNode).j7();
if (/%$/i.test(this.z47.initWidth)) {
this.options.zoomWidth = (parseInt(this.z47.initWidth) / 100) * f.width
}
if (/%$/i.test(this.z47.initHeight)) {
this.options.zoomHeight = (parseInt(this.z47.initHeight) / 100) * f.height
}
} else {
if ("inner" === this.options.zoomPosition) {
this.options.zoomWidth = this.z7.width;
this.options.zoomHeight = this.z7.height
} else {
this.options.zoomWidth *= this.z7.width / h.width;
this.options.zoomHeight *= this.z7.height / h.height
}
}
g = this.z47.z41.j7();
this.zoomViewHeight = this.options.zoomHeight - g.height;
if (this.options.showTitle == "bottom") {
$mjs(this.z1.self.parentNode).j6Prop("height", this.options.zoomHeight - g.height)
}
this.z47.self.j6("inner" == this.options.zoomPosition ? {} : {
height: this.options.zoomHeight + "px",
width: this.options.zoomWidth + "px"
});
if (c.j21.trident4 && this.z47.z23) {
this.z47.z23.j6({
width: this.options.zoomWidth,
height: this.options.zoomHeight
})
}
if (this.options.opacityReverse && this.z4.z42) {
this.z4.z42.j6(this.z7.self.j7())
}
this.z4.height = this.zoomViewHeight / (this.z1.height / this.z7.height);
this.z4.width = this.options.zoomWidth / (this.z1.width / this.z7.width);
if (this.z4.width > this.z7.width) {
this.z4.width = this.z7.width
}
if (this.z4.height > this.z7.height) {
this.z4.height = this.z7.height
}
this.z4.width = Math.round(this.z4.width);
this.z4.height = Math.round(this.z4.height);
this.z4.borderWidth = this.z4.self.j19("borderLeftWidth").j17();
this.z4.self.j6({
width: (this.z4.width - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px",
height: (this.z4.height - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px"
});
if (this.z4.z38) {
this.z47.self.j6(this.adjustPosition(/^(left|right|top|bottom)$/i.test(this.options.zoomPosition) && !this.options.alwaysShowZoom));
this.options.x *= this.z7.width / h.width;
this.options.y *= this.z7.height / h.height;
this.show()
}
},
activate: function (f, g) {
f = (c.defined(f)) ? f : true;
this.activatedEx = true;
if (!this.z1) {
this.z18();
return
}
if (this.options.disableZoom) {
return
}
this.z30 = true;
if (f) {
if (c.defined(g)) {
this.z43(g);
return
}
if (!this.options.preservePosition) {
this.options.x = this.z7.width / 2;
this.options.y = this.z7.height / 2
}
this.show()
}
},
pause: function () {
var e = this.z4 && this.z4.z38;
if (this.z44) {
clearTimeout(this.z44);
this.z44 = null
}
if (!this.options.alwaysShowZoom && this.z4 && this.z4.z38) {
this.z4.z38 = false;
this.z4.self.hide();
if (this.z2) {
this.z2.stop();
this.z2.options.onComplete = this.z47.z22;
this.z2.options.duration = this.options.zoomFadeOutSpeed;
var f = this.z47.self.j19("opacity");
this.z2.start({
opacity: [f, 0]
})
} else {
this.z47.hide()
}
if (this.options.opacityReverse) {
this.c.j6Prop("background-color", "");
this.z7.self.j23(1)
}
}
this.z6 = null;
if (this.options.clickToActivate) {
this.z30 = false
}
if (this.options.dragMode) {
this.z45 = false
}
if (this.hint) {
this.hintVisible = true;
this.hint.show()
}
},
mousedown: function (i) {
var f = i.getButton(),
h = (/touch/i).test(i.type),
j = c.now();
if (3 == f) {
return true
}
if (h) {
if (i.targetTouches.length > 1) {
return
}
this.c.j30("magiczoom:event:lastTap", {
id: i.targetTouches[0].identifier,
x: i.targetTouches[0].clientX,
y: i.targetTouches[0].clientY,
ts: j
});
if (this.z1 && this.z1.ready && !this.z30) {
return
}
}
if (!(h && i.touches.length > 1)) {
$mjs(i).stop()
}
if ("click" == this.options.initializeOn && !this.z7) {
this.initMouseEvent = i;
this.z18();
return
}
if ("mouseover" == this.options.initializeOn && !this.z7 && (i.type == "mouseover" || i.type == "touchstart")) {
this.initMouseEvent = i;
this.z18();
this.c.je2("mouseover", this.z14);
return
}
if (this.options.disableZoom) {
return
}
if (this.z7 && !this.z1.ready) {
return
}
if (this.z1 && this.options.clickToDeactivate && this.z30 && !h) {
this.z30 = false;
this.pause();
return
}
if (this.z1 && !this.z30) {
this.activate(true, i);
i.stopImmediatePropagation && i.stopImmediatePropagation()
}
if (this.z30 && this.options.dragMode) {
this.z45 = true;
if (!this.options.moveOnClick) {
if (this.z6 === null || this.z6 === undefined) {
this.z6 = this.z7.getBox()
}
var g = i.j15();
this.ddx = g.x - this.options.x - this.z6.left;
this.ddy = g.y - this.options.y - this.z6.top;
if (Math.abs(this.ddx) > this.z4.width / 2 || Math.abs(this.ddy) > this.z4.height / 2) {
this.z45 = false;
return
}
} else {
this.z43(i)
}
}
},
mouseup: function (i) {
var f = i.getButton(),
h = (/touch/i).test(i.type),
k = c.now(),
j = null,
g = this.options.preservePosition;
if (3 == f) {
return true
}
if (h) {
j = this.c.j29("magiczoom:event:lastTap");
if (!j || i.targetTouches.length > 1) {
return
}
if (j.id == i.changedTouches[0].identifier && k - j.ts <= 200 && Math.sqrt(Math.pow(i.changedTouches[0].clientX - j.x, 2) + Math.pow(i.changedTouches[0].clientY - j.y, 2)) <= 15) {
if (this.z1 && this.z1.ready && !this.z30) {
if (this.z6 === null || this.z6 === undefined) {
this.z6 = this.z7.getBox()
}
this.options.preservePosition = true;
this.options.x = i.j15().x - this.z6.left;
this.options.y = i.j15().y - this.z6.top;
this.activate(true);
this.options.preservePosition = g;
this.options.dragMode && (this.z45 = true);
this.ddx = 0;
this.ddy = 0;
i.continueAnimation = true;
i.zoomActivation = true;
i.stopImmediatePropagation && i.stopImmediatePropagation()
}
$mjs(i).stop();
return
}
}
$mjs(i).stop();
if (this.options.dragMode) {
this.z45 = false
}
}
};
if (c.j21.trident) {
try {
document.execCommand("BackgroundImageCache", false, true)
} catch (b) {}
}
$mjs(document).je1("domready", function () {
c.insertCSS(".mz-tmp-clone", "margin: 0 !important;border: 0 !important;padding: 0 !important;position: relative !important;height: 0 !important;min-height: 0 !important;z-index: -1;opacity: 0;", "mz-css");
$mjs(document).je1("mousemove", a.z8);
a.refresh()
});
return a
})(magicJS);
Reference in New Issue Copy Permalink