requirejs.config({ baseUrl: "/assets/js", paths: { queue: "lib/queue", jquery: "lib/jquery", d3: "lib/d3", underscore: "lib/underscore", scrollMonitor: "lib/scrollMonitor", remodal: "lib/remodal", makeVideoPlayableInline: "lib/inline-video", zoomer: "components/zoomer", social: "components/social", }, shim: { "lib/jquery.jscroll": ["jquery"] }, }), require([ "jquery", "underscore", "queue", "zoomer", "scrollMonitor", "makeVideoPlayableInline", "remodal", "social", ], function (e, o, a, t, i, r, n, s) { function l(o) { var o = o || { top: 0, bottom: 0 }; e(g).each(function (a, t) { var r = i.create(t, o); r.fullyEnterViewport(function (o) { var a = e(r.watchItem).find(".ambient-audio-controller"), t = (a.find(".ambient-audio-controller__state"), a.find("audio")), i = t[0]; a.addClass("pulse"), setTimeout(function () { a.removeClass("pulse"); }, 1e3), 0 == i.paused ? t.animate({ volume: 0 }, 1e3, "swing", function () { i.pause(); }) : (i.play(), t.animate({ volume: 0.5 }, 1e3)); }), r.exitViewport(function (o) { var a = e(r.watchItem).find(".ambient-audio-controller"), t = (a.find(".ambient-audio-controller__state"), a.find("audio")), i = t[0]; t.animate({ volume: 0 }, 1e3, "swing", function () { i.pause(); }); }); }); } function c() { var e = (a(1), [ "broll-coffee", "broll-syria-st-view-from-jabal", "person-abbas", "broll-abbas-shophelpers", "broll-syria-st-hole", "person-zaynab-portrait", "broll-jabal-view-from-tabbaneh-lc", "person-ahmad-CU", "person-samir", "broll-syria-st-median-west-lc", "broll-syria-st-tanks", "person-ahmad-MED", "portrait-top-left", "portrait-top-middle", "portrait-top-right", "portrait-bottom-left", "portrait-bottom-middle", "portrait-bottom-right", "person-hana-2", "broll-syria-st-army-truck-lc", "broll-syria-st-chickens", "person-nisrine-2", "person-nisrine-family", "broll-shot-window", "person-alaa-mohanna", "broll-syria-st-business", ]); e.forEach(function (e) { u(e); }); } function u(o, a) { var t = "http://icrc-syria-st-staging.s3-website-us-west-1.amazonaws.com/assets/videos/" + o + ".gif", i = new Image(); (i.src = t), console.log("loadGif", o), (i.onload = function () { console.log("Image ready", o); var t = e('video.video-cinemagraph[poster*="' + o + '"]'); if (t.length) { var i = t.attr("poster").replace(".jpg", ".gif"); t.replaceWith(''); } var r = e('video.video-cinemagraph-cover[poster*="' + o + '"]'); if (r.length) { var i = r.attr("poster").replace(".jpg", ".gif"); r.replaceWith( '' ); } a && a(null, o); }); } function d(e, o) { e.muted ? ((e.muted = !1), o.removeClass("on off").addClass("on")) : ((e.muted = !0), o.removeClass("on off").addClass("off")); } function m() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry/.test( navigator.userAgent ); } function f() { return p(); } function p() { return m() && !b(); } function b() { return ( (navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS [8|9|10]_\d/i) && navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("CriOS") == -1) || navigator.userAgent.indexOf("Twitter") > -1 ); } var h = document.querySelectorAll(".ambient-audio-controller"), v = e(h), g = document.querySelectorAll(".panel-audio"), y = (e(g), document.querySelectorAll(".video-cinemagraph")), w = e(y), C = e("#share-facebook"), q = e("#share-twitter"); document.addEventListener("DOMContentLoaded", function (e) { console.log("isMobile, isLegacyMobile, isModernMobile", m(), f(), b()); }), C.on("click", function () { s.facebook.share(); }), q.on("click", function () { var o = e(this), a = o.data("share-text"); s.twitter.share(a); }), e(".video-cinemagraph-cover").each(function (e, o) { r(this); }), e(y).each(function (e, o) { if (m()) o.setAttribute("autoplay", ""), r(this); else { var a = i.create(o); a.enterViewport(function (e) { a.watchItem.play(); }), a.exitViewport(function (e) { a.watchItem.paused || a.watchItem.pause(); }); } }), m() || l(), m() || v.on("click", function (o) { var a = e(this).find("audio")[0], t = e(this).find(".ambient-audio-controller__state"); d(a, t); }), m && (v.removeAttr("loop"), v.on("click", function (o) { var a = e(this).find("audio"), t = a[0], i = e(this).find(".ambient-audio-controller__state"); t.paused ? (i.removeClass("on off").addClass("on"), t.play(), a.animate({ volume: 0.5 }, 1e3)) : (i.removeClass("on off").addClass("off"), a.animate({ volume: 0 }, 1e3, "swing", function () { t.pause(); })); })), m() && w.on("touchstart", function (o) { var a = e(this)[0]; a.paused && a.play(); }), t(), m() && c(); });