$(function(){
var iconCarregando = $('<li id=\"lodeando\"><img src="img/loading.gif" class="icon" /></li>') 
$("#instBox4 ul").hide();
$.ajax({  
   
		type: "GET",  

		url: "getFlickr.php",  

		dataType: "xml",  
		beforeSend: function(){
			$("#instBox4 ul").fadeIn("slow"); 
			$('#instBox4 ul').html(iconCarregando);
			},
			complete: function() {
			$(iconCarregando).remove();
			},
		success: function(xml) {  

		  

		   $(xml).find("photos").children().each(function(i){  

				var src =  $(this).text();
				var html = "<li><a href='" + src + "' rel='group'><img src='"+src+"' alt='' width='90' height='60' /></a></li>";
					html += "<script>$(\"a[rel=group]\").fancybox({'transitionIn': 'elastic','transitionOut':'elastic','titlePosition' 	: 'over','titleFormat': $(this).attr(\"title\")	});	</script>";    

				$("#instBox4 ul").append(html);  

			}); //close each(  

		    

	   }  

	}); //close $.ajax( 
	
	
	
});