trAvis - MANAGER

Edit File: plus-before-after.js

var ba_Container;
var ba_ContainerId = 0;
var ba_obj;
var ba_sep_obj;
var ba_sep_Image;
var before_obj;
var after_obj;
var beforeImage;
var afterImage;
var ba_type;
var ba_sep_show;
var ba_show_mode;
var changing_this = !1;
var Playing_this = !1;
var sep_Size;
var indSize = 10;
var fpsPlay = 60;
var TouchDevice = !1;

function setba_Container(objFrom) {
    container = jQuery(objFrom).closest(".pt_plus_before_after");
    containerId = container.data("id");
    hide_separator_image(container);
    if (ba_Container && ba_ContainerId == containerId) return;
    if (Playing_this) {
        stop_animation();
        if (ba_sep_show) ba_sep_obj.show()
    }
    ba_Container = container;
    ba_ContainerId = containerId;
    ba_sep_obj = ba_Container.find(".before-after-sep");
    ba_obj = ba_Container.find(".before-after-inner");
    before_obj = ba_Container.find(".image-before");
    after_obj = ba_Container.find(".image-after");
    beforeImage = ba_Container.find(".image-before > img");
    afterImage = ba_Container.find(".image-after > img");
    ba_type = ba_Container.data("type");
    ba_sep_show = !0;
    if (ba_Container.data("separate_switch") == 'false')
        ba_sep_show = !1;
    if (ba_sep_show == !0) ba_sep_obj.show();
    else ba_sep_obj.hide()
}

function play_animation(curPx, deltaPx, x, y, sizePx, frameDelay) {
    if (!Playing_this) return;
    curPx += deltaPx;
    if (ba_type == "vertical")
        onMouseMove(x, y + curPx);
    else onMouseMove(x + curPx, y);
    if (curPx <= sizePx + 1) setTimeout(play_animation, frameDelay, curPx, deltaPx, x, y, sizePx, frameDelay);
    else stop_animation()
}

function stop_animation() {
    if (!Playing_this) return;
    Playing_this = !1;
    changing_this = !0;
    ba_sep_obj.hide()
}

function hide_separator_image(container) {
    ba_sep_Image = container.find(".before-after-sep-icon");
    ba_show_mode = 0;
    if (container.data("separate_image"))
        ba_show_mode = container.data("separate_image")
}

function show_separator_image() {
    if (ba_show_mode == 1) {
        ba_sep_Image.show()
    }
}

function full_After() {
    w = ba_obj.width() - indSize;
    ba_sep_obj.css("left", w);
    beforeImage.css("opacity", "0")
}

function zero_After() {
    ba_sep_obj.css("left", 0);
    beforeImage.css("opacity", "1")
}

function sep_Right() {
    w = ba_obj.width();
    ba_sep_obj.css("left", w - sep_Size / 2);
    if (ba_show_mode != 0) {
        ba_sep_Image.css("left", w)
    }
    before_obj.width(w)
}

function sep_Left() {
    ba_sep_obj.css("left", 0);
    if (ba_show_mode != 0) {
        ba_sep_Image.css("left", 0)
    }
    before_obj.width(0)
}

function sep_Top() {
    ba_sep_obj.css("top", -sep_Size / 2);
    if (ba_show_mode != 0) {
        ba_sep_Image.css("top", 0)
    }
    before_obj.height(0)
}

function sep_Bottom() {
    h = ba_obj.height();
    ba_sep_obj.css("top", h - sep_Size / 2);
    if (ba_show_mode != 0) {
        ba_sep_Image.css("top", h)
    }
    before_obj.height(h)
}