var allGalleries = {};
var allDivs = {};
var allMediaplayers = {};

function loadGallery(galleryData, id)
{
    allGalleries[id] = galleryData;
    allDivs[id] = document.getElementById(id);

    var mediaplayer = "";
    mediaplayer = "<div id='mediaplayer_" + id + "' style='width:295px;height:240px;'>&nbsp;</div>";

    var buttons = "";
    for (m in allGalleries[id])
    {
        if (isNaN(m)) break;
        buttons += "<button onclick='loadMedia(\"" + id + "\", " + m + ")' id='mg" + id + "_b" + m + "'>" + (parseInt(m)+1) + "</button>";
    }

    allDivs[id].innerHTML = buttons + mediaplayer;

    allMediaplayers[id] = document.getElementById("mediaplayer_"+id);

    loadMedia(id, 0);
}

function loadMedia(id, n)
{
    obj = allGalleries[id][n];
    
    var player;
    switch (obj.MediaType)
    {
        case 1:
            player = "<img src='/api/get-thumbnail/&folder="
                   + obj.GalleryId + "&id=" + obj.ElementId
                   + "&mh=295&mw=295/' />";
        break;
        case 2:
            player = "<iframe src='/media/"
                   + obj.GalleryId + "/" + obj.ElementId
                   + "/' width=295 height=215></iframe>";
        break;
        case 3:
            player = "<iframe src='/media/"
                   + obj.GalleryId + "/" + obj.ElementId
                   + "/' width=295 height=40></iframe>";
        break;
    }
    allMediaplayers[id].innerHTML = player;

    for (m in allGalleries[id])
    {
        if (isNaN(m)) break;
        document.getElementById("mg"+id+"_b"+m).className = "";
    }

    document.getElementById("mg"+id+"_b"+n).className = "active";
}