niquelv2

$(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
    });

    function callback() {
        var the_image = new Image();
        the_image.src = _SECOND.src;

        var _niquel = [0,
                $("<div class='niquel-1'><img src='" + _FIRST.src + "'  /></div>"),
                $("<div class='niquel-2'><img src='" + _SECOND.src + "' /></div>")
        ];

        _niquel[1].appendTo("body");
        _niquel[2].appendTo("body");

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

        _niquel[1].css("z-index", 5).css(_css);
        _niquel[2].css(_css).css("z-index", 15).css("opacity", 0);

        var swap = false;
        var _end = false;

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

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

            if (_scroll >= 600) {
                console.log("Show niquel 2.");
                _niquel[2].css("opacity", 1).css("top", parseInt(_niquel[1].css("top").replace("px", "")) + _niquel[1].height() - 200);
            } else {
                console.log("Hide niquel 2.");
                _niquel[2].css(_css).css("opacity", 0);
            }

            var _off = _niquel[2].offset();
            console.log("offset=" + _off.top);

            if (_off.top > screen.height && _off.left > 400) {
                _end = true;

                _niquel[2].css("transition", "initial");

                _niquel[2].animate({
                    "top": $(".figura").offset().top,
                    "left": $(".figura").offset().left,
                    "opacity": 0
                }, 1000, function() {
                    _niquel[1].css("top", _css.top);
                    _niquel[1].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)
                    _niquel[1].css("top", _scroll);
                else {
                    _niquel[1].css("top", _css.top);
                    _niquel[1].css("left", _css.left);
                }

                if (_off.top > 950 && _niquel[2].css("opacity") == "1" && (_scroll - old_scroll) > 0 && _niquel[2].offset().left + 35 < $(".figura").offset().left)
                    _niquel[2].css("left", _niquel[2].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);
});