window.addEvent('domready', function() {
	
	var i = 1;
	var odd = '';
	
	var req = new Json.Remote(base_url + 'flickr/flickr.php', {
		onComplete: function(feed) {
			feed.items.each(function(item) {
				if(i < 17) {
					
					if(i%4==0) 	odd = ' last'; else odd = '';

					var div = new Element('div', {'class' : 'flickr_div' + odd});
					var a   = new Element('a', {'href' : item.link});
					var img = new Element('img', { 
							'src' : item.media.m,
							'styles' : {
								'opacity' : .2, 
								'width' : '40px', 
								'height' : '40px'}
					});
							
					img.injectInside(a);
					a.injectInside(div);
					div.injectInside('flickr');
					
					var efect = new Fx.Style(img, 'opacity',{duration:700});
					var efect2 = new Fx.Style(img, 'opacity', {duration: 300});
					
					img.addEvents({
							'load' : function(){efect.start(0, 1);},
							'mouseenter' : function(){efect2.stop(); efect2.start(1, 0.3);},
							'mouseleave' : function(){efect2.stop(); efect2.start(0.3, 1);}
					});

					i++;

				} else {
					return false;
				}
			});
		}
	}).send();
});