function initGalleries() {
    $(".ehgallery").each(function(index, gallery) {
        initGallery(gallery.id.substring(11));
    });
}

function showImage(i) {
    var image = images [i];
    var caption = '<p class="caption">' + images[0].title + '</p>';
    caption = '';
    document.getElementById("gallery_image").innerHTML = '<img src="' + image.src + '">' + caption;
}

function initGallery(id) {
    $.getJSON('/view/gallery/' + id, {}, function(images) {
        window.images = images;
        generateGallery(id);
    });
}

function generateGallery(id) {
    var gallery = document.getElementById("eh_gallery_" + id);
    gallery.className = "gallery";
    var caption = '<p class="caption">' + images[0].title + '</p>';
    caption = '';
    var imageElement = '<div class="image" id="gallery_image"><img src="' + images[0].src + '">' + caption + '</div>';
    
    var thumbs = '<div class="thumbs">';
    for (var i in images) {
        var image = images[i];
        thumbs += '<img src="' + image.thumb + '" title="' + image.title + '" onclick="showImage(\'' + i + '\')"> ';
    }
    thumbs += '</div>';
    
    gallery.innerHTML = imageElement + thumbs;
}