$(document).ready(function() {
	   //$('.images').hide();
		$.getJSON("http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=94209964@N00&tags=website%2Cpainting&tag_mode=all&api_key=d20698297ce23b09e65b7a6664bbbe9e&jsoncallback=?",
		function(data){
			var s ="<ul>";
			var p ="<ul>";
			var length = data.photos.photo.length;
			for (i=0;i < length && i<21;i++) {
				//alert( data.photos.photo[i].title );
				t_url = "http://farm" + data.photos.photo[i].farm + ".static.flickr.com/" + data.photos.photo[i].server + "/" + data.photos.photo[i].id + "_" + data.photos.photo[i].secret + "_" + "s.jpg";
				preload_url = "http://farm" + data.photos.photo[i].farm + ".static.flickr.com/" + data.photos.photo[i].server + "/" + data.photos.photo[i].id + "_" + data.photos.photo[i].secret + "_" + "d.jpg";
				p_url = "http://www.flickr.com/photos/" + data.photos.photo[i].owner + "/" + data.photos.photo[i].id;
				s += '<li><a href="' + p_url + '">' + '<img alt="'+ data.photos.photo[i].title + '"src="' + t_url + '" photo_id="'+data.photos.photo[i].id+'" secret="'+data.photos.photo[i].secret+'"/>' + '</a></li>';
				p += '<li><a href="' + p_url + '">' + '<img alt="'+ data.photos.photo[i].title + '"src="' + preload_url + '"/>' + '</a></li>';
			}
			s += '</ul>';
			p += '</ul>';
			$('#paintings').html(s);
			$('#paintings_preload').append(p);
		})


		$.getJSON("http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=94209964@N00&tags=website%2Csculpture&tag_mode=all&api_key=d20698297ce23b09e65b7a6664bbbe9e&jsoncallback=?",
		function(data2){
			var s ="<ul>";
			var p ="<ul>";
			var length = data2.photos.photo.length;
			for (i=0;i < length && i <6;i++) {
				//alert( data.photos.photo[i].title );
				t_url = "http://farm" + data2.photos.photo[i].farm + ".static.flickr.com/" + data2.photos.photo[i].server + "/" + data2.photos.photo[i].id + "_" + data2.photos.photo[i].secret + "_" + "s.jpg";
				preload_url = "http://farm" + data2.photos.photo[i].farm + ".static.flickr.com/" + data2.photos.photo[i].server + "/" + data2.photos.photo[i].id + "_" + data2.photos.photo[i].secret + "_" + "d.jpg";
				p_url = "http://www.flickr.com/photos/" + data2.photos.photo[i].owner + "/" + data2.photos.photo[i].id;
				s += '<li><a href="' + p_url + '">' + '<img alt="'+ data2.photos.photo[i].title + '"src="' + t_url + '" photo_id="'+data2.photos.photo[i].id+'" secret="'+data2.photos.photo[i].secret+'"/>' + '</a></li>';
				p += '<li><a href="' + p_url + '">' + '<img alt="'+ data2.photos.photo[i].title + '"src="' + preload_url + '"/>' + '</a></li>';
			}
			s += '</ul>';
			p += '</ul>';
			$('#sculpture').html(s);
			$('#paintings_preload').append(p);
		})

		$.getJSON("http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=94209964@N00&tags=mixed+media%2Cwebsite&tag_mode=all&api_key=d20698297ce23b09e65b7a6664bbbe9e&jsoncallback=?",
		function(data3){
			var t ="<ul>";
			var r ="<ul>";
			var length = data3.photos.photo.length;
				//alert(data.photos.photo[0].title);
				for (i=0;i<21 && i < length;i++)
				{
					//alert( data.photos.photo[i].title );
					t_url = "http://farm" + data3.photos.photo[i].farm + ".static.flickr.com/" + data3.photos.photo[i].server + "/" + data3.photos.photo[i].id + "_" + data3.photos.photo[i].secret + "_" + "s.jpg";
					preload_url = "http://farm" + data3.photos.photo[i].farm + ".static.flickr.com/" + data3.photos.photo[i].server + "/" + data3.photos.photo[i].id + "_" + data3.photos.photo[i].secret + "_" + "d.jpg";
					p_url = "http://www.flickr.com/photos/" + data3.photos.photo[i].owner + "/" + data3.photos.photo[i].id;
					t += '<li><a href="' + p_url + '">' + '<img alt="'+ data3.photos.photo[i].title + '"src="' + t_url + '" photo_id="'+data3.photos.photo[i].id+'" secret="'+data3.photos.photo[i].secret+'"/>' + '</a></li>';
					r += '<li><a href="' + p_url + '">' + '<img alt="'+ data3.photos.photo[i].title + '"src="' + preload_url + '"/>' + '</a></li>';
				}
				t += '</ul>';
				r += '</ul>';
				$('#mixed_media').html(t);
				$('#paintings_preload').html(r);

		});
	
	$('.images a img').live('click',function() {
		var url = $(this).attr('src');
		var alt = $(this).attr('alt');
		getinfo = "http://api.flickr.com/services/rest/?format=json&method=flickr.photos.getInfo&photo_id="+$(this).attr('photo_id')+"&secret="+$(this).attr('secret')+"&api_key=d20698297ce23b09e65b7a6664bbbe9e&jsoncallback=?"
		$.getJSON(getinfo,
			function(data5){
				url = url.replace('_s','_d');
				img = '<img src="'+url+'" alt="'+alt+'" />';
				// fadeout work
					$('#description').fadeOut('slow', function() {
					//fadeout description
					$('#featured_work').fadeOut('slow', function() {
					// set work
						$('#featured_work').html(img);
						//set desription
						$('#description').html('<h3>'+data5.photo.title._content+'</h3><p>'+data5.photo.description._content+'</p>');
						//fadein work
						$('#featured_work').fadeIn('slow', function() {
						//fadein description
						$('#description').fadeIn('slow');
					});
				});
			});
		});
		return false;
	})
	
	$('#sidebar h2').toggle(
		function() {
			$(this).next().fadeIn('normal');
		},
		function() {
			$(this).next().fadeOut('normal');
		}
	);

		
});