// JavaScript Document

$(document).ready(function(){					

	  $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157625003715781&nsid=34677608@N07&lang=en-us&format=json&jsoncallback=?", displayImages);
	  
	function displayImages(data) {																																   
		var iStart = -1;	
		
		var iCount = 0;
		var aCount = 0;								
		
		var htmlString = "<ul>";					
		
		$.each(data.items, function(i,item){
			
			if (iCount > iStart && iCount < (iStart + 7)) {
				
				var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");		
				
				if (aCount == 2 || iCount == 5)  {
				htmlString += '<li><a href="' + item.link + '" target="_blank">';
				htmlString += '<img class="test" src="' + sourceSquare + '" alt="' + item.title + '" title="' + item.title + '" />';
				htmlString += '</a></li>';
				}
				
				else {	
				htmlString += '<li><a href="' + item.link + '" target="_blank">';
				htmlString += '<img src="' + sourceSquare + '" alt="' + item.title + '" title="' + item.title + '"/>';
				htmlString += '</a></li>';
				}
			}
	
			iCount++;
			aCount++;
		});		
		
	$('#images').html(htmlString + "</ul>");
	
	}
});