niquelparallax

$(function () {
    if (location.href.search("niquel-duroquimico") == -1)
        return;

    console.log("[NIQUEL-PARALLAX] Started at: " + Date.now());

    var _FIRST = {
        "width": 321,
        "height": 400,
        "src": "http://superfinish.local/wp-content/themes/pedosis-package/pedosis/images/niquel3d.png?cache=1"
    }

    var _SECOND = {
        "src": "http://superfinishing.boltbrasil.com.br/wp-content/themes/pedosis-package/pedosis/images/products/niquel02.png"
    }

    $(".properties-niquel").css({
        "position": "relative",
        "z-index": 10
    });
// 240 690
    function callback() {
        var the_image = new Image();
        the_image.src = _SECOND.src;

        var _target = $("<div class='test'><img src='" + _FIRST.src + "' /></div>");
        _target.appendTo("body");

        _target.addClass("niquel-parallax");

        _target.find("img").attr("src", _FIRST.src);

        var old = Date.now();
        for (;;)
            if (Date.now() - old > 2000)
                break;

        var _css = {
            "top": 500,
            "left": 300,
            "z-index": 5,
            "position": "absolute",
            "transition": "top 0.2s ease-in-out, left 0.2s ease-in-out, opacity 0.2s ease-in-out"
        }

        _target.css(_css);

        var swap = false;
        var _end = false;

        var __set = false;

        var old_scroll = 0;
        $(window).scroll(function (event) {
            if (_end) {
                console.log("All done.");
                return;
            }

            var _scroll = $(window).scrollTop();

            if (_scroll >= 900 && swap == false) {
                _target.css({
                    "opacity": 0
                });

                setTimeout(function () {
                    _target.css({
                        "z-index": 15,
                        "opacity": 1
                    });
                    _target.find("img").attr("src", _SECOND.src);
                }, 500);

                console.log("Setting swap to [true]");
                swap = true;
            } else if (_scroll <= 900 && swap == true) {
                _target.css("opacity", 0);

                setTimeout(function () {
                    _target.css("z-index", 1)
                    _target.css("opacity", 1);
                    _target.find("img").attr("src", _FIRST.src);
                }, 500);

                console.log("Setting swap to [false]");
                swap = false;
            }

            var _off = _target.offset();
            console.log("offset=" + _off.top);
            if (_off.top > screen.height && _off.left > 400) {
                console.log("Animation...");
                _end = true;

                _target.css("transition", "initial");

                _target.animate({
                    "top": $(".figura").offset().top,
                    "left": $(".figura").offset().left,
                    "opacity": 0
                }, 1000, function() {
                    _target.find("img").attr("src", _FIRST.src);
                    _target.css("top", _css.top);
                    _target.css("left", _css.left);
                    $(".figura").css("opacity", 1);
                });

            } else {
                if (_scroll > 400)
                    _scroll += 120 + 43 + 10; // menu

                var top_val = _scroll;

                if (top_val >= _css.top)
                    _target.css("top", _scroll);
                else {
                    _target.css("top", _css.top);
                    _target.css("left", _css.left);
                }

                if ((_scroll - old_scroll) > 0 && swap && _target.offset().left + 35 < $(".figura").offset().left)
                    _target.css("left", _target.offset().left + 35);
            }

            console.log("old:" + old_scroll);
            console.log("scroll: " + _scroll);
            old_scroll = _scroll;
        });
    }

    var _time = setInterval(function () {
        console.log("[NIQUEL-PARALLAX] Waiting for template load...");

        if ($("#loader").css("display") == "none") {
            clearInterval(_time);
            callback();
        }
    }, 1000);
});