Galaxy Watch3
Встроенные датчики давления, уровня кислорода в крови, ЭКГ
Теперь контролировать свое здоровье стало еще легче! Инновационные Galaxy Watch3 безупречно сочетают переосмысленный классический дизайн и функциональность смартфона с новейшими технологиями мониторинга показателей здоровья. Уникальные в своем роде Galaxy Watch3 помогут вам легко контролировать вашу активность и состояние здоровья. Теперь ваше самочувствие в ваших руках.1, 2, 3, 4
Теперь экран стал больше, и самое важное стало еще заметнее. Новые Galaxy Watch3 стали элегантнее – теперь они тоньше и легче предыдущей модели и особенно комфортно ощущаются на запястье.6
Ремешок из натуральной кожи со специальной обработкой от выцветания подчеркивает премиальный дизайн Galaxy Watch3. Материал добавляет элегантности инновационному устройству и придает шик классических кварцевых часов.
li"), yt = it.length), d || (d = t('').appendTo(p)), "static" == d.css("position") && d.css("position", "relative"), "auto" == d.css("zIndex") && d.css("zIndex", 0), p.css("overflow", "hidden"), !B && D && 2 > yt && (D = !1), I && yt > 1 ? ("pre" == z ? (_ = I[0], g = I[1]) : (m = t('').appendTo(p), _ = t("<" + I + ' class="prev">Prev' + I + ">").appendTo(m), g = t("<" + I + ' class="next">Next' + I + ">").appendTo(m)), _.attr("data-flag", "prev").click(zt), g.attr("data-flag", "next").click(Yt)) : 2 > yt && ("pre" == I && (I[0].remove(), I[1].remove()), I = null), Y) if ("pre" == F) v = t(Y), y = v.children(); else for (v = t('').appendTo(p), y = [], vt = 0; vt < yt; vt++) y[vt] = t("<" + F + " />"), y[vt][0].innerHTML = vt + 1;
for (vt = 0; vt < yt; vt++) it[vt] = t(it[vt]), U || (it[vt] = t(it[vt]).css({
left: B ? 0 : "200%",
top: 0,
width: "100%",
display: vt == xt ? "" : "none"
}), it[vt].appendTo(d), it[vt].find("a, button, input, textarea").attr("data-xlider-page", vt).focus(Zt)), it[0].parent().parent().hasClass("g-contents") && it[vt].addClass("hide"), Y && (y[vt] = t(y[vt]).attr("data-page", vt).click(kt).appendTo(v));
L && (window.navigator.pointerEnabled ? d[0].style.cssText += "touch-action: pan-y;" : window.navigator.msPointerEnabled && (d[0].style.cssText += "-ms-touch-action: pan-y;"), d.closest("article").find(".img-drag").length ? (d.closest("article").find(".img-drag").bind(h({mousedown: Mt})), d.closest("article").find(".img-drag").bind("selectstart dragstart", function () {
return !1
})) : (d.bind(h({mousedown: Mt})), d.bind("selectstart dragstart", function () {
return !1
}))), p.bind("xlider-prev", function (t, e) {
zt(t, !1, e.noAnimation)
}), p.bind("xlider-next", function (t, e) {
Yt(t, !1, e.noAnimation)
}), p.bind("xlider-jump", function (t, e) {
Ft(e)
}), p.bind("xlider-change", function (t, e) {
It(e)
}), p.bind("xlider-toggleAuto", function (t, e) {
e.v = function (t) {
(lt = "boolean" == typeof t ? t : !lt) ? Qt() : $t();
return lt
}(e.value)
}), p.bind("xlider-remove", Ot), b = t('').css("opacity", 0), qt(), Gt(), jt(), Ht(), u.push(Gt);
var wt, Tt = "", Pt = !0;
return {
jump: function (t) {
if (t instanceof Object) Ft(t); else {
if ("number" != typeof t) return console.warn("xlider variable Type Error!!");
Ft({to: t})
}
}, change: It, changeNew: kt, toNext: Yt, toPrev: zt, resize: Gt, remove: Ot, changeEnd: jt
}
}
function St() {
if (U) if (t("html").hasClass("s" + Z) || "all" == Z) {
if (!mt) {
if (d && d.length) for (vt = 0; vt < yt; vt++) {
var e = Math.ceil(Q / 2);
if (it[vt] = t(it[vt]).attr("data-call", vt), vt < e) {
var s = Math.ceil(yt - 1 - vt);
d.prepend(it[s])
}
}
mt = !0
}
d && d.length && function (e) {
if (U) {
var s = Math.ceil(d.css("transform").split(",")[4]);
t.browser.ie > 9 && (s = Math.ceil(d.css("transform").split(",")[12]));
var r = i.width() / 2,
n = (Math.floor(d.find(" > li").eq(yt - 1).css("marginLeft").replace("px", "")), d.find(" > li").eq(yt - 1).innerWidth()),
a = d.find(" > li.show").offset().left, o = a + n / 2 - r;
if (at && s) o = a + n / 2 - r - s; else if (d.find("img").length) {
var h = d.find("img").length, l = 0;
d.find("img").each(function () {
var e, i;
e = t(this), i = function () {
++l >= h && Gt()
}, e[0].complete ? (e.unbind({load: i}), i.call(e)) : e[0].src == e[0].src ? e[0].complete ? (e.unbind({load: i}), i.call(e)) : e.unbind({load: i}).bind({load: i}) : (e.bind({load: i}), e[0].src = e[0].src)
})
}
$ ? d._animate({translate3dX: -o}, {
duration: 550,
easing: "easeOutCubic",
force3D: !0
}) : d._css({translate3dX: -o}), at = !0
}
}()
} else if (mt) {
if (d && d.length) for (d.html(""), vt = 0; vt < yt; vt++) it[vt] = t(it[vt]).attr("data-call", vt), it[vt].appendTo(d), vt == yt - 1 && et && et.call();
mt = !1
}
}
function kt(e) {
if (e = "number" == typeof e ? e + "" : null, U) {
var i = e || t(this).attr("data-page");
if (i += "", !rt || i == xt) return !1;
var s = d.find("> li.show").index(), r = [], n = d.find("> li").length;
for (vt = 0; vt < n; vt++) r[vt] = d.find("> li").eq(vt).attr("data-call");
var a = r.indexOf(i);
dt && Ct(a - s)
} else e = e || this.getAttribute("data-page"), Ft({to: parseInt(e)});
return !1
}
function Ct(e) {
dt = !1;
var i, s, r, a = Math.floor(d.find(" > li").eq(yt - 1).css("marginLeft").replace("px", "")),
o = d.find(" > li").eq(yt - 1).outerWidth() + 2 * a, h = d.find(" > li.show").index(),
l = d.find(" > li").eq(h + e).attr("data-call"), c = 1,
u = Math.ceil(d.css("transform").split(",")[4]);
t.browser.ie > 9 && (u = Math.ceil(d.css("transform").split(",")[12]));
var f = Math.abs(e), m = !1, _ = 0;
t.browser.mobile && (_ = 10);
r = setInterval(function () {
var a = Math.ceil(d.css("transform").split(",")[4]);
t.browser.ie > 9 && (a = Math.ceil(d.css("transform").split(",")[12])), m ? (s = u, m = !1) : s = e > 0 ? a - V : a + V, d._css({translate3dX: s});
var h = Math.ceil(d.css("transform").split(",")[4]);
t.browser.ie > 9 && (h = Math.ceil(d.css("transform").split(",")[12]));
var p = h - u;
n && ot && (p = Math.abs(p) + Math.abs(E - u)), o < Math.abs(p) && function () {
i = e > 0 ? 0 : yt - 1;
var t = d.find("> li").eq(i).attr("data-call");
d.find("> li").eq(i).remove(), 0 != i ? d.prepend(it[t]) : d.append(it[t]), e > 0 ? u + Math.abs(o) : u - Math.abs(o), c++, m = !0
}(), c == f + 1 && (clearInterval(r), n && ot ? d._css({translate3dX: E}) : d._css({translate3dX: u}), xt = l, qt(), jt(), ot = !1, n ? setTimeout(function () {
dt = !0, ht = !0
}, 100) : (dt = !0, ht = !0))
}, _), xt = 1 * l, J && J.call(p, xt, yt)
}
function Ot(e) {
for (vt = 0; vt < yt; vt++) it[vt].find("a, button, input, textarea").removeAttr("data-xlider-page"), c.test(d[0].nodeName) || it[vt].appendTo(p), Y && ("pre" != F ? y[vt].remove() : y[vt].unbind("click"));
for (d._css({
position: "",
translate3dX: ""
}).removeClass(ut), d.unbind(h({mousedown: Mt})), c.test(d[0].nodeName) || d.remove(), Y && "pre" != F && v.remove(), I && ("pre" != z ? (_.remove(), g.remove()) : (_.unbind("click"), g.unbind("click"))), x && x.remove(), gt && (d.removeAttr("style"), v.empty(), it.each(function () {
t(this).removeAttr("style")
})), b.remove(), p.unbind("xlider-prev xlider-next xlider-jump xlider-change xlider-toggleAuto xlider-remove"), p = d = _ = g = y = null, vt = 0, yt = u.length; vt < yt; vt++) if (u[vt] == Gt) {
u.splice(vt, 1);
break
}
}
function Mt(i) {
if (Ut(), $t(), !U || "all" == Z || t("html").hasClass("s" + Z)) {
if (S = C = l(i)[0], wt = S, a && (15 > S || S > e - 15)) return !0;
if (k = l(i)[1], M = (new Date).getTime(), A = 0, O = !1, !dt && n) return !1;
if (!ht) return !1;
t.support.transform && (R = Math.ceil(d.css("transform").split(",")[4]), E = Math.ceil(d.css("transform").split(",")[4]), t.browser.ie > 9 && (R = Math.ceil(d.css("transform").split(",")[12]), E = Math.ceil(d.css("transform").split(",")[12]))), null == R && (R = 0, E = 0), s.bind(h({
mousemove: At,
mouseup: Et
}))
}
}
function At(e) {
Ut();
var i, r = l(e)[0], a = l(e)[1], o = (new Date).getTime();
if (!1 === O && (45 > (O = Math.abs(180 * Math.atan2(S - r, k - a) / Math.PI)) || O > 135)) return s.unbind(h({
mousemove: At,
mouseup: Et
})), !0;
if (it[0].parent().parent().hasClass("g-contents") && (0 != xt ? (it[xt - 1].addClass("show"), yt - 1 != xt ? it[xt + 1].addClass("show") : it[0].addClass("show")) : (it[xt + 1].addClass("show"), it[yt - 1].addClass("show"))), A = r - S, U) {
var c = r - wt, u = r - ft, f = R,
m = Math.floor(d.find(" > li").eq(yt - 1).css("marginLeft").replace("px", "")),
_ = d.find(" > li").eq(yt - 1).innerWidth() + 2 * m, g = _ / 2;
if (u > 0 && 0 != ft && !n) {
"left" == Tt && (Pt = !0, Tt = "right"), Pt && (pt = 1, Pt = !1, wt = r), c = r - wt;
var v = Math.abs(Math.floor((Math.abs(c) + _) / _) - pt + 1);
if (_ * pt < Math.abs(c) + g) for (vt = 0; vt < v; vt++) i = void 0, i = d.find("> li").eq(yt - 1).attr("data-call"), d.find("> li").eq(yt - 1).remove(), d.prepend(it[i]), pt++, R = f - Math.abs(_) * v;
Tt = "right"
} else if (u < 0 && 0 != ft && !n) {
"right" == Tt && (Pt = !0, Tt = "left"), Pt && (pt = 1, Pt = !1, wt = r), c = r - wt;
v = Math.abs(Math.floor((Math.abs(c) + _) / _) - pt + 1);
var y = function () {
var t = d.find("> li").eq(0).attr("data-call");
d.find("> li").eq(0).remove(), d.append(it[t]), pt++, R = f + Math.abs(_) * v
};
if (_ * pt < Math.abs(c) + g) for (vt = 0; vt < v; vt++) y();
Tt = "left"
}
A = R + (r - S)
}
D || xt && xt != yt - 1 || (A /= 2), B || d._css("translate3dX", A), Rt(A), o - 300 > M && (M = o, C = r), n || nt || (b.appendTo(p), nt = !0), ft = r, t(document).on("mouseleave", function () {
t("html").hasClass("firefox") && Et(e)
}), e.preventDefault()
}
function Rt(e, i) {
var s = t.isPlainObject(e) ? e.translate3dX : e;
!0 !== i && K && K.call(p, s)
}
function Et(t) {
var e = l(t)[0], i = e - C;
e != S ? U ? (ht = !1, pt = 1, n && Math.abs(i) > 10 ? (i > 0 ? dt && Ct(-1) : dt && Ct(1), ot = !0) : d._animate({translate3dX: E}, {
duration: 300,
easing: "easeOutCubic",
force3D: !0,
complete: Xt
})) : 10 > Math.abs(e - S) ? Dt() : !i || (new Date).getTime() - M > 300 ? A > w / 2 && (D || xt) ? zt(!1, !0) : -w / 2 > A && (D || xt != yt - 1) ? Yt(!1, !0) : Dt() : i > 0 && (D || xt) ? zt(!1, !0) : 0 > i && (D || xt != yt - 1) ? Yt(!1, !0) : Dt() : Qt(), !n && nt && (b.detach(), nt = !1), s.unbind(h({
mousemove: At,
mouseup: Et
}))
}
function Xt() {
var t = i.width() / 2, e = [], s = [], r = d.find(" > li").length;
for (o = 0; o < r; o++) e[o] = Math.abs(d.find(" > li").eq(o).offset().left + d.find(" > li").eq(o).innerWidth() / 2 - t), s[o] = Math.ceil(d.find(" > li").eq(o).offset().left + d.find(" > li").eq(o).innerWidth() / 2 - t);
var n, a = Math.min.apply(null, e);
if (Array.indexOf) n = e.indexOf(a); else for (var o = 0; o < e.length; o++) e[o] == a && (n = o);
xt = d.find(" > li").eq(n).attr("data-call"), qt(), jt(), ht = !0
}
function Dt() {
Wt(0, "back")
}
function It(t) {
var e, i, s = parseInt(t.to);
return !!rt && (Ut(), e = "number" != typeof s || isNaN(s) ? this.getAttribute ? parseInt(this.getAttribute("data-page")) : null : s, it[0].parent().parent().hasClass("g-contents") && (0 != e ? (it[e - 1].addClass("show"), yt - 1 != e && it[e + 1].addClass("show")) : it[e + 1].addClass("show")), null !== e && e != xt && e > -1 && yt > e && (Gt(), B ? Nt(e, t.noAnimation) : (i = (xt - e) * P, Lt(e), Wt(i, "slide", t.noAnimation))), !1)
}
function zt(t, e, i) {
var s;
return !(!rt || !D && !xt) && (U ? dt && Ct(-1) : (s = xt ? xt - 1 : yt - 1, B ? Nt(s, i) : (Lt(s, "prev", e), Wt(P, "slide", i))), t && t.preventDefault(), Ut(), !1)
}
function Yt(t, e, i) {
var s;
return !(!rt || !D && xt == yt - 1) && (U ? dt && Ct(1) : (s = xt == yt - 1 ? 0 : xt + 1, B ? Nt(s, i) : (Lt(s, "next", e), Wt(-P, "slide", i))), t && t.preventDefault(), Ut(), !1)
}
function Ft(t) {
var e, i = t.to;
if (!rt || i == xt) return !1;
if (B) It(t); else {
for (vt = 0; vt < yt; vt++) it[0].parent().parent().hasClass("g-contents") ? vt != i && vt != xt && it[vt].removeClass("show") : vt != i && vt != xt && it[vt].hide();
Lt(i, e = t.pretendTo ? t.pretendTo : xt > i ? "prev" : "next"), Wt("prev" == e ? P : -P, "slide", t.noAnimation)
}
return Ut(), !1
}
function Lt(t, e, i) {
var s, r;
if (!i) if (e) Bt(t, "next" == e ? "100%" : "-100%"); else for (s = Math.min(xt, t), r = Math.max(xt, t), vt = s; vt <= r; vt++) vt != xt && Bt(vt, 100 * (vt - xt) + "%");
!function (t) {
$t(), rt = !1, xt = t, qt(), J && J.call(p, xt, yt), Gt()
}(t)
}
function Bt(t, e) {
U || ("number" == typeof t ? it[t] : t).css({
position: "absolute",
left: e
}).show(), it[0].parent().parent().hasClass("g-contents") || U || ("number" == typeof t ? it[t] : t).addClass("show")
}
function Nt(t, e) {
var i;
clearTimeout(i), N && !e ? (Bt(xt, 0), it[xt]._animate({opacity: 0}, bt.fade), i = setTimeout(function () {
it[t].show()._animate({opacity: 1}, bt.fade)
}, 500), xt = t, qt()) : jt()
}
function Wt(t, e, i) {
it[0].parent().parent().hasClass("g-contents") && it[xt].addClass("show"), N && !i ? j ? d._transition({translate3dX: t}, bt[e]) : d._animate({translate3dX: t}, bt[e]) : jt()
}
function qt() {
for (vt = 0; vt < yt; vt++) Y && y[vt][vt == xt ? "addClass" : "removeClass"]("on");
!D && I && (_[xt ? "removeClass" : "addClass"]("disabled"), g[xt == yt - 1 ? "addClass" : "removeClass"]("disabled"))
}
function jt() {
var t, e;
for (vt = 0; vt < yt; vt++) vt == xt ? (it[vt].css({
position: "relative",
left: 0
}).addClass("xlider-current show"), t = it[xt ? xt - 1 : D ? yt - 1 : -1], e = it[xt == yt - 1 ? D ? 0 : yt : xt + 1]) : it[0].parent().parent().hasClass("g-contents") || U ? it[vt].removeClass("xlider-current show") : it[vt].hide().removeClass("xlider-current");
if (!B && !U) for (x && (x.remove(), x = null), d._css("translate3dX", 0), t = it[xt ? xt - 1 : D ? yt - 1 : -1], e = it[xt == yt - 1 ? D ? 0 : yt : xt + 1], it[xt], D && t[0] == e[0] && ((x = t.clone().addClass("xlider-fake")).find("a").attr("tabindex", "-1"), x.attr("aria-hidden", !0), x.find("*").attr("aria-hidden", !0), x.appendTo(d), Bt(x, T)), vt = 0; vt < yt; vt++) t && it[vt][0] == t[0] ? Bt(vt, "-" + T) : e && it[vt][0] == e[0] && Bt(vt, T);
U && (t = it[xt ? xt - 1 : D ? yt - 1 : -1], e = it[xt == yt - 1 ? D ? 0 : yt : xt + 1], it[xt]), rt = !0, tt && tt.call(p, xt, yt), Qt(), Ht()
}
function Ht() {
if (G && !_t) {
for (vt = 0; vt < yt; vt++) it[vt].hasClass("xlider-current") || (it[vt].addClass("screen-hide"), it[vt].find("*").attr("aria-hidden", "true"));
_t = !0
}
}
function Ut() {
if (G && _t) {
for (vt = 0; vt < yt; vt++) it[vt].removeClass("screen-hide"), it[vt].find("*").attr("aria-hidden", "");
_t = !1
}
}
function Vt() {
U ? Yt(!1, !0) : Ft({to: xt == yt - 1 ? 0 : xt + 1, pretendTo: "next"})
}
function $t() {
clearTimeout(ct)
}
function Qt() {
$t(), lt && (ct = setTimeout(Vt, q))
}
function Zt() {
var e;
p && (e = parseInt(this.getAttribute("data-xlider-page")), t("html").hasClass("rtl") ? (p[0].scrollLeft = p.width() + 10, setTimeout(function () {
p[0].scrollLeft = p.width() + 10
}, 0)) : (p[0].scrollLeft = 0, setTimeout(function () {
p[0].scrollLeft = 0
}, 0)), p.xlider("change", e, !0))
}
function Gt() {
p && p.length && (w = p[0].offsetWidth, T = st ? it[0][0].offsetWidth : "100%", P = st ? T : w, U && (clearTimeout(X), X = setTimeout(function () {
St()
}, 100)), N && (bt.slide.duration = W || Math.max(450, Math.min(P, 750)), bt.back.duration = .75 * (W || bt.slide.duration), bt.fade.duration = W || 200))
}
}
}(window.jQuery);
var cvpHandlers = {
canvasClickHandler: null,
videoTimeUpdateHandler: null,
videoCanPlayHandler: null,
windowResizeHandler: null
}, CanvasVideoPlayer = function (e) {
var i;
for (i in this.options = {
framesPerSecond: 25,
hideVideo: !0,
autoplay: !1,
audio: !1,
timelineSelector: !1,
resetOnLastFrame: !1,
loop: !1
}, e) this.options[i] = e[i];
if (this.video = this.options.videoSelector.get(0), this.canvas = this.options.canvasSelector.get(0), this.timeline = document.querySelector(this.options.timelineSelector), this.timelinePassed = document.querySelector(this.options.timelineSelector + "> div"), this.options.audio) {
if ("string" == typeof this.options.audio) {
if (this.audio = document.querySelectorAll(this.options.audio)[0], !this.audio) return void console.error('Element for the "audio" not found')
} else this.audio = document.createElement("audio"), this.audio.innerHTML = this.video.innerHTML, this.video.parentNode.insertBefore(this.audio, this.video), this.audio.on('load');
/iPad|iPhone|iPod/.test(navigator.platform) && (this.options.autoplay = !1)
}
this.ctx = this.canvas.getContext("2d"), this.playing = !1, this.resizeTimeoutReference = !1, this.RESIZE_TIMEOUT = 1e3, this.init(), this.bind()
};
CanvasVideoPlayer.prototype.init = function () {
this.video[0].load(), this.setCanvasSize(), this.options.hideVideo && (this.video.style.display = "none")
}, CanvasVideoPlayer.prototype.getOffset = function (e) {
var i, t;
if (e) return (t = e.getBoundingClientRect()).width || t.height || e.getClientRects().length ? (i = e.ownerDocument.documentElement, {
top: t.top + window.pageYOffset - i.clientTop,
left: t.left + window.pageXOffset - i.clientLeft
}) : void 0
}, CanvasVideoPlayer.prototype.jumpTo = function (e) {
this.video.currentTime = this.video.duration * e, this.options.audio && (this.audio.currentTime = this.audio.duration * e)
}, CanvasVideoPlayer.prototype.bind = function () {
var e = this;
this.canvas.addEventListener("click", cvpHandlers.canvasClickHandler = function () {
e.playPause()
}), this.video.addEventListener("timeupdate", cvpHandlers.videoTimeUpdateHandler = function () {
e.drawFrame(), e.options.timelineSelector && e.updateTimeline()
}), this.video.addEventListener("canplay", cvpHandlers.videoCanPlayHandler = function () {
e.drawFrame()
}), this.video.readyState >= 2 && e.drawFrame(), e.options.autoplay && e.play(), e.options.timelineSelector && this.timeline.addEventListener("click", function (i) {
var t = (i.clientX - e.getOffset(e.canvas).left) / e.timeline.offsetWidth;
e.jumpTo(t)
}), window.addEventListener("resize", cvpHandlers.windowResizeHandler = function () {
clearTimeout(e.resizeTimeoutReference), e.resizeTimeoutReference = setTimeout(function () {
e.setCanvasSize(), e.drawFrame()
}, e.RESIZE_TIMEOUT)
}), this.unbind = function () {
this.canvas.removeEventListener("click", cvpHandlers.canvasClickHandler), this.video.removeEventListener("timeupdate", cvpHandlers.videoTimeUpdateHandler), this.video.removeEventListener("canplay", cvpHandlers.videoCanPlayHandler), window.removeEventListener("resize", cvpHandlers.windowResizeHandler), this.options.audio && this.audio.parentNode.removeChild(this.audio)
}
}, CanvasVideoPlayer.prototype.updateTimeline = function () {
var e = (100 * this.video.currentTime / this.video.duration).toFixed(2);
this.timelinePassed.style.width = e + "%"
}, CanvasVideoPlayer.prototype.setCanvasSize = function () {
this.width = this.canvas.clientWidth, this.height = this.canvas.clientHeight, this.canvas.setAttribute("width", this.width), this.canvas.setAttribute("height", this.height)
}, CanvasVideoPlayer.prototype.play = function () {
this.lastTime = Date.now(), this.playing = !0, this.loop(), this.options.audio && (this.audio.currentTime = this.video.currentTime, this.audio.play())
}, CanvasVideoPlayer.prototype.pause = function () {
this.playing = !1, this.options.audio && this.audio.pause()
}, CanvasVideoPlayer.prototype.stop = function () {
this.playing = !1, this.pause(), this.video.currentTime = 0
}, CanvasVideoPlayer.prototype.playPause = function () {
this.playing ? this.pause() : (this.video.currentTime = 0, this.play())
}, CanvasVideoPlayer.prototype.loop = function () {
var e = this, i = Date.now(), t = (i - this.lastTime) / 1e3;
t >= 1 / this.options.framesPerSecond && (this.video.currentTime = this.video.currentTime + t, this.lastTime = i, this.audio && Math.abs(this.audio.currentTime - this.video.currentTime) > .3 && (this.audio.currentTime = this.video.currentTime)), void 0 !== $(this.canvas).parent().attr("data-cover") && this.video.currentTime > .5 && $(this.canvas).parent().find(".hide-bg").css({opacity: "0"}), this.video.currentTime >= this.video.duration && (this.playing = !1, !0 === this.options.resetOnLastFrame && (this.video.currentTime = 0), !0 === this.options.loop && (this.video.currentTime = 0, this.play())), this.playing ? this.animationFrame = requestAnimationFrame(function () {
e.loop()
}) : cancelAnimationFrame(this.animationFrame)
}, CanvasVideoPlayer.prototype.drawFrame = function () {
this.ctx.drawImage(this.video, 0, 0, this.width, this.height)
};
!function (e) {
var t, n, i, a;
window.GALAXY = {
isMobile: e.browser.mobile,
isPoorBrowser: e.browser.ie && 9 > e.browser.ie,
cirosVersion: function () {
if (e.browser.crios) {
var t = navigator.userAgent;
if (version = t.match(/CriOS\/([0-9.]+)/i), version && version.length > 1) return e.browser.criosVersion = parseInt(version[1])
}
return e.browser.criosVersion = 0
}(),
oldIos: e.browser.crios ? e.browser.criosVersion < 60 : !e.browser.android && (Math.ceil(e.browser.ios) < 10 && void 0 !== e.browser.ios),
swipeAble: !!(e.browser.mobile || window.PointerEvent || window.MSPointerEvent),
parallaxAble: !(e.browser.ie && 9 > e.browser.ie) && !e.browser.mobile && e.support.transition,
areaWidth: 0,
areaHeight: 0,
prevSizeMode: -1,
sizeMode: 0,
scrollBarWidth: 0,
scrollTop: 0,
mediaBaseURL: window.MEDIA_BASE_URL || "./",
isTestURL: location.href.indexOf("samsung.com") < 0,
isGalaxy: false || !0 === window.IS_CAMPAIGN,
isGPSI: -1 != navigator.userAgent.toLowerCase().replace(/ /g, "").indexOf("googlepagespeedinsights"),
scrollFunctions: [],
resizeFunctions: [],
readyFunctions: [],
loadFunctions: [],
path: {root: "/"},
initialized: !1,
dom: {header: e("#header").get(0) || e("header").get(0)},
helloReady: !1,
imageLoadCall: !1,
header: function () {
if (e(GALAXY.isGalaxy ? "#header" : GALAXY.dom.header).length) {
var t, n, i = e(GALAXY.isGalaxy ? "#header" : GALAXY.dom.header), a = i.find("p.menu a"),
s = e.browser.mobile, o = GALAXY.isPoorBrowser;
e.support.transition;
return t = function () {
if (!e("#gnb").length) return {scroll: e.noop, resize: e.noop};
var t, n = e("#wrap"), r = e("#gnb"), l = r.find(".logo a"), d = r.find("div.g-inner"),
c = a.parent(), u = r.find(".g-tabs"), h = u.find("ul a"), f = [],
p = r.find(".g-contents"), m = p.find(".g-content > div > ul"),
v = (m.find("> li"), e('').appendTo(u.find("ul"))),
g = r.find("p.g-close a"), b = r.find("#g-products ul > li > a"),
A = r.find(".g-story .m_content-storyyoutube button"),
w = r.find(".g-story .feature-1 .menu li a"), y = e("#wrap > div").not("#gnb"), L = null,
x = null, C = [], _ = {
mouseWheel: !0,
scrollbars: !0,
interactiveScrollbars: !0,
preventDefaultException: {tagName: /(a|img|span)/i}
}, X = 0, G = h.length, Y = 0, k = -1, M = 0, T = !0, z = null, I = !0, S = null, E = !1, O = s,
H = 0, D = e("#gnb a.search").length, W = !1;
for (r.bind("mousewheel", function (e) {
e.stopPropagation()
}).bind("touchmove", function (t) {
e("#gnb .g-inner").hasClass("searchForm") || t.preventDefault()
}).click(function (e) {
var t = e.target;
t != this && t != d[0] || V()
}), a.keydown(function () {
E = !0
}).bind({
focus: function () {
c.addClass("focus")
}, blur: function () {
c.removeClass("focus")
}, click: function () {
return $(a, function () {
c.removeClass("on")
}), a.addClass("hide"), c.addClass("on"), !1
}
}), l.attr("tabindex", ++Y); X < G; X++) {
h[X] = e(h[X]);
var q = G;
u.find("> li.last").length && (q = G - 1), null != h[X].attr("href") && (s || (X != q ? h[X].parent().attr("data-index", X).mouseenter(K).mouseleave(Z).click(Q) : h[X].parent().attr("data-index", X).mouseenter(K).mouseleave(Z)), X != q ? h[X].attr("data-index", X).attr("tabindex", ++Y).focus(j).blur(Z).click(j) : h[X].attr("data-index", X).attr("tabindex", ++Y).focus(K).blur(Z), -1 != h[X].attr("href").indexOf("#g-") && (f[X] = e(h[X].attr("href")), f[X].find("li").mouseenter(R).mouseleave(B), f[X].find("a,button").attr("data-index", X).focus(function (e) {
j.apply(this, [e]), R.apply(this, [e])
}).blur(B).each(function () {
this.setAttribute("tabindex", ++Y)
}), C[X] = new IScroll(f[X][0], _))), X == q && (e(".g-tabs .last a").attr("tabindex", ++Y), e(".g-inner > .search").attr("tabindex", ++Y))
}
function R(e) {
clearTimeout(S), "focus" == e.type ? this.parentNode.parentNode : this.parentNode
}
function B() {
S = setTimeout(P, 50)
}
function P() {
return !1
}
if (p.xlider({
swipe: s, onChange: function (e) {
j.call(h[e][0])
}, endless: !0, onChangeEnd: function () {
k > -1 && C[k].refresh()
}
}), null != (H = e("#wrap").attr("data-depth1")) && "" != H && NaN != H && null != h[H] || (H = 0), D > 0 && h[H].click(), g.attr("tabindex", ++Y), s || v.mouseenter(J).mouseleave(Z).click(Q), g.mousedown(function () {
this.style.outline = "none"
}).keydown(function () {
E = !0
}).click(V), e("#gnb .g-inner > .search").on("click", function (t) {
if (t.preventDefault(), !e("#gnb .g-inner").hasClass("searchFormrd")) {
e("#gnb .g-inner").addClass("searchFormrd"), setTimeout(function () {
e("#gnb .g-inner").addClass("searchForm")
}, 500), s ? e("#gnb .addsearch").focus().keyup() : e("#gnb .addsearch").focus(), e("#gnb .m_content-storyyoutube .f_container div").hasClass("active") && U();
var n = window.ADDSEARCH_KEYWORD || "";
setTimeout(function () {
e("#gnb .addsearch, #addsearch-mobile-field").val(n).eq(0).keyup(), e(".desktop #gnb .addsearch").select()
}, 500), e("#gnb .logo a").attr("tabindex", ""), e("#gnb .search").attr("tabindex", ""), e("#gnb .g-close a").attr("tabindex", "")
}
}).on("mousedown", function () {
this.style.outline = "none"
}), e(".g-contents .country a").on("mousedown", function () {
this.style.outline = "none"
}), e("#gnb .g-tabs a").on("mousedown", function () {
this.style.outline = "none"
}), O) {
var N = e("#gnb .g-tabs");
O = new IScroll(N[0], {
scrollX: !0,
scrollY: !1,
scrollbars: !1,
interactiveScrollbars: !1,
preventDefaultException: {tagName: /(a|img|span)/i}
})
}
function F(t, n) {
e("#gnb .m_content-storyyoutube .f_container figure").hide(), e("#gnb .m_content-storyyoutube .f_container div").html("");
var i = '';
e("#gnb .m_content-storyyoutube .f_container div").append(i).addClass("active"), e("#gnb .m_content-storyyoutube button").css({display: "none"}), e("#gnb .vod-player").focus()
}
function $(i, a) {
return i && (x = i), (L = y.find("a,input,select,textarea,button,video,iframe")).each(function () {
var t = e(this).attr("tabindex");
null != t && e(this).data("prev-tabindex", t), e(this).attr("tabindex", "-1")
}), n.addClass("gnb-open"), g.removeClass("hide"), r.addClass("show"), GALAXY.noScroll.on(), ne(), e.each(C, function () {
this.refresh()
}), s || setTimeout(function () {
E && l.focus()
}, 100), t = a, T = !0, W || (p.find("img").each(function () {
var t = e(this).data("tile");
t && (e(this).attr("src").indexOf("gnb-tile") > -1 ? GALAXY.isPoorBrowser ? e(this).css({filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + t + ",sizingMethod=scale)"}) : e(this).css({backgroundImage: "url(" + t + ")"}) : e(this).attr({src: t}))
}), W = !0), !1
}
function V(i) {
return e("#gnb .g-inner").hasClass("searchForm") ? (e("#gnb .logo a").attr("tabindex", "1"), e(this).attr("tabindex", Y), e("#gnb .search").attr("tabindex", Y - 1), e("#gnb .g-inner").addClass("searchFormRemove"), setTimeout(function () {
e("#gnb .g-inner").removeClass("searchForm searchFormrd searchFormRemove")
}, 500)) : (L.each(function () {
var t = e(this).data("prev-tabindex");
null != t ? e(this).attr("tabindex", t) : e(this).removeAttr("tabindex")
}), n.removeClass("gnb-open"), g.addClass("hide"), r.removeClass("show"), E && x && x.focus(), E = !1, x = null, t && t(), GALAXY.setTransitionEndEvent(r, function () {
GALAXY.noScroll.off(), ne(), r.hide(), g.css("outline", ""), setTimeout(function () {
r.show()
}, 0)
}), t = null, T = !1, U(), GALAXY.omniture(":menu_close")), !1
}
function U() {
e("#gnb .m_content-storyyoutube .f_container figure").show(), e("#gnb .m_content-storyyoutube .f_container div").html(""), e("#gnb .m_content-storyyoutube .f_container div.active").removeClass("active"), e("#gnb .m_content-storyyoutube button").css({display: "block"}), e("#gnb .feature-1 .menu li .selected").removeClass("selected"), e("#gnb .feature-1 .menu li:eq(0) a").addClass("selected")
}
function j() {
e("#gnb .m_content-storyyoutube .f_container div").hasClass("active") && U();
var t = 0, n = parseInt(this.getAttribute("data-index"));
if (!I) return !1;
for (; t < G; t++) f[t] && h[t].parent().decideClass("on", t == n);
return p.xlider("jump", n, !T), setTimeout(function () {
f[n].removeClass("ready")
}, 0), te(k = n), m.each(function () {
var t = e(window).height() - e("#gnb .inner_header").height() - e("#gnb .country").height(),
n = e(this).height();
"g-products" == e(this).parent().parent().attr("id") && (n += Math.ceil(e(this).css("paddingBottom").replace("px", ""))), t < n ? e(this).parent().addClass("overheight") : e(this).parent().removeClass("overheight")
}), !1
}
function Q() {
h[M].click()
}
function K() {
J(), te(parseInt(this.getAttribute("data-index")))
}
function Z() {
z = setTimeout(ee, 250)
}
function J() {
clearTimeout(z)
}
function ee() {
te(k)
}
function te(e, t) {
v["__" + (o || !0 === t || !T ? "css" : "animate")]({
x: h[e][0].offsetLeft,
width: h[e][0].offsetWidth
}, {duration: 550, easing: "easeOutCubic", force3D: !0}), M = e
}
function ne() {
GALAXY.sizeMode > 2 || GALAXY.sizeMode;
m.each(function () {
var t = e(window).height() - e("#gnb .inner_header").height() - e("#gnb .country").height(),
n = e(this).height();
"g-products" == e(this).parent().parent().attr("id") && (n += Math.ceil(e(this).css("paddingBottom").replace("px", ""))), t < n ? e(this).parent().addClass("overheight") : e(this).parent().removeClass("overheight")
}), D > 0 && te(k, !0)
}
b.hover(function () {
e(this).parent().addClass("hovera")
}, function () {
e(this).parent().removeClass("hovera")
}), A.on("click", function () {
F(e(this).attr("data-video"), e(this).attr("tabindex")), e(this).addClass("play")
}), w.on("click", function () {
return F(e(this).attr("data-video"), e(this).attr("tabindex")), e("#gnb .feature-1 .menu li .selected").removeClass("selected"), e(this).addClass("selected"), !1
});
var ie = location.href.split("/#")[1],
ae = ["gnb_products", "gnb_how-tos", "gnb_gallery", "gnb_events", "gnb_apps"].indexOf(ie);
return null != ie && -1 != ae && e("#gnb .g-tabs li").eq(ae).find("> a").click(), {
open: $,
scroll: function (e) {
var t = 1 == GALAXY.sizeMode ? 40 : 100;
i.decideClass("clear", e > t)
},
resize: ne
}
}(), n = function () {
var n = e("#wrap"), i = e("#header"), a = e("#contents"),
o = e('#contents > [class^="m_"]:first'), r = e("#subnav"), l = r.find("div.inside"),
d = r.find("div.scrollbox"), c = r.find(".inside ul a"), u = r.find("p.gnb a"),
h = r.find("p.pre-button").clone(), f = r.find("div.line"), p = r.find("div.bar"),
m = !!r.hasClass("nav-type1"), v = r.hasClass("single"), g = 0, b = 0, A = 0, w = 75, y = 0,
L = !1, x = 0, C = null, _ = !e.browser.ios, X = 0, G = c.length;
if (GALAXY.isGalaxy || e("#subnav p.gnb").remove(), !r.length) return {
display: e.noop,
scroll: e.noop,
resize: e.noop
};
for (e("html").hasClass("rtl") && (_ = !1), _ && (_ = e("html").hasClass("chrome") ? new IScroll(l[0], {
scrollX: !0,
scrollY: !1,
disablePointer: !0,
disableTouch: !1,
disableMouse: !1,
scrollbars: !1,
interactiveScrollbars: !1,
preventDefaultException: {tagName: /(a|img|span)/i}
}) : new IScroll(l[0], {
scrollX: !0,
scrollY: !1,
scrollbars: !1,
interactiveScrollbars: !1,
preventDefaultException: {tagName: /(a|img|span)/i}
}), p.appendTo(l.find("ul")), _.on("scrollEnd", function () {
S()
})), m && e("#wrap").length && (e("#wrap").addClass("subnav-type1"), e("#wrap").hasClass("bright-header") && e("#wrap").addClass("bright-header-background")), n.addClass("has-subnav"), s || c.mouseenter(k).mouseleave(M).mousedown(function () {
z(this.parentNode, !0)
}).focus(k).blur(M), c.click(function () {
Y()
}); X < G; X++) c[X] = e(c[X]), c[X].parent().hasClass("on") && (x = X);
function Y() {
clearTimeout(C)
}
function k() {
Y(), z(this.parentNode)
}
function M() {
Y(), C = setTimeout(T, 250)
}
function T() {
v && (x = r.find(".on").index()), z(c[x][0])
}
function z(t, n) {
var i, a, s = t.offsetLeft, o = t.offsetWidth;
if (e("html").hasClass("s34") && e("html").hasClass("ios") && (s = c[x].offset().left), m && (a = "a" == t.tagName.toLowerCase() ? e(t) : e(t).find(">a"), i = parseInt(a.css("paddingLeft"), 10), GALAXY.isGalaxy ? (s += i, o -= 2 * i) : e("html").hasClass("rtl") ? (s = l.children("ul").width(), s -= a.offset().left - l.children("ul").offset().left, s -= a.parent().width() - parseInt(a.css("paddingLeft")), s *= -1, o = a.width(), e("html").hasClass("huawei") && (s = 0, s += l.find("ul").width() - l[0].offsetWidth, s += parseInt(a.css("paddingLeft")), s -= l.find("ul").width() - (a.offset().left + a.width() + l.find("ul").width() - l[0].offsetWidth))) : (s += i, o -= 2 * i)), e("html").hasClass("rtl") && !m) {
var d = l.children("ul").width(), u = t.offsetWidth, h = l.width(),
f = Math.ceil(l.children("ul").css("paddingLeft").replace("px", "")),
v = Math.ceil(l.children("ul").css("paddingRight").replace("px", ""));
if (null != f && (d += f), null != v && (d += v), e("html").hasClass("rtl") && h < d && e("html").hasClass("mobile")) d += h - d;
s = -(d - s) + u
}
r.hasClass("hold") || p.stop()["_" + (n ? "css" : "animate")]({
translate3dX: s,
width: o
}, {duration: 550, easing: "easeOutCubic", force3D: !0})
}
function I(t) {
var n = c[x][0].offsetLeft - l[0].offsetWidth / 2 + c[x][0].offsetWidth / 2;
if (_) {
if (_.refresh(), m) {
var i = r.find(".inside ul").outerWidth();
if (i > GALAXY.areaWidth) {
var s = e(window).width() / 2;
parseInt(e(c[x][0]).css("paddingLeft"), 10);
if (c[x][0].offsetLeft + c[x][0].offsetLeft / 2 > s) {
if (i - (c[x][0].offsetLeft + parseInt(e(c[x][0]).outerWidth(), 10)) <= s) var o = i - 2 * s; else o = c[x][0].offsetLeft - s + c[x].outerWidth() / 2;
_.scrollTo(-o, 0)
}
}
}
} else !0 !== t ? (e("html").hasClass("rtl") && e("html").hasClass("huawei") && e("html").hasClass("s1") && (n = l.find("ul").width() - l[0].offsetWidth), l.__css({scrollLeft: n}, {
duration: 550,
easing: "easeOutCubic",
force3D: !0
})) : l.stop().__animate({scrollLeft: n}, {
duration: 550,
easing: "easeOutCubic",
force3D: !0
});
a.hasClass("new_") && (_ ? S() : (E(), O()))
}
function S() {
if (a.hasClass("new_")) {
var t = l.outerWidth();
l.find("> ul").outerWidth() > t && (0 == _.x ? (e("#subnav").addClass("next"), e("#subnav").removeClass("prev")) : _.x == _.maxScrollX ? (e("#subnav").removeClass("next"), e("#subnav").addClass("prev")) : (e("#subnav").addClass("prev"), e("#subnav").addClass("next")))
}
}
function E() {
e("#subnav").removeClass("next prev");
var t = e(".inside").get(0).scrollLeft, n = e(".inside").width(),
i = 2 * Math.ceil(e(".inside").find("> ul").css("paddingLeft").replace("px", "")),
a = Math.ceil(e(".inside").find("> ul").width()) + i;
0 == t ? (n < a && e("#subnav").addClass("next"), e("#subnav").removeClass("prev")) : a - n == t || a - n - 1 == t || a - n + 1 == t ? (e("#subnav").removeClass("next"), e("#subnav").addClass("prev")) : (e("#subnav").addClass("prev"), e("#subnav").addClass("next"))
}
function O() {
if (e("html").hasClass("dotcom") && r.find(".scrollbox ul").length) {
var t = t = r.find(".pre-check").length ? r.find(".pre-check") : r.find(".preCheck");
t.removeClass("next prev");
var n = e("#subnav .scrollbox .scroll").get(0).scrollLeft,
i = e("#subnav .scrollbox .scroll").width(),
a = 2 * Math.ceil(e("#subnav .scrollbox .scroll").find("ul").css("paddingLeft").replace("px", "")),
s = Math.ceil(e("#subnav .scrollbox .scroll").find("ul").width()) + a;
0 == n ? (i < s && t.addClass("next"), e("#subnav").removeClass("prev")) : s - i == n || s - i - 1 == n || s - i + 1 == n ? (t.removeClass("next"), t.addClass("prev")) : (t.addClass("prev"), t.addClass("next"))
}
}
function H() {
GALAXY.isGalaxy || (g = o.offset().top);
var e = Math.min(GALAXY.areaHeight, g + b - GALAXY.scrollTop) - A, t = w > e,
i = GALAXY.scrollTop >= g + b - A;
t != L && (L = t, n.decideClass("subnav-fixed", L), s && (L ? h._stop().css("opacity", 0) : h.css({opacity: 1}))), r.css({
position: i ? "fixed" : "",
left: i ? a.offset().left : 0,
top: i ? Math.max(e, y) : b - A
}), a.hasClass("new_") && i ? r.addClass("newNav") : i || r.removeClass("newNav")
}
function D(t) {
if (GALAXY.sizeMode > 2) return !1;
var n = !r.hasClass("inside-open"),
i = e("#wrap").find("a,input,select,textarea,button,video,iframe").not("#subnav a"),
a = e(this).data(n ? "close-title" : "open-title");
return n ? (e(this).attr({
href: "#a",
title: a
}), e("#contents").get(0) && e("#contents").css("z-index", "10"), r.addClass("inside-open"), r.find(".subnav-menus").stop(!0).slideDown(), L && GALAXY.noScroll.on(), i.each(function () {
var t = e(this).attr("tabindex");
null != t && e(this).data("prev-tabindex", t), e(this).attr("tabindex", "-1")
}), _ && _.destroy()) : (e(this).attr({
href: "#a",
title: a
}), e("#contents").get(0) && e("#contents").css("z-index", ""), r.removeClass("inside-open"), r.find(".subnav-menus").stop(!0).slideUp(), GALAXY.noScroll.off(), i.each(function () {
var t = e(this).data("prev-tabindex");
null != t ? e(this).attr("tabindex", t) : e(this).removeAttr("tabindex")
})), W(), !1
}
function W(t) {
var s = GALAXY.scrollTop >= o.offset().top;
if (GALAXY.isGalaxy) {
n.decideClass("subnav-fixed", !0);
var d = parseInt(r.css("paddingTop")) || 0, u = Math.max(d - GALAXY.scrollTop, y),
h = a.offset().left, f = i.find("p.link");
i.css({
left: h,
top: u
}).decideClass("header-fixed", !0), f._css({top: u}), e.support.transform ? r._css({
position: "fixed",
top: 0,
left: h,
translate3dY: e("html").hasClass("s34") ? u : 0
}) : r._css({
position: "fixed",
top: 0,
left: h,
paddingTop: e("html").hasClass("s34") ? u : 0
}), t && (GALAXY.sizeMode < 3 && 0 != GALAXY.sizeMode ? l.find("ul")._css({translate3dX: -l[0].scrollWidth})._animate({translate3dX: 0}, {
queue: !1,
duration: 550,
easing: "easeOutQuad",
complete: function () {
z(c[x][0], !0)
}
}) : z(c[x][0], !0))
} else {
var p, m, v, g, b, A;
if (m = r.find(".subnav-menus"), b = !!(GALAXY.sizeMode > 2), h = a.offset().left, v = !!r.hasClass("inside-open"), b && z(c[x][0], !0), g = Math.max(o.offset().top - GALAXY.scrollTop, y), t && (p = e("#subnav.nav-type1 .heading a"), b ? (r.removeClass("inside-open").removeAttr("style"), m.removeAttr("style"), p.off(".menuSlide").removeAttr("href title"), GALAXY.noScroll.off()) : (A = p.data(v ? "close-title" : "open-title"), p.attr({
href: "#a",
title: A
}).off(".menuSlide").on("click.menuSlide", D), r.find(".subnav-menus").css("top", e("#subnav .nav-header").height()))), s && !b && v && 0 == GALAXY.noScroll.activated && GALAXY.noScroll.on(), s ? (r.css({
position: "fixed",
left: b ? h : 0,
top: s ? 0 : g
}), v && !b && e.browser.ie && m.css({
position: "fixed",
top: e("#subnav .nav-header").height()
})) : (r.attr("style", ""), v && !b && e.browser.ie && m.css({
position: "absolute",
top: e("#subnav .nav-header").height()
})), t && GALAXY.sizeMode < 3 && 0 != GALAXY.sizeMode) {
var w = -l[0].scrollWidth;
e("html").hasClass("rtl") && (w = l[0].scrollWidth), l.find("ul")._css({translate3dX: w})._animate({translate3dX: 0}, {
queue: !1,
duration: 550,
easing: "easeOutQuad",
complete: function () {
z(c[x][0], !0)
}
})
}
}
n.decideClass("subnav-fixed", s)
}
function q() {
var t = GALAXY.sizeMode, n = GALAXY.sizeMode != GALAXY.prevSizeMode;
g = o.offset().top, b = o[0].offsetHeight, A = r[0].offsetHeight, w = t > 2 ? 75 : 0, y = t > 2 ? 0 : t > 1 ? -29 : -19, f.css("width", "").css("width", l[0].scrollWidth), z(c[x][0], !0), m ? W(n) : H(), function () {
if (e("html").hasClass("dotcom") && r.find(".scrollbox ul").length) {
var t = r.find(".preCheck").width(),
n = r.find(".pre-check .pre-button").length ? r.find(".pre-check .pre-button") : r.find(".preCheck .pre-button");
scrollWidth = d.width(), scrollulWidth = d.find("ul").width() + 2 * parseInt(d.find("ul").css("paddingLeft")), btnWidth = n.width() - 1, btnPad = parseInt(n.css("paddingRight")), 0 != btnWidth && (btnWidth += btnPad), t - btnWidth < scrollulWidth ? (d.css("width", t - (btnWidth + 1)), O()) : d.attr("style", "")
}
}(), _ ? (_.refresh(), I()) : a.hasClass("new_") && E()
}
return u.click(function () {
return t.open(u, function () {
r.removeClass("hide")
}), r.addClass("hide"), !1
}), h.appendTo(i), a.hasClass("new_") && (e(".inside").on("scroll", function () {
E()
}), $preCheck = r.find(".pre-check .scroll").length ? r.find(".pre-check .scroll") : r.find(".preCheck .scroll"), $preCheck.on("scroll", function () {
O()
})), {
display: function () {
r.addClass("show"), I(), q()
}, scroll: function (e) {
m ? W() : H(), n.decideClass("subnav-passed", 1 == GALAXY.sizeMode && e > 80)
}, resize: q, reset: T, setScroll: I
}
}(), {
scroll: function (e) {
t.scroll(e), n.scroll(e)
}, resize: function () {
GALAXY.noScroll.resize(), t.resize(), n.resize()
}, onKeyVisualShow: function () {
n.display()
}, resetSubNav: function () {
n.setScroll(!0), n.reset()
}
}
}
},
sections: function () {
var t, n, i, a = e("#wrap"), s = e("#contents"), o = s.children('[class^="m_"]'), r = a.find("#subnav"),
l = [], d = null, c = null, u = [], h = GALAXY.isMobile, f = GALAXY.isPoorBrowser,
p = e.support.transform, m = e.support.transition, v = (e.support.transform, GALAXY.parallaxAble),
g = /^(x|y|s|a|c)$/, b = /^(s|a)$/, A = 0, w = 0, y = o.length;
for (e.browser.ie && e.support.canvas && (!e(document.documentElement).hasClass("s1") && o.not("#kv, .m_spec_list").find('span[class*="ico_obj-"]').each(function () {
GALAXY.imageResizeViaCanvas(this.children[0], this.children[0].offsetWidth, this.children[0].offsetHeight)
}), !e(document.documentElement).hasClass("s1") && !e(document.documentElement).hasClass("s2") && o.filter(".m_spec_list").find('span[class*="ico_obj-"]').each(function () {
GALAXY.imageResizeViaCanvas(this.children[0], 200, 200)
})); A < y; A++, w++) if (l[w] = e(o[A]), u[w] = L(l[w]), !u[w]) {
for (t = 0, n = (d = l[w].children('[class^="m_"]')).length; t < n; w++, t++) l[w] = e(d[t]), u[w] = L(l[w]);
n ? w-- : u[w] = x(l[w])
}
function L(t) {
var n = t.attr("class") || "", i = t.children().not("nav"), a = i.length;
if (/^m_feature/.test(n) && /article/i.test(t[0].nodeName)) return x(t);
if (1 == a) return -1 != n.indexOf("m_product_gallery") ? function (t) {
e(document.body);
var n, i, a = t.find("div.m_list"), s = [], o = t.find("nav"), r = o.find("a[class$=prev]"),
l = o.find("a[class$=next]"), d = o.find("div.c_paging-type2 a"), c = [], u = null,
p = t.attr("data-hash-name"), m = t.attr("data-layer-id"),
v = e(void 0 === m || "" === m ? "#layer-gallery" : "#" + m),
g = v.find(".c_txt_ly-type1 em"), b = v.find("ul.ly_gallery_list"),
A = v.find("button[class$=prev]"), w = v.find("button[class$=next]"),
y = v.find("div.m_paging_type1"), L = v.find("button.c_btn_close-type1"), C = e("#wrap"),
_ = null, X = "ie...", G = !1, Y = !1, k = !1, M = t.attr("data-has-list-image"), T = -1,
z = /(_s[1-4])?\.png/, I = [], S = 0, E = 0, O = 0, H = !0, D = !1, W = a.length,
q = a.first().find("> ul").length, R = a.first().find("li").length, B = x(t),
P = "product-gallery-ready-for-load", N = "", F = "", $ = 0;
void 0 !== p && "" !== p || (p = "gallery");
M && (M += ",");
for (d.bind("click touchend", function () {
var t;
if (H && (t = parseInt(this.getAttribute("data-index"))) != O) {
for (H = !1, f || (s[O]._animate({opacity: 0}, {
queue: !1,
duration: 500,
easing: "easeInOutQuad"
}), s[t].addClass("over").css({
zIndex: 1,
opacity: 0
}).show()._animate({opacity: 1}, {
queue: !1,
duration: 500,
easing: "easeInOutQuad",
complete: ee
})), O = t, $ = 0; $ < W; $++) e(d[$]).decideClass("on", $ == O);
f && (s[t].css({zIndex: 1}).show(), ee())
}
return !1
}); $ < W; $++) {
for (s[$] = e(a[$]), d[$] = e(d[$]).attr("data-index", $), c[$] = s[$].find("li"), i = 0; i < R; i++) c[$][i] = e(c[$][i]), c[$][i].find("a").attr("data-index", i).click(Q), h || f || c[$][i].find("a").bind({
mouseenter: V,
mouseleave: U,
focus: V,
blur: U
}), 0 == $ ? (N = GALAXY.setMediaBaseURL(c[$][i].find("img").attr("data-image")), M && (F = -1 != M.indexOf(GALAXY.sizeMode + ",") ? GALAXY.sizeMode : M.split(",")[0], N = N.replace(z, "_s" + F + ".png")), c[$][i].find("img").attr("src", N)) : c[$][i].find("img").addClass(P);
I[$] = d[$].text()
}
t.bind("welcome", function () {
e("." + P).each(function () {
N = GALAXY.setMediaBaseURL(e(this).attr("data-image")), M && (F = -1 != M.indexOf(GALAXY.sizeMode + ",") ? GALAXY.sizeMode : M.split(",")[0], N = N.replace(z, "_s" + F + ".png")), e(this).attr("src", N).removeClass(P)
})
}), a.xlider({
swipe: GALAXY.swipeAble, onChange: function (e) {
isSliding = !0, D || te(e)
}, onChangeEnd: function () {
D || (isSliding = !1)
}
}), r.click(function () {
for (var e = 0; e < W; e++) D = e != O, s[e].xlider("prev", e != O);
return D = !1, !1
}), l.click(function () {
for (var e = 0; e < W; e++) D = e != O, s[e].xlider("next", e != O);
return D = !1, !1
}), B.setSizeMode = function (e) {
T != e && (M && function (e) {
var n = -1 != M.indexOf(e + ",") ? e : M.split(",")[0];
t.find("div.m_list img").each(function () {
var e = this.src.replace(z, "_s" + n + ".png");
this.src != e && (this.src = e)
})
}(e), T = e), Z()
}, B.name = "product-gallery", te(0), ee(), GALAXY.hashMenu == p && s[O].find("a").eq(0).click();
function V() {
!isSliding && j(parseInt(this.getAttribute("data-index")))
}
function U() {
!isSliding && j(-1)
}
function j(e) {
GALAXY.sizeMode;
for ($ = 0, $currentItems = c[O]; $ < R; $++) $currentItems[$]._stop()._animate({opacity: -1 == e || $ == e ? 1 : .5}, {
queue: !1,
duration: 350,
easing: "easeOutQuad"
})
}
function Q() {
var t = parseInt(this.getAttribute("data-index"));
return G || ((_ = C.find("a,input,select,textarea,button,video,iframe")).each(function () {
var t = e(this).attr("tabindex");
null != t && e(this).data("prev-tabindex", t), e(this).attr("tabindex", "-1")
}), u = e(this), function () {
var t, i, a = s[O].find("img"), o = s[O].find("a");
if (!Y) {
for (i = 0; i < R; i++) e('' + o.attr("data-hidden-text") + "
"), GALAXY.noScroll.on(), r = !0) }, hide: u } }(), getYoutubePlayerLink: function (e, t, n) { return "https://www.youtube.com/embed/" + e + "?showinfo=0&wmode=transparent&autoplay=1&rel=0" }, imageResizeViaCanvas: function () { function e(e, t, n, i, a, s) { var o = document.createElement("canvas"), r = o.getContext("2d"), l = new Image; l.onload = function () { o.width = i, o.height = a, r.drawImage(l, 0, 0, i, a), this.onload = null, this.src = o.toDataURL(), s(this) }, l.src = e.src } return function (t, n, i) { var a, s, o = new Image; function r(l) { o = l, a / 2 > n && s / 2 > i ? (e(o, 0, 0, a / 2, s / 2, r), a /= 2, s /= 2) : a ? (e(o, 0, 0, n, i, r), a = s = 0) : t.src = o.src } o.onload = function () { a = this.width, s = this.height, this.onload = null, r(this) }, o.src = t.src } }(), noScroll: function () { var t, n, i, a, s, o, r, l, d; function c() { t = e(document.documentElement), n = e("#wrap"), i = e(GALAXY.isGalaxy ? "#header" : GALAXY.dom.header), a = i.find("p.link"), s = e("#gnb"), $gnbContentsBox = s.find(".g-contents"), o = s.find("p.g-close a"), r = e("#subnav p.gnb"), $subNavPreButton = e("#subnav p.pre-button"), l = e("div.f_backtotop"), d = GALAXY.scrollBarWidth } return { activated: !1, on: function () { var i = 0; !t && c(), GALAXY.scrollFixSkip = !0, t.addClass("no-scroll").css("paddingRight", d), GALAXY.areaWidth > 1920 + d ? (i = d, s.css("paddingRight", i), s.addClass("wide")) : s.removeClass("wide"), l.css("paddingRight", d), n.hasClass("subnav-fixed") && (r.css("marginRight", d - i), $subNavPreButton.css("marginRight", d - i)), e("#subnav .subnav-menus").length && GALAXY.areaWidth < 1920 + d && (e("#subnav .pre-button").css("padding-right", d), e("#subnav .subnav-menus ul").css("margin-right", d), e("#subnav.nav-type1 .heading a").css("margin-right", d), e(".subnav-inner .gnb").css("margin-right", d)), GALAXY.noScroll.activated = !0, GALAXY.noScroll.resize() }, off: function () { GALAXY.noScroll.activated = !1, GALAXY.scrollFixSkip = !1, t.removeClass("no-scroll").css("paddingRight", ""), s.css("paddingRight", ""), $gnbContentsBox.css("right", ""), o.css("marginRight", ""), l.css("paddingRight", ""), r.css("marginRight", ""), $subNavPreButton.css("marginRight", ""), e("#subnav .subnav-menus").length && GALAXY.areaWidth < 1920 + d && (e("#subnav .subnav-menus ul").css("margin-right", ""), e("#subnav.nav-type1 .heading a").css("margin-right", ""), e(".subnav-inner .gnb").css("margin-right", ""), e("#subnav .pre-button").css("margin-right", "")) }, resize: function () { if (!t && c(), !GALAXY.isPoorBrowser) { var e = Math.round((GALAXY.areaWidth - (i[0] ? i[0].offsetWidth : 0)) / 2); GALAXY.noScroll.activated && (e += GALAXY.scrollBarWidth), a.css("marginRight", e) } } } }(), bodyTabKeyControls: { on: function () { a.each(function () { var t = e(this).data("o-prev-tabindex"); null != t ? e(this).attr("tabindex", t) : e(this).removeAttr("tabindex"), e(this).removeData("o-prev-tabindex") }), i = a = null }, off: function (t) { i = t || e("#wrap"), (a = i.find("a,input,select,textarea,button,video,iframe")).each(function () { var t = e(this).attr("tabindex"), n = e(this).data("o-prev-tabindex"); null != n && null != n && "" != n || (null != t && e(this).data("o-prev-tabindex", t), e(this).attr("tabindex", "-1")) }) } }, setOverflowYEdges: function (t) { var n; e._event.getpoint; t.bind("touchstart", function (e) { n = GALAXY.getEventPoint(e)[1] }), t.bind("touchmove", function (e) { var t = GALAXY.getEventPoint(e)[1]; return 0 === this.scrollTop && t > n || this.scrollTop >= this.scrollHeight - this.offsetHeight && n > t ? (e.preventDefault(), !1) : (e.stopPropagation(), !0) }) }, getImageSources: function (e) { var t = e.attr("data-media-s4") || e.attr("src"), n = e.attr("data-media-s3") || t, i = e.attr("data-media-s2") || n; return [null, e.attr("data-media-s1") || i, i, n, t] }, setTabFocusTrap: function (t, n, i) { e('').focus(function () { n.focus() }).appendTo(t) }, getEventType: e._event.gettype, getEventPoint: e._event.getpoint, setTransitionEndEvent: (t = e.support.transition, n = "transitionend webkitTransitionEnd mozTransitionEnd oTransitionEnd msTransitionEnd", function (e, i, a) { t ? e.bind(n, function (t) { t.target == this && (i.call(this), e.unbind(n)) }) : i.call(e[0]) }), loadImage: function (e, t) { e[0].complete ? (e.unbind({load: t}), t.call(e)) : e[0].src == e[0].src ? e[0].complete ? (e.unbind({load: t}), t.call(e)) : e.unbind({load: t}).bind({load: t}) : (e.bind({load: t}), e[0].src = e[0].src) }, setMediaBaseURL: function (e) { return function (t) { return /^(http|\/)/.test(t) || 0 == ("" + t).indexOf(".") ? t : 0 == ("" + t).indexOf("/") ? t : e + t } }, sharing: function () { var t, n, i, a = e(document.body), s = GALAXY.stripTags(this.innerHTML).replace(/ /g, "").toLowerCase(), o = encodeURIComponent(location.href), r = encodeURIComponent(this.getAttribute("data-share-msg") || a.attr("data-msg") || ""), l = encodeURIComponent(this.getAttribute("data-share-tags") || a.attr("data-tags") || "SamsungMobile"); return "facebook" == s ? (t = [560, 525], n = "https://www.facebook.com/sharer/sharer.php?u=" + o) : "twitter" == s ? (t = [680, 400], n = "https://twitter.com/intent/tweet?text=" + r + "&hashtags=" + l + (o ? "&url=" + o : "")) : "googleplus" == s || "google+" == s ? (t = [510, 510], n = "https://plus.google.com/share?url=" + o) : "linkedin" == s && (t = [550, 500], n = "https://www.linkedin.com/shareArticle?url=" + o), (i = GALAXY.popup(n, t[0], t[1], "shareWindow")) && i.focus(), !1 }, setHash: function (e) { var t = location.href.split("#")[0]; location.replace(t + "#!/" + (e || "")) }, scrollTracking: function () { var t = e(this).data("omni-scroll-code"), n = GALAXY.___scroll_omniCode; GALAXY.___scroll_omniCode = t, null != t && "" != t && t != n && GALAXY.omniture("scroll:" + t) }, tracking: function () { var e = this.getAttribute("data-omni"), t = this.getAttribute("data-omni-type"); null != e && "" != e && GALAXY.omniture(e, t) }, omniture: function (e, t) { var n, i = window.OMNI_PAGE_NAME || ""; GALAXY.isGalaxy ? ("" != i && 0 == e.indexOf(i) && (e = e.replace(i + ":", "")), n = ["global:", window.OMNI_CAMPAIGN_NAME || "", 0 !== e.indexOf(":") ? ":" + i + ":" + e : e].join(""), GALAXY.isTestURL ? console.log('omniture: "' + n + '"') : window.omniture_click && omniture_click(n)) : (n = e, GALAXY.isTestURL ? console.log('omniture : "' + t + '", "' + n + '"') : window.sendClickCode && sendClickCode(t, n)) }, svgFillTween: e.browser.ie ? function (t, n) { e("span").css("color", t.getAttribute("fill"))._animate({color: n}, { queue: !1, duration: 250, easing: "easeInOutQuad", step: function (e) { t.setAttribute("fill", e.color) } }) } : function (e, t) { e.setAttribute("fill", t) }, popup: function (e, t, n, i) { return window.open(e, i || "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + (t + GALAXY.scrollBarWidth) + ",height=" + n) }, stripTags: function (e) { return e.replace(/<[^>]+>/g, "") }, addZero: function (e) { return 10 > e ? "0" + e : e }, preventDefault: function (e) { e.preventDefault() }, returnFalse: function () { return !1 }, getScrollTop: function () { return document.documentElement.scrollTop || document.body.scrollTop || 0 }, getScrollHeight: function () { return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight) }, getMaxScrollTop: function () { return GALAXY.getScrollHeight() - GALAXY.areaHeight }, setScrollTop: function (t) { e(window).scrollTop(t) }, setSmoothScrollTop: function (t, n, i) { e("html, body")._animate({scrollTop: t}, { queue: !1, duration: n || 1e3, easing: "easeInOutQuart", complete: i }) }, getScrollBarWidth: function () { var e, t = document.createElement("div"); return t.style.cssText = "position: absolute; left: -999em; width: 100px; height: 100px; overflow: scroll;", document.body.appendChild(t), e = 100 - t.clientWidth, document.body.removeChild(t), t = null, e }, scroll: function (t) { var n = navigator.userAgent.match(/(?:msie ([0-9]+)|rv:([0-9\.]+)\) like gecko)/i), i = /applewebkit/i.test(navigator.userAgent), a = document.documentElement, s = !1, o = 0, r = 0; function l() { return a.scrollTop || (document.body ? document.body.scrollTop : 0) || 0 } function d() { return Math.max(document.body ? document.body.scrollHeight : 0, a.scrollHeight) - Math.min(a.offsetHeight, a.clientHeight) } function c(t) { var n = "number" == typeof t ? t : l(); if (o = n, s) return s = !1, !1; GALAXY.scrollTop = n, r = d(), GALAXY.scrollTop = n, GALAXY.header && GALAXY.header.scroll && GALAXY.header.scroll(n, r), GALAXY.sections && GALAXY.sections.scroll && GALAXY.sections.scroll(n, r), GALAXY.footer && GALAXY.footer.scroll && GALAXY.footer.scroll(n, r), GALAXY.scrollFunctions.length && e.each(GALAXY.scrollFunctions, function () { this(n, r) }) } return /win/i.test(navigator.appVersion) && n && e(a).bind("mousewheel", function (e) { if (!0 === GALAXY.scrollFixSkip) return !0; var t, n; t = -1 * e.originalEvent.wheelDelta, (n = Math.min(d(), Math.max(0, l() + t))) != o && (c(n), s = !0, document[i ? "body" : "documentElement"].scrollTop = n), e.preventDefault() }), c }(), hello: function (t, n) { var i, a = e(t), s = a.closest('section[class^="m_"] > article, section[class^="m_"] > .m_content-article'); return s.length > 1 && (s = a.closest('article[class^="m_"]')), s && s.get(0) && ((i = s.data("hello")) || (i = []), n || (n = {}), n.css = n.css ? n.css : i.length ? "hello-" + (i.length + 1) : "hello", n.$elementTop = a, n.$elementBottom = n.bottom ? e(n.bottom) : a, n.baseLine = n.baseLine ? n.baseLine : 3, n.linetype = n.linetype, n.$elementReset = e(n.resetline), i.push(n), s.data("hello", i)), this }, resize: function (t) { if ("function" == typeof t) return this.resizeFunctions.push(t), this; var n, i, a, s = document.documentElement; if (n = s.clientWidth, GALAXY.isPoorBrowser && (n = Math.max(document.getElementById("wrap").offsetWidth, n)), i = e(window).height(), !0 !== t) { if (!e.browser.mobile && n == GALAXY.areaWidth && i == GALAXY.areaHeight) return; if (e.browser.mobile && n == GALAXY.areaWidth) return } a = n > 1440 ? 4 : n > 1023 ? 3 : n > 767 ? 2 : 1, GALAXY.prevSizeMode = GALAXY.sizeMode, a != GALAXY.sizeMode && (GALAXY.sizeMode = a, s.className = s.className.replace(/ *s[1-4][1-4]?/g, "") + " s" + a + " s" + (a > 2 ? 34 : 12)), s.className = s.className.replace(/ *s0/, "") + (360 > n ? " s0" : ""), GALAXY.areaWidth = n, GALAXY.areaHeight = i, GALAXY.header && GALAXY.header.resize && GALAXY.header.resize(), GALAXY.sections && GALAXY.sections.resize && GALAXY.sections.resize(), GALAXY.footer && GALAXY.footer.resize && GALAXY.footer.resize(), GALAXY.noScroll.resize(), GALAXY.resizeFunctions.length && e.each(GALAXY.resizeFunctions, function () { this() }), GALAXY.scroll() }, ready: function (t) { return void 0 === t ? this.readyFunctions.length && e.each(this.readyFunctions, function () { this() }) : "function" == typeof t && this.readyFunctions.push(t), this }, load: function (t) { void 0 === t ? this.loadFunctions.length && e.each(this.loadFunctions, function () { this() }) : "function" == typeof t && this.loadFunctions.push(t); var n = location.href.split("/#")[1], i = ["gnb_products", "gnb_how-tos", "gnb_gallery", "gnb_events", "gnb_apps"].indexOf(n); return null != n && -1 != i && e("#header p.menu a").click(), this }, initialize: function () { if (!this.initialized) { if (this.initialized = !0, function () { var t = "___GALAXY_SPEED", n = window.___GALAXY_START_TIME ? ___GALAXY_START_TIME : (new Date).getTime(), i = e._cookie.get(t), a = "L" == i ? "L" : "H" == i ? "H" : (new Date).getTime() - n > 2500 ? "L" : "H"; (e.browser.huawei || e.browser.uc) && (a = "L"); var s = GALAXY.isGalaxy ? e("#footer") : e(".m_dotcom_footer"), o = s.find(".select-network a.network"), r = s.find(".select-network .option"), l = o.text(), d = "", c = function (n) { return e._cookie.set(t, n, 1, "/"), this }; GALAXY.isPoorNetwork = e(document.documentElement).addClass("s" + a).hasClass("sL"), "L" != i && "H" != i && c(a), r.each(function () { var t = e(this).data("speed"); t == a && (d = " " + e(this).data("label")), e(this).on("click", function (e) { e.preventDefault(), c(t); try { window.scrollTo(0, 0) } catch (e) { } location.reload() }) }), l += "" != d ? d : "", o.on("click", function (t) { t.preventDefault(), t.stopPropagation(); var n = e(this).closest(".select-network"); n.hasClass("opened") ? n.removeClass("opened") : (n.addClass("opened"), e(document).one("click", function (t) { e(this).closest(".select-network").get(0) || n.removeClass("opened") })) }).text(l) }(), this.ready(), this.isGalaxy || (e(document.documentElement).addClass("dotcom"), this.path.root = "..", this.mediaBaseURL = "."), e(document.documentElement).addClass(e.browser.mobile ? "mobile" : "desktop").addClass(e.browser.huawei ? "huawei" : "").addClass(e.browser.uc ? "ucbrowser" : "").decideClass("oldandroid", e.browser.android && 430 > e.browser.android).decideClass("color_yb", "1" == e._cookie.get("highContrastMode")), this.hashMenu = location.href.split("#!/")[1], this.hashMenu && this.isTestURL && console.log('hash menu: "' + this.hashMenu + '"'), this.mediaBaseURL = this.mediaBaseURL.replace(/\/$/, ""), this.setMediaBaseURL = this.setMediaBaseURL(this.mediaBaseURL), this.scrollBarWidth = this.getScrollBarWidth(), e("body style").each(function () { this.removeAttribute("scoped") }), GALAXY.isGPSI) return this.resize(!0), e("body img").not('#kv [class*="f_header-"] img').not('#kv-type2 [class*="f_header-"] img').not("div.gift_header .heading img").not("div.theme-steps div.img img").each(function (t) { var n = e(this), i = GALAXY.setMediaBaseURL(GALAXY.getImageSources(n)[GALAXY.sizeMode].replace(/^\./, "")); n.attr("src", GALAXY.path.root + "/common/images/blank.gif"), n.css({ backgroundImage: "url(" + i + ")", backgroundRepeat: "no-repeat", backgroundSize: GALAXY.sizeMode > 2 ? "cover" : "100% auto", backgroundPosition: "50% 50%" }) }), e("#kv,#kv-type2").find('[class*="f_header-"]').find(".kv-title, .kv-text, div").show(), e("#kv,#kv-type2").css({ width: "100%", height: e(window).height() + 100 }).find("div.f_container figure").css({ left: "auto", width: "100%", marginLeft: "auto" }).css(e.support.transform, "none").find("img").css({ width: "100%", height: "100%" }), e("#kv,#kv-type2").find("div.f_container figure").each(function () { this.style.marginLeft = Math.min(0, (this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" }), void ((e("#kv").hasClass("m_content-slider") || e("#kv-type2").hasClass("m_content-slider")) && e("#kv,#kv-type2").children().not("nav").not(":first").hide()); this.header = this.header(), this.sections = this.sections(), this.footer = this.footer(), GALAXY.isGalaxy ? e("a[data-omni], button[data-omni]").unbind("click", GALAXY.tracking).bind("click", GALAXY.tracking) : e("#contents a[data-omni], #contents button[data-omni], .m_dotcom_footer a[data-omni]").unbind("click", GALAXY.tracking).bind("click", GALAXY.tracking), e(window).resize(function () { GALAXY.resize(), void 0 !== window.onorientationchange && setTimeout(function () { GALAXY.resize() }, 100) }).scroll(this.scroll), GALAXY.isGalaxy || "ja" != e("html").attr("lang") || e("body").on("scroll", function () { GALAXY.sizeMode < 3 && GALAXY.scroll() }), this.resize(!0), setTimeout(function () { window.initBuyNowButtons && window.initBuyNowButtons(), e(document.documentElement).addClass("load"), GALAXY.load(), setTimeout(function () { var t, n = location.hash; /#[A-Z0-9-_]+$/i.test(n) && (t = e(n)).length && GALAXY.setScrollTop(t.offset().top, 750) }, 100) }, 100) } } }, GALAXY.isGalaxy && e(window).on('load',function () { setTimeout(function () { GALAXY.initialize() }, 0) }) }(window.jQuery); !function (e, t) { "function" == typeof define && define.amd ? define(t) : "object" == typeof exports ? module.exports = t() : e.WowScroller = t() }(this, function () { var e = function () { }; e.version = "1.0.0", window.addEventListener("mousewheel", function () { }); return e.Manager = function (e) { GET_SCROLL = function () { return window.pageYOffset || s.scrollTop || n.scrollTop }; var t = this, r = window, o = document, s = o.documentElement, n = o.body, i = n.scrollHeight, a = (o.querySelector(".wow-scroller"), {width: r.innerWidth, height: r.innerHeight}), c = [], g = 0, u = 0, d = 0, h = e.globalDamper || .2, l = "up", f = function () { }, p = function (e) { var r = { id: "false", type: e.type || "normal", debug: !1, target: null, trigger: null, rect: null, screenAnchor: .5, triggerAnchor: .5, triggerWidth: 0, triggerHeight: 0, offsetTop: 0, offsetBottom: 0, calcedOffsetTop: 0, calcedOffsetBottom: 0, start: {anchor: null, rh: 0, vh: 0, px: 0}, end: {anchor: null, rh: 0, vh: 0, px: 0}, startPos: 0, endPos: 0, screenAnchorOffset: 0, damper: e.damper || h, duration: 0, preProgress: -1, progress: 0, realProgress: 0, dampedProgress: 0, isEndDamping: !0, isEnter: !1, hasViewportAction: !1, isInViewport: !1, state: "start", recalculation: function () { this.realProgress = this.dampedProgress = (g - this.startPos) / this.duration, this.progress = t.range(this.realProgress, 0, 1), this.progress > 0 && this.progress < 1 && (this.isEnter = !0) }, beforeUpdate: function () { }, resize: f, enter: f, enterFromTop: f, enterFromBottom: f, step: f, out: f, outToTop: f, outToBottom: f, outViewToTop: null, outViewToBottom: null, debugger: f }, o = $.extend(!0, r, e); return o.trigger = o.trigger ? o.trigger : o.target, o.triggerWidth = o.trigger.width(), o.triggerHeight = o.trigger.height(), o.hasViewportAction = null != o.outViewToTop || null != o.outViewToBottom, o.debug && (o.debugger = new function () { 0 == $(".ws-debug").length && $("body").append($('')), this.dom = $(''), $(".ws-debug").append(this.dom) }), o }; return this.ease = function (e, t) { switch (e) { case "linear": return t; case "easeInQuad": return t * t; case "easeOutQuad": return t * (2 - t); case "easeInOutQuad": return t < .5 ? 2 * t * t : (4 - 2 * t) * t - 1; case "easeInCubic": return t * t * t; case "easeOutCubic": return --t * t * t + 1; case "easeInOutCubic": return t < .5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1; case "easeInQuart": return t * t * t * t; case "easeOutQuart": return 1 - --t * t * t * t; case "easeInOutQuart": return t < .5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t; case "easeInQuint": return t * t * t * t * t; case "easeOutQuint": return 1 + --t * t * t * t * t; case "easeInOutQuint": return t < .5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t } }, this.range = function (e, t, r, o) { var s = e < t ? 0 : e > r ? 1 : (e - t) / (r - t); return 3 == arguments.length ? s : 4 == arguments.length ? o(s) : void 0 }, this.range2 = function (e, t, r, o) { console.log("preProgress - ", e.preProgress), console.log("Progress - ", e.progress); var s = e.progress, n = e.preProgress, i = s < t ? 0 : s > r ? 1 : (s - t) / (r - t), a = n < t ? 0 : n > r ? 1 : (n - t) / (r - t); return 3 == arguments.length ? i : 4 == arguments.length ? (console.log("p - ", i), console.log("preP - ", a), o(i)) : void 0 }, this.transform = function (e, t) { var r = ""; t.forEach(function (e) { var t = !1, o = !1, s = !1; for (var n in e) switch (n) { case "tx": case "ty": case "tz": e[n] = "number" == typeof e[n] ? e[n] + "px" : e[n], t = !0; break; case "sx": case "sy": case "sz": o = !0; break; case "rz": s = !0 } t ? r += " translate3d(" + (null != e.tx ? e.tx : 0) + ", " + (null != e.ty ? e.ty : 0) + ", " + (null != e.tz ? e.tz : 0) + ")" : o ? r += " scale3d(" + (null != e.sx ? e.sx : 1) + ", " + (null != e.sy ? e.sy : 1) + ", " + (null != e.sz ? e.sz : 1) + ")" : s && (r += " rotate3d(0, 0, 1, " + e.rz + "deg)") }), $(e).css("transform", r) }, this.getScrollDir = function () { return l }, this.update = function () { g = GET_SCROLL(), d = g + a.height, l = g - u < 0 ? "up" : "down", i != n.scrollHeight && (i = n.scrollHeight, c.forEach(function (e) { e.resize() }), t.recalculation()), c.forEach(function (e) { if (function (e) { e.realProgress = (g - e.startPos) / e.duration, 1 !== e.damper ? e.dampedProgress !== e.realProgress ? (e.dampedProgress = (r = e.dampedProgress, o = e.realProgress, s = e.damper, r + (o - r) * (s = (s = s < 0 ? 0 : s) > 1 ? 1 : s)), Math.abs(e.realProgress - e.dampedProgress) < .001 && (e.dampedProgress = e.realProgress, e.isEndDamping = !0), "sticky" == e.type && $("html").hasClass("ie") && (e.dampedProgress = e.realProgress), e.progress = e.dampedProgress) : e.isEndDamping = !1 : e.progress = e.realProgress; var r, o, s; e.progress = t.range(e.progress, 0, 1) }(e), e.preProgress != e.progress) { if (e.progress >= 0 && e.progress <= 1 && !e.isEnter && function (e) { e.isEnter || (e.enter(), e.preProgress - e.progress > 0 ? e.enterFromBottom() : e.enterFromTop(), e.isEnter = !0) }(e), e.progress >= 0 && e.progress <= 1 && (e.step(), e.debug)) { var r = Math.round(100 * e.progress); e.debugger.dom.find(".ws-debug__itm-digit").text(r), e.debugger.dom.find(".ws-debug__itm-bg").css("height", r + "%") } (e.progress <= 0 || e.progress >= 1) && e.isEnter && function (e) { e.isEnter && (e.out(), e.preProgress - e.progress > 0 ? e.outToTop() : e.outToBottom(), e.isEnter = !1) }(e), e.hasViewportAction && (e.isInViewport ? e.outViewToTop && g > e.rect.bottom ? e.isInViewport = !1 : e.outViewToBottom && g + $(window).height() < e.rect.top && (e.isInViewport = !1) : d > e.startViewPos && d < e.endViewPos && (e.isInViewport = !0)), e.preProgress = e.progress } }), u = g }, this.recalculation = function (e) { a = {width: r.innerWidth, height: r.innerHeight}; var o = []; void 0 !== e ? o.push(e) : o = c, o.forEach(function (e) { if (e.rect = e.trigger[0].getBoundingClientRect(), e.screenAnchorOffset = e.screenAnchor * a.height, e.triggerAnchorOffset = e.triggerAnchor * e.triggerHeight, "object" == typeof e.offsetTop ? e.calcedOffsetTop = e.offsetTop.target.height() * e.offsetTop.anchor : e.calcedOffsetTop = e.offsetTop, "object" == typeof e.offsetBottom ? e.calcedOffsetBottom = e.offsetBottom.target.height() * e.offsetBottom.anchor : e.calcedOffsetBottom = e.offsetBottom, e.startPos = e.rect.top - e.screenAnchorOffset + e.calcedOffsetTop + GET_SCROLL(), e.endPos = e.rect.bottom - e.screenAnchorOffset + e.calcedOffsetBottom + GET_SCROLL(), e.start.anchor) { var r = e.start.anchor[0].getBoundingClientRect().top + GET_SCROLL(), o = e.start.rh && e.start.rh / 100 * e.start.anchor.outerHeight(), s = e.start.vh && -e.start.vh / 100 * a.height; if (e.startPos = r + o + s + e.start.px, e.end.anchor) { r = e.end.anchor[0].getBoundingClientRect().top + GET_SCROLL(), o = e.end.rh && e.end.rh / 100 * e.end.anchor.outerHeight(), s = e.end.vh && -e.end.vh / 100 * a.height; e.endPos = r + o + s + e.end.px; try { if (e.startPos >= e.endPos) throw { name: "", message: "Error -> required (EndPoint > StartPoint)" } } catch (e) { console.log(e.message) } } } e.startViewPos = e.rect.top + GET_SCROLL(), e.endViewPos = e.rect.bottom + GET_SCROLL() + a.height, e.duration = e.endPos - e.startPos, e.progress = e.realProgress = t.range(e.dampedProgress = (g - e.startPos) / e.duration, 0, 1), 0 == e.progress ? e.preProgress = 1e-5 : 1 == e.progress && (e.preProgress = -1e-5) }) }, this.add = function (e) { var r = new p(e); return c.push(r), t.recalculation(r), r }, this.getRootScroll = function () { return rootScroll }, this.getDocScroll = function () { return g }, window.addEventListener("resize", function () { c.forEach(function (e) { e.resize() }) }, !1), window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || function (e) { return setTimeout(e, 1e3 / 60) }, function e() { t.update(), window.requestAnimationFrame(e) }(), t }, e }); var CreateSequence = function (e) { var t = e.target, r = e.target[0].getContext("2d"), o = e.cw || e.target.attr("width"), s = e.ch || e.target.attr("height"), n = (e.extension, e.urls), i = 0, a = -1, c = e.frameCount, g = -1, u = [], d = function (e, t) { var r = this, o = new Image; o.src = n[e], o.onload = function () { r.isLoaded = !0, t.drawFromChild(e) }, this.img = o, this.isLoaded = !1 }; this.loadFrame = function (e) { null == u[e] && (u[e] = new d(e, this)) }, this.draw = function (e) { var t; if ((t = function (e) { if (g == e) return !1; var t = Math.floor(e * (c - 1)); if (i == t) return !1; i = t; var r = -1; return u.filter(function (e, t) { t <= i && e.isLoaded && (r = t) }), a != r && (a = r, !0) }(e)) && (r.clearRect(0, 0, o, s), r.drawImage(u[a].img, (o - u[a].img.width) / 2, (s - u[a].img.height) / 2, u[a].img.width, u[a].img.height)), g = e, t) return a }, this.drawFromChild = function (e) { i != e && 0 != e || (a = e, r.clearRect(0, 0, o, s), r.drawImage(u[a].img, (o - u[a].img.width) / 2, (s - u[a].img.height) / 2, u[a].img.width, u[a].img.height)), t == $(".health_canvas") && (71 == a ? $(".m_feature-health .canvas_area").css("background-color", "#ccc") : 72 == a ? $(".m_feature-health .canvas_area").css("background-color", "#989898") : 73 == a ? $(".m_feature-health .canvas_area").css("background-color", "#666") : 74 == a ? $(".m_feature-health .canvas_area").css("background-color", "#343434") : a > 74 ? $(".m_feature-health .canvas_area").css("background-color", "#000") : $(".m_feature-health .canvas_area").css("background-color", "#fff")) }, this.frameCount = c, this.loadCount = [], this.frames = u }, SeqLoader = function () { var e = function (e) { e.loadCount.reduce(function (t, r) { var o = Math.floor((t + r) / 2); return e.loadCount[o] = o, e.loadFrame(o), r }) }; this.add = function (t) { t.forEach(function (t, r) { t.loadCount[0] = 0, t.loadFrame(0), t.loadCount[t.frameCount - 1] = t.frameCount - 1, t.loadFrame(t.loadCount[t.frameCount - 1]), e(t), e(t), e(t), e(t), e(t), e(t), e(t), e(t), e(t) }) } };/*! * imagesLoaded PACKAGED v4.1.4 * JavaScript is all like "You images are done yet or what?" * MIT License */ !function (e, t) { "function" == typeof define && define.amd ? define("ev-emitter/ev-emitter", t) : "object" == typeof module && module.exports ? module.exports = t() : e.EvEmitter = t() }("undefined" != typeof window ? window : this, function () { function e() { } var t = e.prototype; return t.on = function (e, t) { if (e && t) { var i = this._events = this._events || {}, n = i[e] = i[e] || []; return n.indexOf(t) == -1 && n.push(t), this } }, t.once = function (e, t) { if (e && t) { this.on(e, t); var i = this._onceEvents = this._onceEvents || {}, n = i[e] = i[e] || {}; return n[t] = !0, this } }, t.off = function (e, t) { var i = this._events && this._events[e]; if (i && i.length) { var n = i.indexOf(t); return n != -1 && i.splice(n, 1), this } }, t.emitEvent = function (e, t) { var i = this._events && this._events[e]; if (i && i.length) { i = i.slice(0), t = t || []; for (var n = this._onceEvents && this._onceEvents[e], o = 0; o < i.length; o++) { var r = i[o], s = n && n[r]; s && (this.off(e, r), delete n[r]), r.apply(this, t) } return this } }, t.allOff = function () { delete this._events, delete this._onceEvents }, e }), function (e, t) { "use strict"; "function" == typeof define && define.amd ? define(["ev-emitter/ev-emitter"], function (i) { return t(e, i) }) : "object" == typeof module && module.exports ? module.exports = t(e, require("ev-emitter")) : e.imagesLoaded = t(e, e.EvEmitter) }("undefined" != typeof window ? window : this, function (e, t) { function i(e, t) { for (var i in t) e[i] = t[i]; return e } function n(e) { if (Array.isArray(e)) return e; var t = "object" == typeof e && "number" == typeof e.length; return t ? d.call(e) : [e] } function o(e, t, r) { if (!(this instanceof o)) return new o(e, t, r); var s = e; return "string" == typeof e && (s = document.querySelectorAll(e)), s ? (this.elements = n(s), this.options = i({}, this.options), "function" == typeof t ? r = t : i(this.options, t), r && this.on("always", r), this.getImages(), h && (this.jqDeferred = new h.Deferred), void setTimeout(this.check.bind(this))) : void a.error("Bad element for imagesLoaded " + (s || e)) } function r(e) { this.img = e } function s(e, t) { this.url = e, this.element = t, this.img = new Image } var h = e.jQuery, a = e.console, d = Array.prototype.slice; o.prototype = Object.create(t.prototype), o.prototype.options = {}, o.prototype.getImages = function () { this.images = [], this.elements.forEach(this.addElementImages, this) }, o.prototype.addElementImages = function (e) { "IMG" == e.nodeName && this.addImage(e), this.options.background === !0 && this.addElementBackgroundImages(e); var t = e.nodeType; if (t && u[t]) { for (var i = e.querySelectorAll("img"), n = 0; n < i.length; n++) { var o = i[n]; this.addImage(o) } if ("string" == typeof this.options.background) { var r = e.querySelectorAll(this.options.background); for (n = 0; n < r.length; n++) { var s = r[n]; this.addElementBackgroundImages(s) } } } }; var u = {1: !0, 9: !0, 11: !0}; return o.prototype.addElementBackgroundImages = function (e) { var t = getComputedStyle(e); if (t) for (var i = /url\((['"])?(.*?)\1\)/gi, n = i.exec(t.backgroundImage); null !== n;) { var o = n && n[2]; o && this.addBackground(o, e), n = i.exec(t.backgroundImage) } }, o.prototype.addImage = function (e) { var t = new r(e); this.images.push(t) }, o.prototype.addBackground = function (e, t) { var i = new s(e, t); this.images.push(i) }, o.prototype.check = function () { function e(e, i, n) { setTimeout(function () { t.progress(e, i, n) }) } var t = this; return this.progressedCount = 0, this.hasAnyBroken = !1, this.images.length ? void this.images.forEach(function (t) { t.once("progress", e), t.check() }) : void this.complete() }, o.prototype.progress = function (e, t, i) { this.progressedCount++, this.hasAnyBroken = this.hasAnyBroken || !e.isLoaded, this.emitEvent("progress", [this, e, t]), this.jqDeferred && this.jqDeferred.notify && this.jqDeferred.notify(this, e), this.progressedCount == this.images.length && this.complete(), this.options.debug && a && a.log("progress: " + i, e, t) }, o.prototype.complete = function () { var e = this.hasAnyBroken ? "fail" : "done"; if (this.isComplete = !0, this.emitEvent(e, [this]), this.emitEvent("always", [this]), this.jqDeferred) { var t = this.hasAnyBroken ? "reject" : "resolve"; this.jqDeferred[t](this) } }, r.prototype = Object.create(t.prototype), r.prototype.check = function () { var e = this.getIsImageComplete(); return e ? void this.confirm(0 !== this.img.naturalWidth, "naturalWidth") : (this.proxyImage = new Image, this.proxyImage.addEventListener("load", this), this.proxyImage.addEventListener("error", this), this.img.addEventListener("load", this), this.img.addEventListener("error", this), void (this.proxyImage.src = this.img.src)) }, r.prototype.getIsImageComplete = function () { return this.img.complete && this.img.naturalWidth }, r.prototype.confirm = function (e, t) { this.isLoaded = e, this.emitEvent("progress", [this, this.img, t]) }, r.prototype.handleEvent = function (e) { var t = "on" + e.type; this[t] && this[t](e) }, r.prototype.onload = function () { this.confirm(!0, "onload"), this.unbindEvents() }, r.prototype.onerror = function () { this.confirm(!1, "onerror"), this.unbindEvents() }, r.prototype.unbindEvents = function () { this.proxyImage.removeEventListener("load", this), this.proxyImage.removeEventListener("error", this), this.img.removeEventListener("load", this), this.img.removeEventListener("error", this) }, s.prototype = Object.create(r.prototype), s.prototype.check = function () { this.img.addEventListener("load", this), this.img.addEventListener("error", this), this.img.src = this.url; var e = this.getIsImageComplete(); e && (this.confirm(0 !== this.img.naturalWidth, "naturalWidth"), this.unbindEvents()) }, s.prototype.unbindEvents = function () { this.img.removeEventListener("load", this), this.img.removeEventListener("error", this) }, s.prototype.confirm = function (e, t) { this.isLoaded = e, this.emitEvent("progress", [this, this.element, t]) }, o.makeJQueryPlugin = function (t) { t = t || e.jQuery, t && (h = t, h.fn.imagesLoaded = function (e, t) { var i = new o(this, e, t); return i.jqDeferred.promise(h(this)) }) }, o.makeJQueryPlugin(), o }); $(function () { var ws = new WowScroller.Manager({}); var seqLoader = new SeqLoader(); var ww = $(window).width(); var sizeMode = (360 > ww) ? 0 : (768 > ww) ? 1 : (1024 > ww) ? 2 : (1441 > ww) ? 3 : 4; var classicStart = 0; var gnbHeight = function () { if ($("html").hasClass("dotcom")) { if ($(".ma-floating-nav").length > 0) { return $(".ma-floating-nav").outerHeight(); } else { return 96; } } return $("#subnav").outerHeight(); }; var isIE11 = $("html").hasClass("ie"); ws.add({ target: $("#wrap"), start: {anchor: $("#wrap"), vh: 0, rh: 0, px: 1}, end: {anchor: $(".m_feature-kv"), vh: 0, rh: 100, px: 0}, damper: 1, resize: function () { var ww = $(window).width(); sizeMode = (360 > ww) ? 0 : (768 > ww) ? 1 : (1024 > ww) ? 2 : (1441 > ww) ? 3 : 4; classicStart = $(document).scrollTop() + $(".m_feature-classic .f_inner")[0].getBoundingClientRect().top + parseInt($(".i_classic-start").css("top")); } }); ws.add({ target: $(".m_feature-kv"), start: {anchor: $(".m_feature-kv"), vh: 100, rh: 0, px: 0}, end: {anchor: $(".m_feature-kv"), vh: 0, rh: 100, px: 0}, damper: 1, enter: function () { $(".o_snav").addClass("s_snav-ready"); if ($(".s_kv-active").length > 0) { $(".o_snav").addClass("s_active"); } }, out: function () { $(".o_snav").removeClass("s_snav-ready"); if ($(".s_kv-active").length > 0) { $(".o_snav").removeClass("s_active"); } } }); $(".a_fade").each(function () { var $articleThis = $(this); ws.add({ target: $articleThis, screenAnchor: 0.9, enterFromTop: function () { $articleThis.addClass("a_fade-in"); } }); }); var overviewUrls = []; for (var i = 0; i < 90; i++) { var domSeq = $(".seq-data").attr("data-seq1-" + i); overviewUrls.push(domSeq); } var overviewSeq = new CreateSequence({ target: $(".overview_canvas"), urls: overviewUrls, frameCount: 90, }); var healthUrls = []; for (var i = 0; i < 101; i++) { var domSeq = $(".seq-data").attr("data-seq2-" + i); healthUrls.push(domSeq); } var healthSeq = new CreateSequence({ target: $(".health_canvas"), urls: healthUrls, frameCount: 101, }); GALAXY.load(function () { var supTit = $('#desc-section').find('ol').attr('data-title'); $('sup', 'article[class^=m_feature]').each(function (i) { var $sup = $(this); if (!$sup.hasClass('default')) { var disclaimers = this.innerHTML.split(','); for (var i = 0, Html = ''; i < disclaimers.length; i++) { if (i > 0) { Html += ', '; } Html += '' + disclaimers[i].replace(/\s/g, '') + ''; } $sup.html(Html); if ($sup.closest('.pos-out').length) { var pos = $sup.closest('.pos-out'); var _clone = $sup.detach(); pos.append(_clone); } } }); $('article[class^=m_feature]').find('a.click_sup').on('click', function (e) { e.preventDefault(); if ($('#desc-section').length) { var idx = parseInt($(this).text().split(',')[0]) - 1, $item = $('#desc-section').find('li').eq(idx), $newItem; $item.wrapInner(''); $newItem = $item.find('>a'); $newItem.attr({'tabindex': '0'}).focus().one('blur', function () { $item.html($newItem.html()); }); } }); }); var overviewSeqLoaded = false; var healthSeqLoaded = false; $(window).on('load', function () { var isFirstStep = false; $(document).scroll(function () { isFirstStep = true; }); ws.add({ target: $(".m_feature-classic"), start: {anchor: $(".m_feature-slogun .c_desc-sum1"), vh: 100, rh: 0, px: 0}, end: {anchor: $(".m_feature-classic"), vh: 0, rh: 100, px: 0}, step: function () { if (isFirstStep && !overviewSeqLoaded) { seqLoader.add([overviewSeq]); overviewSeqLoaded = true; } } }); ws.add({ target: $(".m_feature-ecg"), start: {anchor: $(".m_feature-ecg"), vh: 100, rh: 0, px: 0}, end: {anchor: $(".m_feature-workout"), vh: 0, rh: 100, px: 0}, step: function () { if (isFirstStep && !healthSeqLoaded) { seqLoader.add([healthSeq]); healthSeqLoaded = true; } } }); }); $(".m_feature-kv").imagesLoaded(function () { var kvActionFunc = function () { var kvAction = ($("html,body").scrollTop() - $(".m_feature-kv").offset().top) + ($(window).outerHeight() * 0.7); if (kvAction > 0 && !$(".m_feature-kv").hasClass("s_kv-active")) { $(".m_feature-kv").addClass("s_kv-active"); $(".s_kv-active .c_tit-sum1").one("transitionend", function () { if ($(".s_snav-ready").length > 0) { $(".o_snav").delay(0).queue(function () { $(this).addClass("s_active"); }); } }); } }; kvActionFunc(); $(window).scroll(function () { kvActionFunc(); }); }); ws.add({ type: "sticky", target: $(".m_feature-overview .sticky_wrap"), start: {anchor: $(".m_feature-overview .i_overview-start"), vh: 0, rh: 0, px: 0}, end: {anchor: $(".m_feature-overview .i_overview-end"), vh: 0, rh: 0, px: 0}, damper: 0.15, step: function () { ws.range(this.progress, 0.1, 0.4, function (per) { overviewSeq.draw(per); }); ws.range(this.progress, 0.4, 0.41, function (per) { $('.img_wrap').css('opacity', per); }); ws.range(this.progress, 0.6, 0.65, function (per) { $('.step01 img').css('opacity', per); }); ws.range(this.progress, 0.65, 0.7, function (per) { $('.step02 img').css('opacity', per); }); ws.range(this.progress, 0.7, 0.75, function (per) { $('.step03 img').css('opacity', per); }); ws.range(this.progress, 0.75, 0.8, function (per) { $('.step04 img').css('opacity', per); }); ws.range(this.progress, 0.8, 0.85, function (per) { $('.step05 img').css('opacity', per); }); }, enterFromTop: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, enterFromBottom: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, outToBottom: function () { if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", "calc(100% - " + this.target.outerHeight() + "px)"); } }, outToTop: function () { if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", 0); } }, resize: function () { var contentHeight = this.target.outerHeight(); var contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight; if (contentGap < 0) { var parentGap = this.target.find(".f_body")[0].getBoundingClientRect().top - this.target[0].getBoundingClientRect().top; contentHeight = this.target.find(".f_body").outerHeight() + parentGap; contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight - parentGap; } newTop = contentGap / 2 + gnbHeight(); this.target.css("top", newTop); $(".i_overview-start").css("top", -newTop); $(".i_overview-end").css("bottom", newTop + contentHeight); } }); var newTop; ws.add({ type: "sticky", target: $(".m_feature-classic .sticky_wrap"), start: {anchor: $(".m_feature-classic .i_classic-start"), vh: 0, rh: 0, px: 0}, end: {anchor: $(".m_feature-classic .i_classic-end"), vh: 0, rh: 0, px: 0}, damper: 0.15, step: function () { var title = $(".m_feature-classic").data('select'); $('.m_feature-classic .f_container img').attr('aria-hidden', 'false'); if (this.progress >= 0 && this.progress < 0.15) { aDefault(); $('.size45').addClass('on').attr('title', title); $('.size45_color .btn_black').addClass('on').attr('title', title); $('.m_feature-classic .f_header-wrap').removeClass('text_black'); $('.m_feature-classic .f_container .black_45mm img').attr('aria-hidden', 'true'); } else if (this.progress >= 0.15 && this.progress < 0.45) { aDefault(); $('.size45').addClass('on').attr('title', title); $('.size45_color .btn_silver').addClass('on').attr('title', title); $('.m_feature-classic .f_header-wrap').removeClass('text_black'); $('.m_feature-classic .f_container .silver_45mm img').attr('aria-hidden', 'true'); } else if (this.progress >= 0.45 && this.progress < 0.75) { aDefault(); $('.size41').addClass('on').attr('title', title); $('.size41_color .btn_bronze').addClass('on').attr('title', title); $('.m_feature-classic .f_header-wrap').addClass('text_black'); $('.m_feature-classic .f_container .bronze_41mm img').attr('aria-hidden', 'true'); } else if (this.progress >= 0.75 && this.progress < 1) { aDefault(); $('.size41').addClass('on').attr('title', title); $('.size41_color .btn_silver').addClass('on').attr('title', title); $('.m_feature-classic .f_header-wrap').removeClass('text_black'); $('.m_feature-classic .f_container .silver_41mm img').attr('aria-hidden', 'true'); } ws.range(this.progress, 0, 0.3333, function (per) { $(".m_feature-classic .black_45mm").css("height", 100 + (-per * 100) + '%'); }); ws.range(this.progress, 0.3333, 0.6666, function (per) { $(".m_feature-classic .silver_45mm").css("height", 100 + (-per * 100) + '%'); }); ws.range(this.progress, 0.6666, 1, function (per) { $(".m_feature-classic .bronze_41mm").css("height", 100 + (-per * 100) + '%'); }); function aDefault() { $('.m_feature-classic a').removeClass('on'); $('.m_feature-classic a').attr('title', ''); } }, enter: function () { $('.watch_size_wrap .size45').addClass('on'); $('.btn_color_chip .size45_color .btn_black').addClass('on'); }, out: function () { }, outToTop: function () { $('.watch_size_wrap .size45').addClass('on'); $('.btn_color_chip .size45_color .btn_black').addClass('on'); if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", 0); } }, outToBottom: function () { $('.watch_size_wrap .size41').addClass('on'); $('.btn_color_chip .size41_color .btn_silver').addClass('on'); if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", "calc(100% - " + this.target.outerHeight() + "px)"); } }, enterFromTop: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, enterFromBottom: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, resize: function () { var $targetImages = this.target.find('img'), ImagesHeight = $targetImages.height(), windowHeight = $(window).outerHeight() - gnbHeight(), contentHeight = this.target.outerHeight(), contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight, headerWrap = this.target.find('.f_header-wrap').outerHeight(); $fContainer = this.target.find('.f_container'); if (sizeMode > 2) { $fContainer.css({'height': 'calc(100vh + ' + gnbHeight() + 'px)'}); this.target.css("top", '0'); $(".i_classic-start").css("top", '0'); $(".i_classic-end").css("bottom", contentHeight); } else { $fContainer.css({'height': ''}); if (contentGap < 0) { var parentGap = this.target.find(".f_body")[0].getBoundingClientRect().top - this.target[0].getBoundingClientRect().top; contentHeight = this.target.find(".f_body").outerHeight() + parentGap; contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight - parentGap; } var newTop = contentGap / 2 + gnbHeight(); this.target.css("top", -(headerWrap - gnbHeight())); $(".i_classic-start").css("top", headerWrap - gnbHeight()); $(".i_classic-end").css("bottom", newTop + contentHeight); } if (sizeMode < 3) { var paddingSet = windowHeight - ImagesHeight + 1; if (ImagesHeight < windowHeight) { this.target.find('img').css({ 'padding-top': (paddingSet / 2), 'padding-bottom': (paddingSet / 2) }); } else { } } } }); $('.control_btn_wrap a').on('click', function (e) { e.preventDefault(); var $this = $(this), title = $(this).parents('article').data('select'), thisSize = $this.attr('data-size'), thisColor = $this.attr('data-color') == undefined ? null : $this.attr('data-color'); top = $('.m_feature-classic .f_container').offset().top; var classicDuration = $(".i_classic-end").offset().top - $(".i_classic-start").offset().top; var classicDurationSet = (classicDuration / 3); var newHook = classicStart; $('.control_btn_wrap a').attr('title', ''); $this.attr('title', title); if (thisSize == '45') { if (thisColor == null || thisColor == 'black') { newHook = $(".i_classic-start").offset().top; } else if (thisColor == 'silver') { newHook = $(".i_classic-start").offset().top + classicDurationSet; } } else if (thisSize == '41') { if (thisColor == null || thisColor == 'bronze') { newHook = $(".i_classic-start").offset().top + ((classicDurationSet * 2)); } else if (thisColor == 'silver') { newHook = $(".i_classic-start").offset().top + ((classicDurationSet * 3)); } } $('html, body').scrollTop(newHook); }); ws.add({ target: $(".m_feature-strap"), start: {anchor: $(".m_feature-strap"), vh: 100, rh: 0, px: 0}, end: {anchor: $(".m_feature-strap"), vh: 0, rh: 100, px: 0}, damper: 0.1, step: function () { if (sizeMode < 2) { ws.transform(".m_feature-strap .i_pink", [{ty: (-this.progress * 10) + "vw"}]); ws.transform(".m_feature-strap .i_black", [{ty: (-this.progress * 25) + "vw"}]); } else { ws.transform(".m_feature-strap .i_pink", [{ty: -this.progress * 150}]); ws.transform(".m_feature-strap .i_black", [{ty: -this.progress * 400}]); } }, }); ws.add({ type: "sticky", target: $(".m_feature-faces .sticky_wrap"), start: {anchor: $(".m_feature-faces .i_faces-start"), vh: 0, rh: 0, px: 0}, end: {anchor: $(".m_feature-faces .i_faces-end"), vh: 0, rh: 0, px: 0}, damper: 0.15, step: function () { ws.range(this.progress, 0, 0.4, function (per) { if (per > 0 && per <= 1) { ws.transform(".m_feature-faces .watch_face08", [{rz: 0}, {tx: 0 + "%"}]); ws.transform(".m_feature-faces .watch_face09", [{rz: 3}, {tx: 100 + "%"}]); } }); ws.range(this.progress, 0.4, 0.5, function (per) { if (per > 0 && per <= 1) { ws.transform(".m_feature-faces .watch_face08", [{rz: -per * 3}, {tx: -(0 + (per * 100)) + "%"}]); ws.transform(".m_feature-faces .watch_face09", [{rz: 3 - (per * 3)}, {tx: (100 - (per * 100)) + "%"}]); } }); ws.range(this.progress, 0.5, 0.55, function (per) { if (per > 0 && per <= 1) { ws.transform(".m_feature-faces .watch_face09", [{rz: 0}, {tx: 0 + "%"}]); ws.transform(".m_feature-faces .watch_face10", [{rz: 3}, {tx: 100 + "%"}]); } }); ws.range(this.progress, 0.55, 0.65, function (per) { if (per > 0 && per <= 1) { ws.transform(".m_feature-faces .watch_face09", [{rz: -per * 3}, {tx: -(0 + (per * 100)) + "%"}]); ws.transform(".m_feature-faces .watch_face10", [{rz: 3 - (per * 3)}, {tx: 100 - (per * 100) + "%"}]); } }); ws.range(this.progress, 0.65, 0.7, function (per) { if (per > 0 && per <= 1) { ws.transform(".m_feature-faces .watch_face10", [{rz: 0}, {tx: 0 + "%"}]); ws.transform(".m_feature-faces .watch_face11", [{rz: 3}, {tx: 100 + "%"}]); } }); ws.range(this.progress, 0.7, 0.8, function (per) { if (per > 0 && per <= 1) { ws.transform(".m_feature-faces .watch_face10", [{rz: -per * 3}, {tx: -(0 + (per * 100)) + "%"}]); ws.transform(".m_feature-faces .watch_face11", [{rz: 3 - (per * 3)}, {tx: 100 - (per * 100) + "%"}]); } }); }, enterFromTop: function () { $(".m_feature-faces").addClass('action'); if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, enterFromBottom: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, outToTop: function () { $(".m_feature-faces").removeClass('action'); if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", 0); } }, outToBottom: function () { if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", "calc(100% - " + this.target.outerHeight() + "px)"); } }, resize: function () { var contentHeight = this.target.outerHeight(); var contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight; if (sizeMode < 3) { var parentGap = this.target.find(".f_body")[0].getBoundingClientRect().top - this.target[0].getBoundingClientRect().top; contentHeight = this.target.find(".f_body").outerHeight() + parentGap; contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight - parentGap; } var newTop = contentGap / 2 + gnbHeight(); this.target.css("top", newTop); $(".i_faces-start").css("top", -newTop); $(".i_faces-end").css("bottom", newTop + contentHeight); } }); var $titaniumTarget = $('.m_feature-titanium').find('.target_img'); ws.add({ target: $(".m_feature-titanium"), start: { anchor: $(".m_feature-titanium"), vh: 100, rh: 0, px: 0 }, end: { anchor: $(".m_feature-titanium"), vh:0, rh: 0, px: 0 }, damper: 0.15, step: function(){ if(sizeMode < 3){ return } ws.range(this.progress, 0, 0.8, function(per){ ws.transform($(".m_feature-titanium .f_container"), [ { ty: (200 - (per * 200))} ]); }); } }); ws.add({ type: "sticky", target: $(".m_feature-titanium .sticky_wrap"), start: { anchor: $(".m_feature-titanium .i_titanium-start"), vh: 0, rh: 0, px: 0 }, end: { anchor: $(".m_feature-titanium .i_titanium-end"), vh:0, rh: 0, px: 0 }, damper: 0.15, step: function(){ if(sizeMode < 3){ return } ws.range(this.progress, 0, 0.55, function(per){ ws.transform($titaniumTarget, [ { tx: (-15 - (per * 35))+'%', ty: (8 - (per * 58))+'%'}, { rz : 90 - (per*90) }, { sx: (220 - (per*120))/100, sy: (220 - (per*120))/100, sz: 1} ]); }); ws.range(this.progress, 0.55, 0.65, function(per){ var backgroundPer = 255-(per*255); $(".m_feature-titanium").css('background', 'rgba('+ backgroundPer +', '+ backgroundPer +', '+ backgroundPer +', 1)'); }); if(this.progress >= 0.7 && this.progress <= 1){ ws.range(this.progress, 0.7, 0.8, function(per){ $(".m_feature-titanium .f_header-wrap").css({'opacity':per, 'visibility':'visible'}); }); }else{ $(".m_feature-titanium .f_header-wrap").css('visibility','hidden'); } }, enterFromTop: function(){ if(isIE11){ this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, enterFromBottom: function(){ if(isIE11){ this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, outToBottom: function(){ if(isIE11){ this.target.removeClass("s_ie-sticky"); this.target.css("top", "calc(100% - " + this.target.outerHeight() + "px)"); } }, outToTop: function(){ if(isIE11){ this.target.removeClass("s_ie-sticky"); this.target.css("top", 0); } }, resize: function(){ var contentHeight = this.target.outerHeight(); var contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight; if (sizeMode < 3) { var parentGap = this.target.find(".f_body")[0].getBoundingClientRect().top - this.target[0].getBoundingClientRect().top; contentHeight = this.target.find(".f_body").outerHeight() + parentGap; contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight - parentGap; this.target.find('.target_img').css({'transform':'translateX(-50%)'}); this.target.find('.sticky_wrap').css({'background':'#000'}); this.target.find('.f_header-wrap').css({'opacity':'1'}); } var newTop = contentGap / 2 + gnbHeight(); this.target.css("top", newTop); $(".i_titanium-start").css("top", -newTop); $(".i_titanium-end").css("bottom", newTop + contentHeight); } }); ws.add({ target: $(".m_feature-blood"), start: {anchor: $(".m_feature-blood"), vh: 100, rh: 0, px: 0}, end: {anchor: $(".m_feature-blood"), vh: 100, rh: 100, px: 0}, damper: 0.15, step: function () { ws.transform(".m_feature-blood .img-wrap img", [{ty: (17 - (this.progress * 17)) + "%"}]) } }); ws.add({ target: $(".m_feature-health"), screenAnchor: 0.3, enterFromTop: function () { if (sizeMode < 3) { $(".m_feature-health .fall").addClass('action'); } } }); ws.add({ target: $(".m_feature-health .sticky_wrap"), start: {anchor: $(".m_feature-health .i_health-start"), vh: 0, rh: 0, px: 0}, end: {anchor: $(".m_feature-health .i_health-end"), vh: 0, rh: 0, px: 0}, damper: 0.15, step: function () { if (sizeMode < 3) { return } ws.range(this.progress, 0.1, 0.8, function (per) { if (per >= 0 && per <= 1) { $('.m_feature-health .oxygen .f_header-wrap').css('opacity', '1'); $('.m_feature-health .oxygen').css('z-index', '2'); $('.m_feature-health .fall .f_header-wrap').css('opacity', '0'); $('.m_feature-health .fall').css('z-index', '1'); } var frame = healthSeq.draw(per); if (frame != undefined) { if (frame == 71) { $('.canvas_area').css('background-color', '#cccccc'); } else if (frame == 72) { $('.canvas_area').css('background-color', '#989898'); } else if (frame == 73) { $('.canvas_area').css('background-color', '#666666'); } else if (frame == 74) { $('.canvas_area').css('background-color', '#343434'); } else if (frame > 74) { $('.canvas_area').css('background-color', '#000000'); } else { $('.canvas_area').css('background-color', '#ffffff'); } } }); ws.range(this.progress, 0.2, 0.3, function (per) { if (per >= 0 && per <= 1) { $(".m_feature-health p.oxygen-detection").show(); $(".m_feature-health p.fall-detection").hide(); $(".m_feature-health p.sleep-score").hide(); $('.m_feature-health .sleep .f_header-wrap').css('opacity', '0'); $('.m_feature-health .sleep').css('z-index', '1'); $('.m_feature-health .fall .f_header-wrap').css('opacity', '0'); $('.m_feature-health .fall').css('z-index', '1'); $('.m_feature-health .oxygen .f_header-wrap').css('opacity', ws.ease('linear', 1 - per)); ws.transform(".m_feature-health .f_header-wrap", [{ty: -per * 20 + "%"}]); ws.transform(".m_feature-fall .fall .f_header-wrap", [{ty: "0%"}]); } }); ws.range(this.progress, 0.3, 0.6, function (per) { if (per > 0 && per <= 1) { $(".m_feature-health p.oxygen-detection").hide(); $(".m_feature-health p.fall-detection").show(); $(".m_feature-health p.sleep-score").hide(); $('.m_feature-health .oxygen .f_header-wrap').css('opacity', '0'); $('.m_feature-health .oxygen').css('z-index', '1'); $('.m_feature-health .sleep .f_header-wrap').css('opacity', '0'); $('.m_feature-health .sleep').css('z-index', '1'); $('.m_feature-health .fall').css('z-index', '2'); ws.transform(".m_feature-health .fall .f_header-wrap", [{ty: "-20%"}]); } if (per >= 0 && per <= 0.3) { ws.range(per, 0, 0.3, function (per2) { $('.m_feature-health .fall .f_header-wrap').css('opacity', ws.ease('linear', per2)); ws.transform(".m_feature-health .fall .f_header-wrap", [{ty: 20 + (-per2 * 20) + "%"}]); }); } if (per > 0.3 && per < 0.8) { $('.m_feature-health .fall .f_header-wrap').css('opacity', '1'); ws.transform(".m_feature-health .fall .f_header-wrap", [{ty: "0%"}]); } if (per >= 0.8 && per <= 1) { ws.range(per, 0.6, 1, function (per2) { $('.m_feature-health .fall .f_header-wrap').css('opacity', ws.ease('linear', 1 - per2)); ws.transform(".m_feature-health .fall .f_header-wrap", [{ty: -per2 * 20 + "%"}]); }); } }); ws.range(this.progress, 0.7, 0.8, function (per) { if (per > 0 && per <= 1) { $(".m_feature-health p.blind.oxgen-detection").hide(); $(".m_feature-health p.blind.fall-detection").hide(); $(".m_feature-health p.blind.sleep-score").show(); $('.m_feature-health .fall .f_header-wrap').css('opacity', '0'); $('.m_feature-health .fall').css('z-index', '1'); $('.m_feature-health .sleep').css('z-index', '2'); $('.m_feature-health .sleep .f_header-wrap').css('opacity', ws.ease('linear', per)); ws.transform(".m_feature-health .sleep .f_header-wrap", [{ty: 20 + (-per * 20) + "%"}]); } if (per > 0 && per < 1) { $(".m_feature-health p.blind.oxgen-detection").hide(); $(".m_feature-health p.blind.fall-detection").hide(); $(".m_feature-health p.blind.sleep-score").show(); } }); }, enterFromTop: function () { if (sizeMode < 3) { $(".m_feature-health .fall").addClass('action'); } if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, enterFromBottom: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, outToBottom: function () { $('.canvas_area').css('background-color', '#000000'); if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", "calc(100% - " + this.target.outerHeight() + "px)"); } }, outToTop: function () { if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", 0); } }, resize: function () { var contentHeight = this.target.outerHeight(); var contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight; if (contentGap < 0) { var parentGap = this.target.find(".f_body")[0].getBoundingClientRect().top - this.target[0].getBoundingClientRect().top; contentHeight = this.target.find(".f_body").outerHeight() + parentGap; contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight - parentGap; } var newTop = contentGap / 2 + gnbHeight(); this.target.css("top", newTop); $(".i_health-start").css("top", -newTop); $(".i_health-end").css("bottom", newTop + contentHeight); if (sizeMode < 3) { this.target.find('.f_header-wrap').css({'opacity': '1', 'transform': 'none'}) } } }); if (sizeMode < 3) { ws.add({ target: $(".m_feature-chat .history"), screenAnchor: 0.2, enterFromTop: function () { $(".m_feature-chat .history").delay(300).addClass('action'); } }); ws.add({ target: $(".m_feature-chat .reply"), screenAnchor: 0.2, enterFromTop: function () { if (sizeMode < 3) { $(".m_feature-chat .reply").delay(300).addClass('action'); } } }); } ws.add({ type: "sticky", target: $(".m_feature-chat .sticky_wrap"), start: { anchor: $(".m_feature-chat .i_chat-start"), vh: 0, rh: 0, px: 0 }, end: { anchor: $(".m_feature-chat .i_chat-end"), vh: 0, rh: 0, px: 0 }, damper: 0.15, step: function () { if (sizeMode < 3) { return } else { ws.range(this.progress, 0, 0.75, function (per) { if (per > 0 && per < 1) { $('.m_feature-chat .history .f_header-wrap').css('opacity', '0'); } }); ws.range(this.progress, 0, 0.2, function (per) { if (per > 0.5 && per < 0.9) { $(".m_feature-chat .history .chat01").css('opacity', ws.ease('linear', 1 - per)); ws.transform(".m_feature-chat .history .chat01", [{ tx: "-50%", ty: -(50 + (per * 10)) + "%" }, { sx: 1 }]); } else if (per > 0.9) { $(".m_feature-chat .history .chat01").css('opacity', '0'); } else if (per < 0.5) { $(".m_feature-chat .history .chat01").css('opacity', '1'); } }); ws.range(this.progress, 0.2, 0.25, function (per) { if (per >= 0 && per <= 1) { $(".m_feature-chat .history .chat02").css('opacity', ws.ease('linear', per)); ws.transform(".m_feature-chat .history .chat02", [{ tx: "-50%", ty: "-50%" }, { sx: ws.ease('easeOutQuart', per), sy: ws.ease('easeOutQuart', per), sz: 1 }]); } }); ws.range(this.progress, 0.4, 0.6, function (per) { $(".m_feature-chat .history .black_bg").css({ 'border-width': (800 - (per * 800)) + "px" }); }); ws.range(this.progress, 0.6, 0.7, function (per) { var itemWrapWSet = ((64.3 - (per * 40)) / 100) * $('.ani_wrap').width(), itemWrapHSet = ((64.3 - (per * 39.8)) / 100) * $('.ani_wrap').width(); $(".m_feature-chat .history .chat_item_wrap").css({ 'width': Math.floor(itemWrapWSet) }); $(".m_feature-chat .history .chat_item_wrap").css({ 'padding-top': Math.floor(itemWrapHSet) }); $(".m_feature-chat .history .chat02").css({ 'width': (80 + (per * 20)) + "%" }); }); ws.range(this.progress, 0.7, 0.8, function (per) { $(".m_feature-chat .history .img_default").css('left', (50 - (per * 50)) + "%"); ws.transform(".m_feature-chat .history .img_default", [{ tx: -(50 - (per * 50)) + "%", ty: "-50%" }]); $(".m_feature-chat .history .chat_item_wrap").css('left', (49.4 - (per * 22.1)) + "%"); ws.range(per, 0.5, 1, function (per2) { if (per2 >= 0 && per2 <= 1) { $('.m_feature-chat .history .f_header-wrap').css('opacity', ws.ease('linear', per2)); } }); }); ws.range(this.progress, 0.9, 1, function (per) { ws.range(per, 0.1, 0.5, function (per2) { if (per2 > 0.01 && per2 <= 1) { ws.transform(".m_feature-chat .history .chat02", [{ tx: "-50%", ty: -(50 + (per2 * 80)) + "%" }, { sx: 1, sy: 1, sz: 1 }]); $('.m_feature-chat .history .f_header-wrap').css('opacity', ws.ease('linear', 1 - per2)); ws.transform(".m_feature-chat .history .f_header-wrap", [{ tx: "-50%", ty: -(50 + (per2 * 20)) + "%" }]); $('.m_feature-chat .reply .f_header-wrap').css({ 'opacity': '0' }); $('.m_feature-chat .reply').css({ 'z-index': '1' }); } }); ws.range(per, 0.5, 0.7, function (per2) { if (per2 > 0.01 && per2 <= 1) { $('.m_feature-chat .reply .f_header-wrap').css({ 'opacity': ws.ease('linear', per2) }); $('.m_feature-chat .reply').css({ 'z-index': '2' }); ws.transform(".m_feature-chat .reply .f_header-wrap", [{ tx: "-50%", ty: -(30 + (per2 * 20)) + "%" }]); $(".m_feature-chat .history .reply_img").css('opacity', per2); ws.transform(".m_feature-chat .history .reply_img", [{ tx: "-50%", ty: "-50%" }, { sx: ws.ease('easeOutQuart', per2), sy: ws.ease('easeOutQuart', per2), sz: 1 }]); } if (per2 <= 0.1) { $(".m_feature-chat .history .reply_img").css({ 'opacity': '0' }); } }); }); if (this.progress < 0.9) { $('.m_feature-chat .reply .f_header-wrap').css({ 'opacity': '0' }); $('.m_feature-chat .reply').css({ 'z-index': '1' }); } } }, enterFromTop: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, enterFromBottom: function () { if (isIE11) { this.target.addClass("s_ie-sticky"); this.target.css("top", gnbHeight()); } }, outToBottom: function () { if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", "calc(100% - " + this.target.outerHeight() + "px)"); } }, outToTop: function () { if (isIE11) { this.target.removeClass("s_ie-sticky"); this.target.css("top", 0); } }, resize: function () { if (sizeMode < 3) { this.target.find('.f_header-wrap').css({ 'opacity': '1', 'transform': 'none' }); this.target.find('.f_container .img_default').css({ 'transform': 'none' }); this.target.find('.f_container .chat_item_wrap').css({ 'width': '', 'left': '' }); this.target.find('.f_container .chat_item_wrap .chat01').css({ 'opacity': '', 'width': '', 'transform': '' }); this.target.find('.f_container .chat_item_wrap .chat02').css({ 'opacity': '', 'width': '', 'transform': '' }); this.target.find('.f_container .chat_item_wrap .reply_img').css({ 'opacity': '', 'width': '', 'transform': '' }); } else { this.target.find('.f_header-wrap').css({ 'transform': 'translate(-50%, -50%)' }); var contentHeight = this.target.outerHeight(); var contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight; if (contentGap < 0) { var parentGap = this.target.find(".f_body")[0].getBoundingClientRect().top - this.target[0].getBoundingClientRect().top; contentHeight = this.target.find(".f_body").outerHeight() + parentGap; contentGap = ($(window).outerHeight() - gnbHeight()) - contentHeight - parentGap; } var newTop = contentGap / 2 + gnbHeight(); this.target.css("top", newTop); $(".i_chat-start").css("top", -newTop); $(".i_chat-end").css("bottom", newTop + contentHeight); } } }); GALAXY.initialize(); }) });Мы здесь, чтобы помочь вам по вопросам о продуктах
{{family.currentModel.displayName}}
{{family.currentModel.modelCode}}
Price with discount: {{model.prices.currentPriceDisplay}}
Price before: {{model.prices.priceDisplay}}
{{summary.title}}
{{summary.title}}
* Все представленные здесь характеристики и описания могут отличаться от фактических характеристик и описаний продукта. Компания Samsung оставляет за собой право вносить изменения в содержимое этой веб-страницы и характеристики описанного продукта в любое время без уведомления. Все функции, особенности, характеристики, графический интерфейс и другая информации о продукте, представленные на этой веб-странице, в том числе сведения о преимуществах, дизайне, ценах, компонентах, производительности, наличии и возможностях продукта могут быть изменены без предварительного уведомления и обязательств. Изображения на экране приведены исключительно в демонстрационных целях.
* Доступный Пользователю Объем Памяти : Меньше общего, так как часть памяти занята операционной системой и программами, необходимыми для работы устройства. Фактический объем памяти, доступной пользователю, зависит от оператора и может меняться после обновления программного обеспечения.
* Сеть. Поддерживаемые устройством диапазоны частот могут зависеть от региона или поставщика услуг.
Емкость батареи (мАч, типичное значение) - Типичные значения были получены в условиях лабораторных испытаний, проведенных третьими фирмами. Типичное значение - это среднее значение, учитывающее разбросы результатов измерений емкости нескольких образцов по методике, соответствующей стандарту IEC 61960. Фактический рабочий ресурс батареи может зависеть от сетевого окружения, особенностей использования и других факторов.
Свяжитесь с нашим отделом корпоративных продаж по форме обратной связи, чтобы обсудить лучшие варианты для вашего бизнеса. Или позвоните по номеру B2B-поддержки:
8-800-555-55-33
(с 07:00 до 19:00 часов / ПН - ПТ).
Нужна поддержка? Свяжитесь с нашими экспертами для получения поддержки и технической помощи по конкретным продуктам.
Мы поможем найти вам решение, подходящее вашему бизнесу
Выбирая «ПРОДОЛЖИТЬ», вы входите на веб-сайт
веб-сайт регулируется собственной политикой конфиденциальности, уровнем безопасности и условиями использования
Спасибо!
Ваш запрос отправлен. Мы свяжемся с вами в ближайшее время.