var listImgSRC  = '/files/images/';
imgPWidth       = 68;
imgPheight      = 68;

function viewListImagesDOM()
{
    var objDiv, objA, objImg;
    var obj         = document.getElementById('viewListImages');
   
    for (var i = 0; i < listImg.length; i++)
    {
        objDiv = document.createElement('div');
        var str = new String(listImg[i]);
        var imgName = str.split(":");
        for(var j = 2; j < imgName.length; j++)
        {
            objA = document.createElement('a');
            objImg = document.createElement('img');
            objImg.src = listImgSRC + imgName[1];
            objImg.width  = imgPWidth;
            objImg.height = imgPheight;
            objImg.alt = imgName[0];
            
	        objA.href = listImgSRC + imgName[j];

            if(j != 2)
            {
                objA.style.display = 'none';
                objImg.style.display = 'none';
            }
            
            objA.rel = 'lightbox[gr'+ i +']';
            objA.appendChild(objImg);
            objDiv.appendChild(objA);
        }
        obj.appendChild(objDiv);
    }
}

function viewListImages() {
  for (var i = 0; i < listImg.length; i++) {
    var str = new String(listImg[i]);
    var imgName = str.split(":");
    
    document.write('<a href="'+ listImgSRC + imgName[2] +'" rel="lightbox[gp'+ i +']"><img src="'+ listImgSRC + imgName[1] +'" width="'+ imgPWidth +'" height="'+ imgPheight +'" /></a>');  
    for (var j = 3; j < imgName.length; j++) {
      document.write('<a class="hied" href="'+ listImgSRC + imgName[j] +'" rel="lightbox[gp'+ i +']"></a>');
    }
    if (i == 12) {
      document.write('<br />');
    }
  }
}