(function($) { 
	var api_key 			= '6561edc65653c6fcd4329bccb7879de2';
	var user_id  			= '53672042@N08';
	
	var sets_service 		= 'http://api.flickr.com/services/rest/?&method=flickr.photosets.getInfo' + '&api_key=' + api_key;
	
	var photos_service 		= 'http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos' + '&api_key=' + api_key;				
	
	var $setsContainer 		= $('#seti').find('ul');
	var $photosContainer 	= $('#fotke').find('ul');
	var $photopreview		= $('#flickr_photopreview');
	var $flickrOverlay		= $('#flickr_overlay');
	var $loadingStatus		= $('#flickr_toggle').find('.loading_small');
	
	var ul_width,spacefit,fit;
	
	$('#seti').append('<ul><li></li></ul>');
	for (var i = 0; i < loadgalerry.length; i++)
	{
	LoadSets(loadgalerry[i]);
	}
	/* start: open Flickr Photostream */	
	for (var i = 0; i < loadgalerry.length; i++)
	{
	LoadPhotos(loadgalerry[i]);
	}
	/*
	Loads the User Photo Sets
	*/
	function LoadSets(photo_set_id){
		
		$loadingStatus.css('visibility','visible');
		var sets_url	= sets_service + '&photoset_id=' + photo_set_id + '&format=json&jsoncallback=?';
		$.getJSON(sets_url,function(data){
			if(data.stat != 'fail') {
				/*
				adapt ul width based on number of results
				*/
		//		ul_width = sets_count * 70 + 70;
				var $setsContainer = $('#seti').find('ul'); 
				ul_width = 280;
				$setsContainer.css('width',ul_width + 'px');
				
				var photoset		= data.photoset;
				var primary 		= photoset.primary;
				var secret			= photoset.secret;
				var server			= photoset.server;
				var farm			= photoset.farm;
				/*
				source for the small thumbnail
				*/
				var photoUrl		= 'http://farm'+farm+'.static.flickr.com/'+server+'/'+primary+'_'+secret+'_s.jpg';
				var $span 			= $('<span class="flickrset" />');
				var $elem 			= $('<li class="case" />');
				var $link 			= $('<a class="toLoad" href="#" />');
				/*
				save the info of the set in the li element,
				we will use it later	
				*/
				$link.data({
					'primary'		:primary,
					'secret'		:secret,
					'server'		:server,
					'farm'			:farm,
					'photoUrl'		:photoUrl,
					'title'			:photoset.title._content,
					'description'	:photoset.description._content,
					'id'			:photoset.id
				});
				var $povezava = $('<li class="case"><span class="flickrset"><a class="fancyflickr" rel="fancyflickr' + photoset.id + '" href="'+photoUrl.replace("_s.jpg","_b.jpg")+'" title=""><img src="'+photoUrl+'" /><span>'+photoset.title._content+'<br />'+photoset.description._content+'</span></a></span></li>');
				//$setsContainer.append($povezava);	
				$setsContainer.append($povezava);		
					
				
			}
		});	
	}
	
	
	
	/*
	Loads the Set's Photos
	*/
	function LoadPhotos(photo_set_id){
		$photosContainer.empty();
		$loadingStatus.css('visibility','visible');
		var photos_url	= photos_service + '&photoset_id=' + photo_set_id + '&media=photos&format=json&jsoncallback=?';
		
		$.getJSON(photos_url,function(data){
			if(data.stat != 'fail') {
				var photo_count = data.photoset.photo.length;
				/*
				adapt ul width based on number of results
				*/
				var photo_count_total = photo_count + $photosContainer.children('li').length;
				//ul_width = photo_count_total * 85 + 85;
				//ul_width=310;
				//$photosContainer.css('width',ul_width + 'px');
				var flickrlist = new Array();
				for(var i = 0; i < photo_count; ++i){	
					var photoUrl		= 'http://farm'+data.photoset.photo[i].farm+'.static.flickr.com/'+data.photoset.photo[i].server+'/'+data.photoset.photo[i].id+'_'+data.photoset.photo[i].secret+'_b.jpg';
					flickrlist[i] = '<a href="'+photoUrl+'" rel="fancyflickr' + photo_set_id + '" class="fancyflickr' + photo_set_id + '"><img src="'+photoUrl+'" /></a>';
					$('#fancyflickr').append(flickrlist[i]);		
				}
					$("a.fancyflickr").fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'titleShow'		 	: 'false',
			'padding'			:	80,
			'overlayOpacity'	:	0.3,
			'overlayColor'		:	'#000',
						'onStart' : function(){document.getElementById("pitchcarousel").style.display = 'none';}, // change th id here to thing you want to hide 
			'onClosed' : function(){document.getElementById("pitchcarousel").style.display = 'block';} // change the id here-enable it re-enable it on close 

		});		
			}
			
		});
		
	}
	
	
	
	
})(jQuery);
