
jQuery(document).ready( function(){

    jQuery('#counter').append('<div id="preloader"> <img  src="modules/mod_passiton_counter2/images/counterpreloader.gif" /><p>Updating...</p></div>')

    jQuery.getJSON('index.php?option=com_passiton_counter2&task=displayJSON&format=raw', function(data) {


        var count = data.length;
        var index = -1;      
        var counterStartDigit = 7 - data.length - 1;

        if (counterStartDigit>-1)
        {
            var digit = jQuery('#counter span.disabled:gt(' + counterStartDigit+ ')');
        }
        else
        {
            var digit = jQuery('#counter span span.disabled');
        }

        function loadCounterDigits()
        {
            
            jQuery.each(digit, function(index, value) {
                jQuery(this).parent().append('<span style="display: none" class="replace">' + data[index] + ' </span)');
            });
            
            fadeInDigit();
        }

        function fadeInDigit(){

            digit.filter(':first').fadeOut(150);
            var next = digit.filter(':first').next();
            next.fadeIn(150, function() {
                fadeInDigit();
            });

            index++;
            digit = digit.not(':first');
        }

        loadCounterDigits();
        jQuery('#preloader').fadeOut(1000);

    });

});


jQuery.noConflict();