var flickrVars = {
	url : 'http://api.flickr.com/services/rest/?',
	apiKey : '3da43782784b589cd9eab0945ef9dd25',
	userID : '27820900@N07',
	json : '&format=json&jsoncallback=?',
	thumb : '_s', // 240 x 240
	preview : '_m', // Original or _m "500 x 500"
	offset :350,
	shareURL: 'http://www.flickr.com/photos/39783716@N05/'
};

POKE = {}
POKE.Rockcorps = {
	init: function() {
		
		try
	    {
	        this.fetchSets();
			// set ID and name of div
			// Images which appear in the Sony Ericsson phone
	    	POKE.Rockcorps.fetchPhotosForSet('72157622074103690', 'sonyEricssonPicks');
			
			// Latest entries
			//POKE.Rockcorps.fetchSets('recent-gallery-entries');
 			
			// Images which appear in Shortlisted images 
			POKE.Rockcorps.fetchPhotosForSetRedux('72157622394803958', 'recent-gallery-entries');
		}
	    catch (e) { alert('There was a problem fetching the flickr sets, please try again'); }
		
	},

	fetchSets: function(divID){
		$.getJSON(flickrVars.url+"method=flickr.photosets.getList&api_key="+flickrVars.apiKey+"&user_id="+flickrVars.userID+flickrVars.json, function(data){
			var sets = data.photosets.photoset;
			
			count=0;
			jQuery.each(sets, function(i, val) {
					if(i<10){
						var thumb = "http://farm"+val.farm+".static.flickr.com/"+val.server+"/"+val.primary+"_"+val.secret+flickrVars.thumb+".jpg";
						var html = '<li><a href="#'+i+'" class="'+val.id+'" alt=""><img src="'+thumb+'"></a></li>';
						var setTitle = val.title._content;
						setTitle = setTitle.replace(/Rollcall: /g, "");
						$('ul#'+divID).append(html);
					}
			    });
			
			POKE.Rockcorps.lazyLoadImages();
			
		});
	},
	
	fetchPhotosForSetRedux: function(setID, divID){
		$.getJSON(flickrVars.url+"method=flickr.photosets.getPhotos&per_page=20&api_key="+flickrVars.apiKey+"&photoset_id="+setID+"&user_id="+flickrVars.userID+flickrVars.json, function(data){
			var photos = data.photoset.photo;
			$('#'+divID).empty();
			
			jQuery.each(photos, function(i, val) {
					var thumb = "http://farm"+val.farm+".static.flickr.com/"+val.server+"/"+val.id+"_"+val.secret+flickrVars.thumb+".jpg";
					var html = '<li><a href="#'+i+'" class="'+val.id+'" alt=""><img src="'+thumb+'"></a></li>';
					$('#'+divID).append(html);

			});
			
			POKE.Rockcorps.lazyLoadImages(divID);
			return false;
		});
	},


	fetchPhotosForSet: function(setID, divID){
		$.getJSON(flickrVars.url+"method=flickr.photosets.getPhotos&per_page=20&api_key="+flickrVars.apiKey+"&photoset_id="+setID+"&user_id="+flickrVars.userID+flickrVars.json, function(data){
			var photos = data.photoset.photo;
			$('#'+divID).empty();
			
			jQuery.each(photos, function(i, val) {
					var thumb = "http://farm"+val.farm+".static.flickr.com/"+val.server+"/"+val.id+"_"+val.secret+flickrVars.thumb+".jpg";
					var thumb_num = i + 1;
					// var html = '<li>'+thumb_num+'.<a href="#" class="'+val.id+'" alt=""><img src="'+thumb+'"></a></li>';
					var html = '<li><a href="#" class="'+val.id+'" alt=""><img src="'+thumb+'"></a></li>';
					$('#'+divID).append(html);
					
					var t = val.title;
					$('.'+val.id).click(
						function () {
							$('#dialog img').attr("src","");
							var preview = "http://farm"+val.farm+".static.flickr.com/"+val.server+"/"+val.id+"_"+val.secret+flickrVars.preview+".jpg";
							$('#dialog img').attr("src",preview);
							$('#dialog span').html(t);
							$('#dialog').css({"margin-left":-(flickrVars.offset)});
							$('#dialog').jqmShow();
							return false;
					});
					$('.'+val.id).hover(
						function () {
								$(this).append(
									//'<span class="previewHolder">'+t[0]+'</span>'
								);
								return false;
							}, 
							function () {
								$(this).find('.previewHolder').fadeOut(300);
								return false;
							}
					);
			});
			
			POKE.Rockcorps.lazyLoadImages(divID);
			return false;
		});
	},

	lazyLoadImages : function(divID) {
		var imagesToLazyLoad = $('#'+divID+' li img');
		jQuery.each(imagesToLazyLoad, function(i,e) {
 			if( e.attachEvent /* if msie */ ){
 				return true;
 			} else {
 				// $(this).attr("original", $(this).attr("src"));
				// $(this).attr("src","/images/24-0.gif");
				$(this).bind("load", function() {
					if (!this.loaded) {
						$(this).attr("src",$(this).attr("original"));
						this.loaded = true;
					};
				});
 			}
		});
	}

};

$(document).ready(function(){
	// initialise the flickr gallery
	POKE.Rockcorps.init();
	
	// initialise the jqModal dialog
	$('#dialog').jqm({toTop : true});
});