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

function ERGVInitialize(ERGVArray)
{
    
    var thumbnailMainDiv = document.getElementById("ERGVThumbnailArea");
    var mainImageDiv = document.getElementById("ERGVMainImageArea");
    
    if(ERGVArray.length>1)
    {
        for(var i=0; i<ERGVArray.length; i++)
        {
            var thumbDiv = document.createElement("div");
            thumbDiv.className = "ThumbnailItem";
            thumbDiv.setAttribute("ItemIndex", i);
            thumbDiv.onclick = function(){ ERGVItemClick(this, ERGVArray); };
            
            var thumb = document.createElement("img");
            thumb.setAttribute("src", ERGVArray[i].ThumbURL);
            thumb.setAttribute("alt", ERGVArray[i].Label);
            //thumb.setAttribute("width", "46");
            //thumb.setAttribute("height", "36");

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

function ERGVItemClick(sender, array)
{
   
    var mainImageDiv = document.getElementById("ERGVMainImageArea");
    
    var mainImage = document.createElement("img");   
    var index = sender.getAttribute("ItemIndex");
    
    if(mainImageDiv.childNodes[0]!=null)
    {
       
        //alert("Checking");
        //alert(mainImageDiv.childNodes[0].getAttribute("Text"));
        
        mainImage.setAttribute("src", array[index].ImageURL);
        mainImage.setAttribute("alt", array[index].Label); 
        ERGVClearDiv("ERGVMainImageArea");
        
        mainImageDiv.appendChild(mainImage);
    }   
}

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