gallery.js

function getAlbums2() {
    "use strict";
    var t = ""
      , i = ""
      , a = "";
    $.getJSON("/assets/js/images.json", function(n) {
        var s = n.albums;
        $.each(s, function(n, s) {
            t = s.name,
            a = s.id,
            i = s.photos,
            displayAlbums2(t, a, i)
        })
    })
}
function displayAlbums2(name, id, photos) {
    $(".img-container").show();
    console.log(name, photos[0], id);
    var thumb = $(".templates .albums .thumb").clone(!0)
      , s = thumb.find(".thumbnail")
      , e = thumb.find(".thumbnail .image")
      , u = thumb.find(".thumbnail .caption h4");
    u.html(name);
    s.attr("id", id);
    e.attr("src", photos[0].href);
    e.attr("alt", photos[0].href);
    thumb.click(function() {displayGallery2(photos)})
    $(".img-container .row").append(thumb);
}
function displayGallery2(photos) {
    "use strict";
    $(".img-container").hide();
    $("body").append('<div id="gallery"/>');
    $.each(photos, function(idx, photo) {
        console.log(idx, photo);
        $('#gallery').append('<img width="300px" src="'+photo.href+'"/>');

    })
}


$(function() {
    "use strict";
    getAlbums2()
});