$(function(){
	
	flickrSpinner = squareSpinner($("#flickr"), "Carregando fotos")
	$(".mais.fotos").hide()

	// $("#flickr_container").load(baseURL+"main/ultimasFlickr", function(){
	// 	closeSquareSpinner(flickrSpinner)
	// 	Shadowbox.init({ skipSetup: true }); Shadowbox.setup();
	// 	$(".mais.fotos").show()
	// })
	
	var url = "http://api.flickr.com/services/feeds/photos_public.gne?id=59222450@N07&lang=pt-br&format=json&jsoncallback=?"
	$.getJSON(url, function(data)
	{
		var dataHome = data.items.slice(0,12)
		var i = 0
		var output = ""
		for(i in dataHome)
		{
			console.log(dataHome[i])
			// <li><a href="<?=$foto['large']['source']?>" rel="shadowbox[Flickr]"><img src="<?=$flickr->getThumbnail($foto['thumbnail']['source'])?>" width="57" height="57"></a></li>
			var li = "<li>"
			li += '<a href="'+getLargeVersion(dataHome[i].media.m)+'" rel="shadowbox[Flickr]"><img src="'+getSmallVersion(dataHome[i].media.m)+'" width="57" height="57"></a>'
			li += '</li>'
			output += li
		}
		$("#flickr_container").html("<ul>"+output+"</ul>")
		closeSquareSpinner(flickrSpinner)
		$(".mais.fotos").show()
	})
	
})



getLargeVersion = function(url)
{
	return url.replace("_m","_b")
}

getSmallVersion = function(url)
{
	return url.replace("_m","_s")
}