/*
 * By Julien Gustin : http://www.julien-gustin.be
 * contact@julien-gustin.be
 * 16-03-2018
 */
(function($) {
    $.fn.mousefollower = function(options) {
        var defauts = {
            followerSelector: ".badge"
        };



        $(".productImg").hover(function() {
            $(this).find(".buyIcon").css("display", "block");

        }, function() {
            $(this).find(".buyIcon").css("display", "none");
        });




        var params = $.extend(defauts, options);
        return this.each(function(index, canvas) {
            if ($(canvas).data('mousefollower') == true) {
                return true;
            }
            var mouseX = 0,
                mouseY = 0,
                loop = null,
                xp = 0,
                yp = 0;
            $(canvas).mouseenter(function(e) {
                clearInterval(loop);
                var $canvas = $(e.currentTarget);
                var offset = $canvas.offset();
                mouseX = e.pageX - offset.left;
                mouseY = e.pageY - offset.top;
                var follower = $(params.followerSelector, $canvas);
                xp = parseInt(follower.css('left'));
                yp = parseInt(follower.css('top'));
                loop = setInterval(function() {
                    xp += (mouseX - xp) / 5 - 14;
                    yp += (mouseY - yp) / 5 - 14;
                    follower.css({ left: xp, top: yp });
                }, 30);
            }).mousemove(function(e) {
                var canvas = $(e.currentTarget);
                var offset = canvas.offset();
                var follower = $(params.followerSelector, canvas);
                var followerOffset = canvas.offset();

                mouseX = e.pageX - offset.left;
                mouseY = e.pageY - offset.top;

                // // Check limit right
                // if (mouseX + (follower.outerWidth() / 2) - 5 >= canvas.innerWidth()) {
                //     mouseX = canvas.innerWidth() - (follower.outerWidth() / 2) - 5;
                // }
                // // Check limit bottom
                // if (mouseY + (follower.outerHeight() / 2) - 5 >= canvas.innerHeight()) {
                //     mouseY = canvas.innerHeight() - (follower.outerHeight() / 2) - 5;
                // }
                // // Check limit top
                // if (mouseY - (follower.outerHeight() / 2) + 5 <= 0) {
                //     mouseY = (follower.outerHeight() / 2) + 5;
                // }
                // // Check limit left
                // if (mouseX - (follower.outerWidth() / 2) + 5 <= 0) {
                //     mouseX = (follower.outerWidth() / 2) + 5;
                // }
            }).mouseleave(function(e) {
                clearInterval(loop);
                var canvas = $(e.currentTarget);
                var follower = $(params.followerSelector, canvas);
                mouseX = canvas.innerWidth() / 2;
                mouseY = canvas.innerHeight() / 2;
                loop = setInterval(function() {
                    xp += (mouseX - xp) / 20;
                    yp += (mouseY - yp) / 20;
                    follower.css({ left: xp, top: yp });
                    if (mouseX == xp && mouseY == mouseY) {
                        clearInterval(loop);
                    }
                }, 30);
            }).data('mousefollower', true);
        });
    };
})(jQuery);