var flickr = {
	fotos: new Array(),
	getFeeds: function(album) {
		$.getJSON("http://api.flickr.com/services/rest/?method=flickr.groups.pools.getPhotos&api_key=e3dbf8527ca961fd1fd5f892b194652b&group_id="+album+"&per_page=20&format=json&jsoncallback=?",
			function(data) {
				if(data.stat == "ok") {
					flickr.fotos = data.photos.photo;
					flickr.callback();
				}
			}
		);
	},
	
	callback: function() {
		var rand = parseInt(Math.random()*this.fotos.length);
		flickr.imprimeDestacado(rand);
		flickr.printCantidad(); 
		flickr.printCarrusel();
	},
	
	getImgSource: function(objeto_imagen, thumb) {
		//http://farm4.static.flickr.com/3340/3277535066_c12fb48139_m.jpg
		if(!thumb) {
			var url = 'http://farm'+objeto_imagen.farm+'.static.flickr.com/'+objeto_imagen.server+'/'+objeto_imagen.id+'_'+objeto_imagen.secret+'.jpg';
		} else {
			var url = 'http://farm'+objeto_imagen.farm+'.static.flickr.com/'+objeto_imagen.server+'/'+objeto_imagen.id+'_'+objeto_imagen.secret+'_m.jpg';
		}
		return url;
	},
	
	imprimeDestacado: function(i) {
		var html = '';
		html += '<a href="http://www.flickr.com/photos/'+this.fotos[i].owner+'/'+this.fotos[i].id+'" target="_blank">';
		html += '<img alt="'+this.fotos[i].title+'" title="'+this.fotos[i].title+'" src="'+flickr.getImgSource(this.fotos[i])+'" />';
		html += '</a>';
		html += '<div class="post-imagen-leyenda">Foto desde ';
		html += '<a href="http://www.flickr.com/" target="_blank">Flickr</a>';
		html += ' y pertenece a <a href="http://www.flickr.com/photos/'+this.fotos[i].owner+'/">'+this.fotos[i].ownername+'</a></div>';
		
		$('.foto-seleccionada').html(html);
	},
	
	printCarrusel: function() {
		var ancho = 0;
		$('.fk-carrusel').empty();
		
		$.each(this.fotos, function(i,item) {
			$('<div class="thumbnail fthumb_'+i+'"></div>').appendTo('.fk-carrusel');
			$('<img src="'+flickr.getImgSource(item, true)+'" alt="'+item.title+'" width="100" />').appendTo('.fthumb_'+i);
			
			$('.fthumb_'+i).click(function() {
				flickr.imprimeDestacado(i);
				//$('.foto-seleccionada').html('<a href="http://www.flickr.com/photos/'+item.owner+'/'+item.id+'" target="_blank"><img alt="'+item.title+'" src="'+flickr.getImgSource(item)+'" /></a>');						   
				
				/*var html = '';
				html += '<a href="http://www.flickr.com/photos/'+item.owner+'/'+item.id+'" target="_blank">';
				html += '<img alt="'+item.title+'" title="'+item.title+'" src="'+flickr.getImgSource(item)+'" />';
				html += '</a>';
				html += '<div class="post-imagen-leyenda">Foto desde ';
				html += '<a href="http://www.flickr.com/" target="_blank">Flickr</a>';
				html += ' y pertenece a <a href="http://www.flickr.com/photos/'+item.owner+'/">'+item.ownername+'</a></div>';
				
				$('.foto-seleccionada').html(html);*/
			}).css('cursor','pointer');
			
			if(i%2 == 0) {
				ancho += 140;
			}
		});
		
		$('.fk-carrusel').css('width',ancho+'px');
	},
	
	printCantidad: function() {
		$('.foto-otros .cantidad').text(this.fotos.length+' Fotos');
	},
	
	navSiguiente: function() {
		var ancho = parseInt($('.fk-carrusel').css('width'));
		var fkL = parseInt($('.fk-carrusel').css('left'));
			
		if(!$('.fk-carrusel').is(':animated') && Math.abs(fkL) < (ancho-100)) {
			$('.fk-carrusel').animate({ left: fkL-140+'px' }, 250);
		}
	},
	
	navAnterior: function() {
		var ancho = parseInt($('.fk-carrusel').css('width'));
		var fkL = parseInt($('.fk-carrusel').css('left'));
			
		if(!$('.fk-carrusel').is(':animated') && fkL < 0) {
			$('.fk-carrusel').animate({ left: fkL+140+'px' }, 250);
		}	
	}
};

/*CONSTANTES*/ 
var anchoImagen = 140;
var autoTimer = 5000; /*ms*/

/*VARIABLES*/ 
var ancho;
var cLeft;

$(document).ready(function(){
	ancho = parseInt($('.flickr-carrusel').css('width'));
	cLeft = parseInt($('.flickr-carrusel').css('left'));
	
	$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=33822418@N06&&lang=es-us&format=json&jsoncallback=?",
		function(data){
			$('.flickr-carrusel').empty();
		
			$.each(data.items, function(i,item) {
				//Registra DOM Data
				$('<div class="flickr-thumb thumb_'+i+'"></div>').appendTo(".flickr-carrusel");
				$('<a href="'+item.link+'" class="thumb_a_'+i+'" target="_blank"></a>').appendTo('.thumb_'+i);
				$('<img/>').attr('src', item.media.m).appendTo('.thumb_a_'+i);
				$('<h4>'+item.title+'</h4>').appendTo('.thumb_'+i);
				
				var desc = item.description.split('<\/p> <p>');
				try {
					desc = desc[2].toString().split('<\/p>');
					desc = desc[0];
				}catch(e) {}
				
				
				
				//Redefine ancho del carrusel
				ancho += anchoImagen;
				$('.flickr-carrusel').css('width',ancho+'px');
				
				//Eventualiza Boton Derecho
				$('.derflickr').click(function() {
					if(!$('.flickr-carrusel').is(':animated') && Math.abs(cLeft) <= (ancho-2*anchoImagen)) {
						cLeft -= anchoImagen;
						$('.flickr-carrusel').animate({left: cLeft+'px'}, 250);
					}
				});
				
				//Eventualiza Boton Izquierdo
				$('.izflickr').click(function() {
					if(!$('.flickr-carrusel').is(':animated') && cLeft < 0) {
						cLeft += anchoImagen;
						$('.flickr-carrusel').animate({left: cLeft+'px'}, 250);
					}
				});
				
				/*setTimeout(function() {
					activaAnimacion();
				}, 1000);*/
			});
		}
	);
});

function activaAnimacion() {
	var flag = true;
	setInterval(function() {
		if(flag) {
			if(Math.abs(cLeft) <= (ancho-2*anchoImagen)) flag = true;
			else flag = false;
			
			$('.fd-flecha-de').trigger('click');
			//console.log('click DE!');
		} else {
			if(cLeft < 0) flag = false;
			else flag = true;
		
			$('.fd-flecha-iz').trigger('click');
			//console.log('click IZ!');
		}
	}, autoTimer);
}