$(function(){
    $.ajax({
        type    : 'GET',
        url     : 'http://www.flickr.com/services/rest/?nojsoncallback=1',
        data    : {
            format  : 'json',
            method  : 'flickr.photos.search',
            api_key : '279a71ee23b98906fbfed75a71f4499e',//API Key
            user_id : '62999752@N04',//userID
            sort    : 'date-posted-desc',//SortSetting
            //tags    : 'square',//TagSetting
            per_page: '1'
        },
        dataType: 'jsonp',
        jsonp   : 'jsoncallback',
        success : _getFlickrPhotos
    });
});

function _getFlickrPhotos(data){
    var dataStat  = data.stat;
    var dataTotal = data.photos.total;
    if(dataStat == 'ok'){
        $('#FlickrPhotos').append('<ul></ul>').css('display','none');
        $.each(data.photos.photo, function(i, item){
            var itemFarm    = item.farm;
            var itemServer  = item.server;
            var itemID      = item.id;
            var itemSecret  = item.secret;
            var itemTitle   = item.title;
            var itemLinkPath = 'http://www.flickr.com/photos/tamai1247/' + itemID + '/'
            //var itemPathMed = 'http://farm' + itemFarm + '.static.flickr.com/' + itemServer + '/' + itemID + '_' + itemSecret + '.jpg'
            var itemPathSma = 'http://farm' + itemFarm + '.static.flickr.com/' + itemServer + '/' + itemID + '_' + itemSecret + '_m.jpg'
            //var itemPathSqu = 'http://farm' + itemFarm + '.static.flickr.com/' + itemServer + '/' + itemID + '_' + itemSecret + '_s.jpg'
            //var itemPathTum = 'http://farm' + itemFarm + '.static.flickr.com/' + itemServer + '/' + itemID + '_' + itemSecret + '_t.jpg'
            var flickrSrcSma = '<img src="' + itemPathSma + '" alt="' + itemTitle + '" width="190">';
            var flickrTitle = '<p id="blockTodayText">' + itemTitle + '</p>';
            var htmlSrc = '<li>' + flickrTitle + '<a href="' + itemLinkPath + '" target="_blank">' + flickrSrcSma + '</a></li>'
            $('#FlickrPhotos ul').append(htmlSrc);
         });
        layoutSetting();
        $('#FlickrPhotos').fadeIn("slow").slideDown("slow");
    }else{
         $('#FlickrPhotos').append('<p>Sorry... Now under construction.</p>');
    }
}
function layoutSetting(){
    $('#FlickrPhotos ul li:nth-child(3n)').each(function(){
        $(this).css('margin','0');
    });
}