$(function() {
  $.jGFeedJ( { q:'http://nakanishikenji.tumblr.com/rss' + '?' + (new Date()).getTime(), num:'20' }, showTumblrList('#tumblrListArea') );
//  $.jGFeedJ( { q:'http://nakanishikenji.tumblr.com/rss', num:'20' }, showTumblrList('#tumblrListArea') );
});

function showTumblrList(target)
{
    return function(json)
    {
        if (json.responseStatus != '200') return;

        if (target && json.responseData.feed.entries.length) {
            var ffElm = $(target);
            var entry;
            
            var pageUrl = json.responseData.feed.link;
            
            var ffHtmlStr = '';
            
            ffHtmlStr += '<h3>'+json.responseData.feed.title+'</h3>';
            ffHtmlStr += '<div class="tumbListWrap">';
            
            for (var i = 0; i < json.responseData.feed.entries.length; i++) {
                entry = json.responseData.feed.entries[i];
                
//                alert(entry.toSource());
                
                //title
//                var titleStr = trimWidthStr(entry.title, 20);
                var titleStr = entry.title;
                
                //tags
                var tagStr = '';
                var tags = new Array();
                for (var ti = 0; ti < entry.categories.length; ti++) {
//                    tagStr += (tagStr)? ' , ': '';
//                    tagStr += '<a href="'+pageUrl+'tagged/'+entry.categories[ti]+'" target="_blank">' + entry.categories[ti] + '</a>';
                    tags[ti] = '<a href="'+pageUrl+'tagged/'+entry.categories[ti]+'" target="_blank">' + entry.categories[ti] + '</a>';
                }
                tagStr = tags.join(' , ');
                
                
//                var contentStr = $(entry.content).text();
                
                ffHtmlStr += '<div class="tumblrEntryBox">';
                ffHtmlStr += '<h4>'
                           + '<a href="'+entry.link+'" target="_blank">'+titleStr+'</a>'
                           + '</h4>';
                
//                ffHtmlStr += '<p class="tumblrDate">'+parseDate2(entry.publishedDate)+'</p>';
                
                ffHtmlStr += '<p class="tumblrDate">';
                ffHtmlStr += parseDate2(entry.publishedDate);
                ffHtmlStr += '&nbsp;&nbsp;';
                ffHtmlStr += tagStr;
                ffHtmlStr += '</p>';
                
                ffHtmlStr += '<div class="tumblrContent">'+entry.content+'</div>';
                ffHtmlStr += '</div>';
            }
            ffHtmlStr += '</div>';
            ffElm.html(ffHtmlStr);
        }
    }
}



function parseDate2(val)
{
    var date = new Date(val);
    var dYear = date.getFullYear();
    var dMonth = formatDigit(date.getMonth() + 1);
    var dDate = formatDigit(date.getDate());
    var dHour = formatDigit(date.getHours());
    var dMinute = formatDigit(date.getMinutes());
    var dSecond = formatDigit(date.getSeconds());
    
    var dateStr = dYear + '/' + dMonth + '/' + dDate;
//                + ' '
//                + dHour + ':' + dMinute + ':' + dSecond;
    
    return dateStr;
}

function formatDigit(val)
{
    var str = '00' + val;
    return str.substr(str.length - 2, 2);
}