$(document).ready(function() {
		
	//   $(".sec").hover(function() {
	//     $(this).addClass("high");
	//     $(".more", this).addClass("high");
	// 
	// 
	//   },function(){
	//     $(this).removeClass("high");
	//     $(".more", this).removeClass("high");	
	// 
	//   });
	// 
	// $(".more").hide();
	// 
	//   $(".sec").hover(function() {
	// $(".more", this).show();
	// 
	//   },function(){
	// $(".more").hide();
	// 
	//   });
	
	$('#primary').masonry({
	  columnWidth: 10, 
	  itemSelector: '.box' 
	});


$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=40931453@N00&lang=en-us&format=json&jsoncallback=?", displayImages);

var a = "";

function displayImages(data) {																																   


	// Reset our counter to 0
	var iCount = 0;								


	// Now start cycling through our array of Flickr photo details
	$.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 < 1) {

			// I only want the ickle square thumbnails
			var sourceSquare = (item.media.m).replace("_m.jpg", "_b.jpg");		

			// Here's where we piece together the HTML

			a = sourceSquare;

		}
		// Increase our counter by 1
		iCount++;
	});		

// Pop our HTML in the #images DIV	

    $.backstretch(a, {speed: 150});

// Close down the JSON function call
}



});