jQuery({"html": "\n\n\n<div id=\"zpd-odometer-container\">\n    <img src=\"https://mijnstroom.zonnepanelendelen.nl/static/img/decoration-widget.png\" style=\"float: left; margin-top: -30px\">\n    <div style=\"border: 2px solid #FFF500; padding-top: 0.3em; padding-bottom: 0.7em; padding-right: 5px; margin-top: 30px; text-align: right\">\n            <div>\n                <div id=\"zpd-odometer\" ></div>\n                <span style=\"position:relative; right: 0; top: 10px\">\n                    <img src=\"https://mijnstroom.zonnepanelendelen.nl/static/img/icon-sun-widget.png\"></span>\n            </div>\n            <span style=\"font-size: 12px; font-weight: 100; font-style: italic; margin-right: 28px\">\n                Samen met zonnepanelendelen.</span>\n        </div>\n</div>\n\n<div style=\"clear: both\"></div>\n\n<script type=\"text/javascript\">\n    var el = document.getElementById('zpd-odometer');\n    new Odometer({\n        el: el,\n        value: \"9.335,45\"\n    });\n\n    var container_width = el.clientWidth + 170;\n    document.getElementById('zpd-odometer-container').setAttribute(\"style\",\"width:\"+container_width+\"px\");\n\n    function startIncrementer(target, increment) {\n        var current = parseFloat(\"9.335,45\".replace(\",\", \".\"));\n        var incrementFloat = parseFloat(increment.replace(\",\", \".\"));\n\n        var update = function() {\n            current += incrementFloat;\n            target.innerHTML = current.toFixed(2).toString().replace(\".\", \",\");\n        };\n        setInterval(update, 10000);\n        update()\n    }\n    \n    startIncrementer(el, \"0,00\");\n</script>\n"})