﻿var objImg;
var ImgS;
var MaxY;
var MaxX;
var intervalY;
var intervalX;
var dShowImgHead;
var ccenterImgID;
var AddY;
var AddX;

function ShowImg(obj,PixelTop)
{
    if(obj!=null)
    {        
        ImgS.src=obj.src;
              
        if(objImg)
        {
            objImg.style.display = "block";

            ImgS.style.height = "330px";
            ImgS.style.width = "550px";
            objImg.style.pixelTop = PixelTop;
            //StartAdding();
        }
    }
}

function CloseImg(CtlID)
{
    var obj=document.getElementById(CtlID);
    if(obj)
    {
        obj.style.display="none";
    }
}
function SetImgCtlID(id,imgid,ShowImgHeadID,centerImgID)
{
    objImg=document.getElementById(id);
    ImgS=document.getElementById(imgid);
    dShowImgHead=document.getElementById(ShowImgHeadID); 
    ccenterImgID =document.getElementById(centerImgID); 
    
    if(ImgS)
    {
        MaxY=330;
        MaxX=550;               
    }
}
function StartAdding()
{
    if(objImg)
    {
        ImgS.style.height="0px";
        intervalY=6;
        
        ImgS.style.width="0px";
        intervalX=3;
        
        dShowImgHead.style.display="none";
        
        ccenterImgID.style.border="none";
        
        AddY=29;
        AddX=46;
    }
    
    StatAddHeight();
    StatAddWidth();
}
function StatAddHeight()
{
    var CurY=ImgS.style.height.replace("px","");    
     
    if(CurY<MaxY)
    {
        ImgS.style.height=ImgS.style.height.replace("px","")*1.0+AddY+"px";
        setTimeout(StatAddHeight,intervalY);
        CurY=ImgS.style.height.replace("px","");    
        if(CurY>MaxY)
            ImgS.style.height=MaxY+"px";        
    }    
       
}
function StatAddWidth()
{
    var CurX=ImgS.style.width.replace("px","");    
     
    if(CurX<MaxX)
    {
        ImgS.style.width=ImgS.style.width.replace("px","")*1.0+AddX+"px";
        setTimeout(StatAddWidth,intervalX);
        CurX=ImgS.style.width.replace("px","");    
        if(CurX>MaxX)
            ImgS.style.width=MaxX+"px";
    }    
    else
    {
        dShowImgHead.style.display="block";
        ccenterImgID.style.border="3px groove black";        
    }    
}



