document.write('<div id="climate_competition_witget" style="background: transparent url(http://www.ourclimate.eu/RegisteredUsers/images/witget-bg.jpg) no-repeat scroll top right;' +
        'position: absolute; top: 0px; right: 34px;">' +
        '<div style="width: 360px; height: 95px; padding: 9px 3px 0 0;">' + 
            '<div id="counter_repeater" style="float: right; width: 105px; margin: 0 0 3px 10px;">'+
           '</div>' +
            '<p style="font-family: Arial,Helvetica, Serif; font-size: 17px; color: #f8f301; white-space: normal;' +
                'text-align: right; float: right; width: 200px;margin:0;">' +
                'Most climate change aware country competition!</p>' +
            '<p style="font-family: Arial,Helvetica, Serif; font-size: 13px; color: #ebeaea; white-space: normal;' +
                'text-align: right; float: right; clear: both; width: 320px;margin:8px 10px 0 0;">' +
                '<a href="http://www.ourclimate.eu/ourclimate/newu.aspx" style="color:White !important; text-decoration: none !important;"> Register to help your country to become the most climate change aware country</a></p>' +
        '</div>' +
    '</div>');

$(document).ready(function() {
$.getJSON('http://www.ourclimate.eu/RegisteredUsers/userCounter/getTopRegisteredByCountry', function(data) {

        var fullres = '';
        for (var i = 0; i < data.length; i++) {
            var item = data[i];

            var imgName = item.country.toLowerCase().replace(' ','');


            var reshtml = '<div style="width: 35px; float: left; text-align: center;">' +
                    '<img title="' + item.country + '" alt="' + item.country + '" src="http://www.ourclimate.eu/RegisteredUsers/images/flags/' + imgName + '.png" style="display: block;' +
                        'width: 27px; margin: 0 auto;" />'+
                    '<span style="font-family: Arial,Helvetica, Serif; font-size: 12px; font-weight: bold;'+
                        'color: White;">' + item.usercount + '</span>'+
                '</div>';

            fullres += reshtml;
        }

        $('#counter_repeater').html(fullres);
    });
});