/********************************************************************
 * jQuery wp-json connects to the JSON API wordpress plugin.
 *
 * See http://wordpress.org/extend/plugins/json-api/other_notes/
 *
 * It performs a simple lookup, and currently nothing more.
 * Results are output into the subject element, which can contain a
 * child element with the class 'loading' that will be manipulated
 * with the return of the AJAX call.
 *
 * Steve Pike 2012
 *
 *******************************************************************/
 
(function($) {
     $.fn.wpFeed = function(base, options) {
        var urlTypes = {
            'recent': 'get_recent_posts'
        };

        var default_html = "<div class=\"post\">" +
            "<a href=\"{{url}}\">" +
            "{{title}}" +
            "</div>";

        var settings = $.extend( {
            'type': 'recent',
            'limit': false,
            'template': default_html,
            'crossDomain': true
        }, options);

        var elem = this;
        var feed = base;
        var query = 'json=' + urlTypes[settings.type];

        var displayPosts = function(posts, count) {
            for (var i = 0; i < count; i++) {
                var post = posts[i];
                var d = new Date(post.date);
                var curr_date = d.getDate();
                var curr_month = d.getMonth() + 1; //months are zero based
                var curr_year = d.getFullYear();
                post.niceDate = curr_date + "-" + curr_month + "-" + curr_year;

                var outputHtml = "";
                if (Mustache.hasOwnProperty('to_html')) {  // cope with Mustache 0.4.0
                    outputHtml = Mustache.to_html(settings.template, post);
                }
                if (Mustache.hasOwnProperty('render')) {  // cope with Mustache 0.5.0
                    outputHtml = Mustache.to_html(settings.template, post);
                }
                elem.append(outputHtml);
            }
        };
        
        $.ajax(feed, {
            dataType: 'jsonp',
            type: 'GET',
            data: query,
            crossDomain: settings.crossDomain,
            success: function(data) {
                elem.find('.loading').remove();
                displayPosts(data.posts, (settings.limit || data.count))
            },
            error: function(jqXHR, textStatus, errorThrown) {
                elem
                    .find('.loading')
                    .addClass('error')
                    .html("There was a problem loading the blog feed.");
            }
        });
    };
})(jQuery);