function roundFloat(val) {
        return Math.round(val * 100) / 100;
    }

    function trackZoomCoordinates(previewId, markerId, inputIdX, inputIdY, markerSrc) {
        var X, Y;

        $(previewId).mousemove(function(e) {
            var offset = $(previewId).offset();
            X = e.pageX - offset.left;
            Y = e.pageY - offset.top;
            $(previewId).attr("data-x", X);
            $(previewId).attr("data-y", Y);
        });

        $(previewId).on("click", function(e) {
            $(markerId).attr("src", markerSrc).load(function() {
                $(markerId).css({
                    "display": "block",
                    "top": Number(Y) - $(markerId).height(),
                    "left": Number(X) - ($(markerId).width() / 2)
                });
            });

            $(inputIdX).val(roundFloat((X / $(previewId).width()) * 100));
            $(inputIdY).val(roundFloat((Y / $(previewId).height()) * 100));
        });
    }