// JScript File

  var scrOfX = 0, scrOfY = 0;
  var myImgWidth=0,myImgHeight=0;
  var myAcX=0,myAcY=0;
  var myImgUrl="";
  var myWidth=0,myHeight=0;
  var returnText;
  var screenSize;
  var originalSize;
  var zoomin;
  var zoomout;
  var bigPicDiv=null;
  
  function initLoad()
  {
    resetleftsize();
    window.onresize=resetleftsize;
    window.onscroll=adjustPopupdiv;
  }
  function adjustPopupdiv()
  {
    getScrollXY();
    var pic2=getElById("divControlPanel");
    if(pic2!=null){
        pic2.style.left=5+scrOfX;
        pic2.style.top=2+scrOfY;
        if(scrOfY<5 && bigPicDiv!=null)    
            bigPicDiv.style.top=24;
        }
  }
  function resetleftsize()
  {
  GetScreenSize();
  var m_leftspace=getElById("leftspace");
  if(myWidth-770>1)
    m_leftspace.style.width=(myWidth-770)/2;
  else {
    m_leftspace.style.width=0;
    m_leftspace.style.height=0;
    }
  //alert(m_leftspace.style.width);
  }
function GetScreenSize()
{
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
}
function getElById(idVal) {
  if (document.getElementById != null)
    return document.getElementById(idVal)
  if (document.all != null)
    return document.all[idVal]
  
  alert("Problem getting element by id")
  return null
 }

   function ClientValidate(source, arguments)
   {
        var Ext;
        var lastDot = arguments.Value.lastIndexOf(".");
        arguments.IsValid=false;
        if(lastDot >= 0){
            Ext = arguments.Value.substring(lastDot+1).toLowerCase();
            if(Ext=="jpg" || Ext=="gif" || Ext=="png"){
                arguments.IsValid=true;
            }    
        }
   }
function getScrollXY() {
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
//  return [ scrOfX, scrOfY ];
}

 function GetActualXY(ww,hh)
{
    var rx=0.4,ry=0.4;
    rx=ww/myImgWidth;
    ry=hh/myImgHeight;
    if(rx>ry)rx=ry;
    myAcX=myImgWidth*rx;
    myAcY=myImgHeight*rx;
}
 function ZoomOut()
{
    var r=0.9;
    if(myAcX<=myWidth && myAcY<=myHeight)r=1;
    myAcX=myAcX*r;
    myAcY=myAcY*r;
}
 function ZoomIn()
{
    var r=1.1;
    myAcX=myAcX*r;
    myAcY=myAcY*r;
}

function ShowBigImage(divid,v)
{
    GetScreenSize();

    var pic1=getElById(divid);
    var html='<table style="border:solid thin black;background-color: #ffffff" >';
    //html=html+'<tr><td align="left"><a href="#" onclick="HideBigImage()">Return</a></td></tr>';
    var w=0;
    var h=0;
    bigPicDiv=pic1;
    //getScrollXY();
    //GetScreenSize();
    if(v==0)ZoomOut();
    if(v==1)ZoomIn();
    if(v==3)GetActualXY(myWidth,myHeight);
    if(v==4){myAcX=myImgWidth;myAcY=myImgHeight;}
    w=myAcX;
    h=myAcY;

    //alert("w="+w+",h="+h+",url="+myImgUrl);
    //html=html+'<tr><td align="center"><a href="#"><img src="'+myImgUrl+'" width='+w+'px'+' height='+h+'px onclick="HideBigImage('+divid+','+barid+')" border=0></a></td></tr>';
    if(v==4)html=html+'<tr><td align="center"><a href="#"><img src="'+myImgUrl+'" onclick="HideBigImage(\''+divid+'\')" border=0></a></td></tr>';
    else html=html+'<tr><td align="center"><a href="#"><img src="'+myImgUrl+'" width='+w+'px'+' height='+h+'px onclick="HideBigImage(\''+divid+'\')" border=0></a></td></tr>';
    html=html+'</table>';

    //pic1.style.display='';
    pic1.style.visibility='visible';
    pic1.style.display='inline';
    //pic1.style.width='auto';
    //pic1.style.top=scrOfY;
    pic1.style.position='absolute';
    pic1.innerHTML=html;

    getScrollXY();
    pic1.style.left=4;
    pic1.style.top=24+scrOfY;

}
function HideBigImage(divid)
{
    var pic2=getElById(divid);//"divBigPhoto2");
    pic2.style.display='none';
    pic2.innerHTML="";
    
    var pic=getElById("divControlPanel");
    pic.style.display='none';

}

function DisplayToolbar_bak()
{
    try{
        var pic2=getElById("divControlPanel");

        html='<table style="border:solid thin black;background-color: #dddddd" >';
        html=html+'<tr><td width="100px" align="left"><a href="#" onclick="HideBigImage(\'divBigPhoto1\')">'+retrunText+'</a></td>';
        html=html+'<td width="80px"><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',0)">640x480</a></td>';
        html=html+'<td width="80px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',1)">800x600</a></td>';
        html=html+'<td width="80px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',2)">1024x768</a></td>';
        html=html+'<td width="100px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',3)">'+screenSize+'</a></td>';
        html=html+'<td width="100px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',4)">'+originalSize+'</a></td></tr>';
        html=html+'</table>';

        pic2.style.visibility='visible';
        pic2.style.display='inline';
        pic2.style.width='540';
        pic2.style.position='absolute';
        //pic2.style.left=5;
        //pic2.style.top=2;
        pic2.innerHTML=html;
        getScrollXY();
        pic2.style.left=5+scrOfX;
        pic2.style.top=2+scrOfY;        
    }
    catch(err){}
}

function DisplayToolbar()
{
    try{
        var pic2=getElById("divControlPanel");

        html='<table style="border:solid thin black;background-color: #E9E5FA" >';
        html=html+'<tr><td width="100px" align="left"><a href="#" onclick="HideBigImage(\'divBigPhoto1\')"><img src="images/close20.gif" border="0" title="'+retrunText+'"></a></td>';
        html=html+'<td width="80px"><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',0)"><img src="images/zoomout.gif" border="0" title="'+zoomout+'"></a></td>';
        html=html+'<td width="80px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',1)"><img src="images/zoomin.gif" border="0" title="'+zoomin+'"></a></td>';
        html=html+'<td width="100px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',3)"><img src="images/fit.gif" border="0" title="'+screenSize+'"></a></td>';
        html=html+'<td width="100px" ><a href="#" onclick="ShowBigImage(\'divBigPhoto1\',4)"><img src="images/actual.gif" border="0" title="'+originalSize+'"></a></td></tr>';
        html=html+'</table>';

        pic2.style.visibility='visible';
        pic2.style.display='inline';
        pic2.style.width='540';
        pic2.style.position='absolute';
        //pic2.style.left=5;
        //pic2.style.top=2;
        pic2.innerHTML=html;
        getScrollXY();
        pic2.style.left=5+scrOfX;
        pic2.style.top=2+scrOfY;        
    }
    catch(err){}
}

function DisplayOriginalImage(divid,imageUrl,w,h){
try{

    myImgUrl=imageUrl;
    myImgWidth=w;
    myImgHeight=h;

    ShowBigImage(divid,3);
    DisplayToolbar();
    } 

  catch(err){}
}       
function HidePopupWindow(id)
{
    try {
          
          var div=getElById(id);//"divPopPopupPhoto"));
          div.style.display="none";
          div.innerHTML="";
    }
    catch(err)
    {
    }
}
function ShowHelp(ty,id,HelpText)
{
    try {
        var html='<table style="border:solid thin black;background-color: #ffffff" >';
            html=html+'<tr><td align="left" width="200px" >'+HelpText+'</td></tr>';
            html=html+'</table>';
          
         GetScreenSize();
          var pic = getElById(id);
          pic.style.visibility = 'visible'; 
          pic.style.display = 'inline';
          pic.style.position = 'absolute';  
          pic.style.width = 'auto';
          var www=0,hhh=0;
          if(ty==0)
          {
            www=(myWidth-780)/2+274;
            hhh=520;
          }
          if(ty==1)
          {
            www=(myWidth-780)/2+325;
            hhh=570;
          }
          if(ty==2)
          {
            www=(myWidth-780)/2+275;
            hhh=524;
          }
          if(ty==3)
          {
            www=604+(myWidth-780)/2;
            hhh=90;
          }
          if(ty==4)
          {
            www=(myWidth-780)/2+315;
            hhh=326;
          }
          if(ty==5)
          {
            www=(myWidth-780)/2+220;
            hhh=100;
          }
          if(ty==6)
          {
            www=(myWidth-780)/2+420;
            hhh=415;
          }
          pic.style.left=www;
          pic.style.top=hhh;
          pic.innerHTML = html; 
          
    }
    catch(err)
    {
    alert(err);
    }
}
function ShowMidPic(ty,id,imageUrl,width,height,curnum,title,date,dh)
{
    try {
        var html='<table style="border:solid thin black;background-color: #ffffff" >';
            html=html+'<tr><td align="center" colspan="2"><img src="'+imageUrl+'" width='+width+'px'+' height='+height+'px></td></tr>';
            //alert(html);
            html=html+'<tr><td align="left" width="100px" height="13">'+title+'</td>';
            html=html+'<td  align="right" valign="bottom"><b>'+date+'</b></td></tr>';
            html=html+'</table>';
          
         GetScreenSize();
         //getScrollXY();
          var pic = getElById(id);//"divPopPopupPhoto");
          pic.style.visibility = 'visible'; 
          pic.style.display = 'inline';
          pic.style.position = 'absolute';  
          pic.style.width = 'auto';
          var www=0,hhh=0;
          if(ty==0)
          {
            www=(myWidth-990)/2+250+curnum*72-30;
            hhh=700-dh;
          }
          else {
              www=(myWidth+780)/2-360;
              if(myWidth<780)www=www+(780-myWidth)/2;
              hhh=410+72*curnum;
          }
          pic.style.left=www;
          pic.style.top=hhh;
          pic.innerHTML = html; 
         // alert("dh="+dh);
          
//          MouseBuffer=document.onmousemove;
//          document.onmousemove=MoveUserProfilePic;
    }
    catch(err)
    {
    alert(err);
    }
}
function hideEditPhotoPanel()
{
   getElById('editphotodiv').style.display='none';
    var obj2=getElById("calDatediv");
    obj2.style.display="none";
}
function hideSharePhotoPanel()
{
   getElById('editphotosharediv').style.display='none';
}
 function DisplayEditInfoPanel(v,d)
 {
    GetScreenSize();
    var obj=getElById("editphotodiv");
    obj.style.display="";
    obj.style.left=(myWidth-780)/2+340+70*d;
    obj.style.top=350+v*80;

    var obj1=getElById("editphotosharediv");
    obj1.style.display="none";
    var obj2=getElById("calDatediv");
    obj2.style.display="none";
 }
 function DisplayShareInfoPanel(v,d)
 {
    GetScreenSize();
    var obj1=getElById("editphotosharediv");
    obj1.style.display="";
    obj1.style.left=(myWidth-780)/2+390+d*70;
    obj1.style.top=350+v*80;

    var obj=getElById("editphotodiv");
    obj.style.display="none";    
    var obj2=getElById("calDatediv");
    obj2.style.display="none";
 } 
 function MovecalDateDiv()
 {
    var obj2=getElById("calDatediv");
    var obj=getElById("editphotodiv");
    
    //if(obj2.style.display!="")
        obj2.style.display="";
   // else obj2.style.display="none";
    
    obj2.style.left=AddMoreSpace(obj.style.left,10);
    obj2.style.top=AddMoreSpace(obj.style.top,80);    
 }
 function AddMoreSpace(v,d)
 {
 
    var i=v.indexOf('px');
    //alert("v="+v+",i="+i);
    //return 400;
    var s=v.substr(0,i);
//    alert("s="+s);
    var f=parseInt(s);
    return (f+d);
 }