// JScript File

function expandImageCentered(imgId, imgSrc, e, obj) 
{
    var id = imgId + "_container";
    var smImageId = imgId + "_sm_Image";
    var parentid = imgId + "_abs_container";
    var cont = document.getElementById(id);
    var smImg = document.getElementById(smImageId);
    
    cont.style.top = "100px";
    cont.style.left = "100px";
   
    if(cont.style.display == 'none')
    {
        cont.style.display = 'block';
    }
    else
    {
        var divText = "<div class='largeFloatSnp' id='largeFloatImg'></div>";
        var lgImg = new Image();
        lgImg.src = imgSrc;
        var cnt = 0;
        var dynSrc = imgSrc;
        var dynImgID = "dyn_lg_" + imgId;
        
        var closeUrl = "document.getElementById('" + id + "').style.display='none';";
        
        var innerHtml= "<table cellpadding='0' style='background-color:#ffffff;margin:0px;padding:0px;border-style=solid;border-width:1px;border-color:#335EA8;' id='dynLargeTable'>"
            + "<tr><td style='padding:0px;margin:0px;background-color:#ffffff'><a align='right' href=\"javascript:var x=" + closeUrl + ";\">"
              + "<img border='0' align='right' src='./graphics/close.gif'></a></td></tr>"
            +"<tr><td style='padding:0px;margin:0px;background-color:#ffffff'><a href=\"javascript:var x=" + closeUrl + ";\">"
                +"<img id='" + dynImgID + "' border='0' src='" + dynSrc + "'></a></td></tr>"
            +"</table>";
            cont.innerHTML = innerHtml;
            cont.style.position = "absolute";
           
           var inImage = cont.getElementsByTagName("img")[1];
           
           if(!inImage.complete)
           {
                var newImage = new Image();
                newImage.src = inImage.src;
                inImage.realImg = newImage;
                inImage.src = smImg.src;
                inImage.width = 200;
                swImg(inImage);
           }
            
           // Fix the image loading problem
           inImage = cont.getElementsByTagName("img")[0];
           
           if(!inImage.complete)
           {
                var newImage = new Image();
                newImage.src = inImage.src;
                inImage.realImg = newImage;
                inImage.src = smImg.src;
                swImg(inImage);
           }
    }
}

function swImg(img)
{
    if(img.realImg.complete)
    {
        img.src = img.realImg.src;
        if(img.realImg.width > 100)
        {
            img.width = img.realImg.width;
        }
    }
    else
    {
        setTimeout ( function() { swImg(img); }, 10 );
    }
}