$(document).ready(function() {
	
	var api_key = "3aa0273dfd20992478ab3518df009428";
	var flickr_id = "21219620@N02";
	var tags = "portfolio";
	
	var short_by = new Array("date-posted-asc", "date-posted-desc", "date-taken-asc", "date-taken-desc", "interestingness-desc", "interestingness-asc", "relevance");

	$('body').append('<div id="loading"></div>');
	
	$.getJSON("http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&api_key="+api_key+"&user_id="+flickr_id+"&per_page=350&sort&"+short_by[Math.floor(Math.random()*8)]+"&jsoncallback=?&tags="+tags+"&tag_mode=all", function(data){
		$.each(data.photos.photo, function(i,item){
			var basePhotoURL   = 'http://farm'+item.farm+'.static.flickr.com/'+item.server+'/'+item.id+'_'+item.secret;
			var thumbPhotoURL  = basePhotoURL+'_s.jpg';
			var mediumPhotoURL = basePhotoURL+'.jpg';
			$("<img />").attr("src", thumbPhotoURL).appendTo("#flickr ul").wrap('<li><a href="'+mediumPhotoURL+'" title="'+item.title+'" rel="gallery"></a></li>');
		});
		$('#flickr').ajaxComplete(function() { $('#loading').delay(5000).fadeOut(); });
		$('a[title]').qtip({ style: { name: 'cream', tip: true } });
		$("#flickr a").fancybox({ 'titleShow': true });
		$("#flickr  ul li a img").hover(
            function () {
                $(this).stop();
                $(this).fadeTo(500, 1);
            }, 
            function () {
                $(this).stop();
                $(this).fadeTo(500, 0.4);
            }
        );
	});
	
	$('p#nav a').click(function() {
		var rel = $(this).attr('rel');
		$('.page.current').hide().removeClass('current');
		$('#'+rel).fadeIn().addClass('current');
	});
	
});