/**
 * @author mathieso
 */

var NUM_FLICKR_IMAGES_TO_SHOW = 3;
$(document).ready(function() {
    setup_flickr_images_space();
    show_flickr_images();
    $('#refresh_flickr').click(function() {
        show_flickr_images();
    });
	$('#refresh_flickr').attr('disabled', false);
});

function setup_flickr_images_space() {
    var output = '';
    for (i = 0; i < NUM_FLICKR_IMAGES_TO_SHOW; i++) {
        output += 
"<a target='_blank' id='flickr_image_link" + i + "'>\
<img id='flickr_image" + i +"'>\
</a>";
    }
    $('#flickr_images').html(output);
}

function show_flickr_images(){
    $('#refresh_flickr').attr('disabled', true);
    $('#flickr_loading').fadeIn('medium', function() {
        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=dog&tagmode=any&format=json&jsoncallback=?", function(data){
            var num_items = data.items.length < NUM_FLICKR_IMAGES_TO_SHOW 
                    ? data.items.length : NUM_FLICKR_IMAGES_TO_SHOW;
            for ( i = 0; i < num_items; i++ ) {
                item = data.items[i];
                $('#flickr_image_link' + i).attr('href', item.link);
                $('#flickr_image' + i).attr('src', item.media.m);
            }
        });
        $('#flickr_loading').fadeOut('medium');
        $('#refresh_flickr').attr('disabled', false);
    });
}