//Minifiy with http://fmarcia.info/jsmin/test.html

function PGVInitialize(PGVArray)
{
    
    var thumbnailMainDiv = document.getElementById("PGVThumbnailArea");
    var mainImageDiv = document.getElementById("PGVMainImageArea");
    
    if(PGVArray.length>1)
    {
        for(var i=0; i<PGVArray.length; i++)
        {
            var thumbDiv = document.createElement("div");
            thumbDiv.className = "ThumbnailItem";
            thumbDiv.setAttribute("ItemIndex", i);
            thumbDiv.onclick = function(){ PGVItemClick(this, PGVArray); };
            
            var thumb = document.createElement("img");
            thumb.setAttribute("src", PGVArray[i].ThumbURL);
            thumb.setAttribute("alt", PGVArray[i].Label);
            thumb.setAttribute("width", "60");
            thumb.setAttribute("height", "54");

            
            thumbDiv.appendChild(thumb);
            
            thumbnailMainDiv.appendChild(thumbDiv);
        }
    }
    var mainImage = document.createElement("img");   
    
    mainImage.setAttribute("src", PGVArray[0].ImageURL);
    mainImage.setAttribute("alt", PGVArray[0].Label);
    
    mainImageDiv.appendChild(mainImage);
}

function PGVItemClick(sender, array)
{
   
    var mainImageDiv = document.getElementById("PGVMainImageArea");
    
    var mainImage = document.createElement("img");   
    var index = sender.getAttribute("ItemIndex");
    
    if(mainImageDiv.childNodes[0]!=null)
    {
       
        mainImage.setAttribute("src", array[index].ImageURL);
        mainImage.setAttribute("alt", array[index].Label); 
        PGVClearDiv("PGVMainImageArea");
        
        mainImageDiv.appendChild(mainImage);
    }   
}


function PGVClearDiv(divName)
{
    var divToClear = document.getElementById(divName);
    while(divToClear.hasChildNodes())
    {
        divToClear.removeChild(divToClear.lastChild);
    }
}