/*
Nämä CSS-määrityksiin:
----------------------
.galleryImageSmall {
    display: block;
    float: left;
    height: 120px;
    width: 120px!important;
    overflow: hidden;
}
.galleryImageSmall a {
    color: #fff;
    border: 0;
    text-decoration: none;
    display: inline;
    float: left;
}
.galleryImageSmall img {    
    border: 0;
    padding: 0;
    margin: 0;
}
.editMode .galleryImageSmall, .editMode .galleryImageLarge {
    border: 1px solid gray;
}
.galleryImageLarge {
    display: none;
}


Tämä galleria-sivutyyppiin viimeiseksi
--------------------------------------
<c:set var="vc" value="${requestScope.viewContext}" />
<c:set var="switchLink" value="0" />
<c:if test="${(empty vc) || (vc.view != 'edit')}"><c:set var="switchLink" value="1" /></c:if>
<c:if test="${switchLink == 1}">
    <cdata><![CDATA[
    <script type="text/javascript">
        galleryInit();
    </script>
    ]]></cdata>
</c:if>
*/

var linkSkel     = '<a href="%src%" onclick="return galleryDisplay(\'%n%\')">%img%</a>';
var numImages    = 0;

function galleryDisplay(n)
{
    var tmp = null;
    
    for (i = 0; i < numImages; i++)
    {
        var tmp = document.getElementById('imgLarge' + i);
        tmp.style.display = 'none';
    }
    
    tmp = document.getElementById('imgLarge' + n);
    tmp.style.display = 'block';
    
    return false;
}

function galleryInit()
{
    var i = 0;
    do 
    {
        var el = document.getElementById('imgSmall' + i);
        if (el != null && el.innerHTML != '')
        {
            var elc           = el.childNodes;
            var hasImageChild = false;
            for (j = 0; j < elc.length; j++)
            {
                if (elc[j].nodeName == 'IMG')
                {
                    hasImageChild = true;
                    var tmp       = el.innerHTML;
                    var imgSrc    = elc[j].src;
                    el.innerHTML  = linkSkel.replace('%src%', imgSrc).replace('%n%', i).replace('%img%', tmp);
                    numImages++;
                }
            }
            
            if (! hasImageChild)
            {
                el.style.display = "none";
            }
        }
        i++;
    }
    while (el != null);
}