function inittitle(odiv,title)
    {
     title.onmousedown=function(e) {
         if (e==null) e=window.event;
      var x=e.layerX?e.layerX:e.offsetX;
      var y=e.layerY?e.layerY:e.offsetY;
      
      if(title.setCapture) {  // for ie brower
          title.setCapture();
          document.onmousemove=function(e) {
           if (e==null)  e=window.event;
           if (!e.pageX) e.pageX=e.clientX;
           if (!e.pageY) e.pageY=e.clientY;
           var tx=e.pageX-x;
           var ty=e.pageY-y;
           
           odiv.style.left=tx + "px";
           odiv.style.top=ty + "px";
          };
          document.onmouseup=function(){
           title.releaseCapture();
           document.onmousemove=null;
           document.onmouseup=null;
          };
      } 
      else if(document.addEventListener)
      {
          function mousemove(e) {
           if (e==null)  e=window.event;
           if (!e.pageX) e.pageX=e.clientX;
           if (!e.pageY) e.pageY=e.clientY;
           var tx=e.pageX-x;
           var ty=e.pageY-y;
           
           odiv.style.left=tx + "px";
           odiv.style.top=ty + "px";
          };
          function mouseup(e) {
              document.removeEventListener("mousemove",mousemove, false);
              document.removeEventListener("mouseup",mouseup,false);
          };
          
       document.addEventListener("mousemove",mousemove, false);
          document.addEventListener("mouseup", mouseup, false);
      }
  };
    }
    
    function initclose(odiv,close)
    {
        close.onmouseout=function(e)
        {
            var css = "text-decoration:none; font-size:13px; "
                    + "font-weight:bold; color:#ffffff";                    
            close.style.cssText = css;        
        };
        close.onmouseover=function(e)
        {
            var css = "text-decoration:none; font-size:13px; "
                    + "font-weight:bold; background-color:#FFD0F0";
            close.style.cssText = css;        
        };
        close.onmousedown=function(e)
        {
            ;
        }
        close.onclick=function(e)
        {
            odiv.style.display="none";
        }
    }
    
    function closeswin(){ window.location.reload();}
    
    function donothing(){}
    
    function sWin(ss,tt,oo)
    {
        
	/*var csst= "position:absolute; " 
                + "border:2px solid #0040A0; "
                + "left:100px;top:50px;"
                + "width:800px; height:600px; ";
	*/
	var csst="position:absolute;border:2px solid #6c6c6c;padding:5px;width:810px; height:750px;background:#777;border:1px solid #6c6c6c;";

        var css1= "height:18px; "
                + "background-color:#6c6c6c; ";
        var css2 = "height:750px; background-color:#FFFFFF; ";
        
        var d1 = document.createElement("div");
        var d2 = document.createElement("div");
        var odiv = document.createElement("div");
	
	    odiv.id="abc";
        odiv.appendChild(d1);
        odiv.appendChild(d2);
        document.body.appendChild(odiv);

        odiv.style.cssText = csst;
        d1.style.cssText = css1;
        d2.style.cssText = css2;
	    $("abc").style.top=100+"px"; 
        $("abc").style.left=(document.body.offsetWidth-810)/2+"px";
        
        d1.innerHTML="<table border=\"0\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">"
                    +"<tr><td style=\"color:#ffffff; font-size:13px; font-weight:bold;"
                    +"padding-left:2px; width:820px; cursor:default;\""
                    +"id=\"sWin_title\" valign=\"top\">look this pic information...</td>"
                    +"<td align=\"center\" onmousedown=\"javascript:donothing();\">"
                    +"<a href=\"javascript:closeswin();\" id=\"sWin_close\""
                    +"style=\"text-decoration:none; font-size:13px; "
                    +"font-weight:bold; color:#ffffff\">Close</td></tr></table>";
                    
	    d2.innerHTML="<iframe width=810 height=740 frameborder=0 scrolling=auto src='pic_show.php?picname="+ss+"&userID="+tt+"&picID="+oo+"'></iframe>";
		
		//d2.innerHTML="<img src='images/"+ss+"' height='340' width='480' align='center' />"; 
		
        var title = document.getElementById("sWin_title");
        var close = document.getElementById("sWin_close");
        
        //inittitle(odiv,title); 用户不可以移动。。。。
        initclose(odiv,close);

        this.client = d2;
    }
    

  //  var win1;
    //window.onload = function(){ win1=sWin();}