﻿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);}}