(function($){
    $(function(){
        var categories =$("ul.jquery-flickr-puzzle-category a");
        var viewer =$("div.jquery-flickr-puzzle-viewer");
        var list =$("div.jquery-flickr-puzzle-list");
        
        var makePuzzle=function(imgUrl){
            viewer.html("");
            $('<img/>').attr("src",imgUrl).jqPuzzle().appendTo(viewer);
        };
        var loadPhotos =function(url){
           
            $.getJSON(url, function(data){
                    list.html("");
                    $.each(data.items, function(i, item){
						$("<a/>").attr("title",item.title).attr("href",item.media.m.replace(/_m./,'.')).append(
                        $("<img/>").attr("title",item.title).attr("src", item.media.m)).appendTo(list);
                        
                    });
					list.children("a").click(function(){
					    makePuzzle($(this).attr("href"));
					    return false;
					});
					var first=$(list.children("a")[0]);
					makePuzzle(first.attr("href"));
                });
        };
        if(categories.size()>0){
            loadPhotos($(categories.get(0)).attr("href"));
        }
        categories.click(function(){
            loadPhotos($(this).attr("href"));
            return false;
        });
        
       // $("#lightbox-overlay").css("position","absolute");
    });

})(jQuery);