$(document).ready(function() {
				   
	$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=50277340@N07&lang=en-us&format=json&jsoncallback=?", function(data) {	
		if(data.error) {
			alert(data.error);
		} else {
			var htmlImagenes = "";
			
			var primeraFoto;
			var primerLink;
			var primerTitulo;
			
			
			for(var i = 0, ii = data.items.length; i < ii && i < 14; i++) {
				var imagen2 = data.items[i].media.m;
				imagen = imagen2.replace("_m.jpg", "_s.jpg");
				
				if(primeraFoto == null) {
					primeraFoto = imagen2;
					primerLink = data.items[i].link;
					primerTitulo = data.items[i].title;
				}
				
				htmlImagenes += '<div class="ultima_foto" id="foto_'+i+'"><a href="javascript:cambiaFoto(\''+imagen2+'\', \''+data.items[i].link+'\', \''+data.items[i].title+'\', '+i+');"><img src="'+imagen+'" alt="'+data.items[i].title+'" width="44" height="44" /></a></div>';
			}
			htmlImagenes += "<div id=\"fotoGdeFlickr\" align=\"center\"></div><div id=\"txtGdeFlickr\" align=\"center\"></div>";
			$("#flickr").html(htmlImagenes);
			
			
			cambiaFoto(primeraFoto, primerLink, primerTitulo, 0);
		}
	});
});


function cambiaFoto(imagen, link, titulo, indice) {

	$("#fotoGdeFlickr").html("<a href=\""+link+"\" target=\"_blank\"><img src=\""+imagen+"\" id=\"imagenFlickr\" height=\"160\" /></a>");
	$("#txtGdeFlickr").text(titulo);
	$("#imagenFlickr").hide();
	$("#imagenFlickr").fadeIn();
	
	$(".flickrSeleccionado").removeClass("flickrSeleccionado");
	$("#foto_"+indice).addClass("flickrSeleccionado");
	
	
}