// JavaScript Document

var x0 = 0, y0 = 0, x1 = 0, y1 = 0;
var offx = 6, offy = 6;
var moveable = false;
var hover = 'orange', normal = 'purple';
// color; slategray;
var index = 1;
// z - index;
// 开始拖动;
function startDrag(obj)
{
   if(event.button == 1)
   {
      // 锁定标题栏;
      obj.setCapture();
      // 定义对象;
      var win = obj.parentNode;
      var sha = win.nextSibling;
      // 记录鼠标和层位置;
      x0 = event.clientX;
      y0 = event.clientY;
      x1 = parseInt(win.style.left);
      y1 = parseInt(win.style.top);
      // 记录颜色;
      normal = obj.style.backgroundColor;
      // 改变风格;
      obj.style.backgroundColor = hover;
      win.style.borderColor = hover;
      obj.nextSibling.style.color = hover;
      sha.style.left = x1 + offx;
      sha.style.top  = y1 + offy;
      moveable = true;
   }
}
// 拖动;
function drag(obj)
{
   if(moveable)
   {
      var win = obj.parentNode;
      var sha = win.nextSibling;
      win.style.left = x1 + event.clientX - x0;
      win.style.top  = y1 + event.clientY - y0;
      sha.style.left = parseInt(win.style.left) + offx + 3;
      sha.style.top  = parseInt(win.style.top) + offy + 3;
   }
}
// 停止拖动;
function stopDrag(obj)
{
   if(moveable)
   {
      var win = obj.parentNode;
      var sha = win.nextSibling;
      var msg = obj.nextSibling;
      win.style.borderColor     = normal;
      obj.style.backgroundColor = normal;
      msg.style.color           = normal;
      sha.style.left = obj.parentNode.style.left;
      sha.style.top  = obj.parentNode.style.top;
      obj.releaseCapture();
      moveable = false;
   }
}
// 获得焦点;
function getFocus(obj)
{
   if(obj.style.zIndex != index)
   {
      index = index + 2;
      var idx = index;
      obj.style.zIndex = idx;
      obj.nextSibling.style.zIndex = idx - 1;
   }
}
// 最小化;
function min(obj)
{
   var win = obj.parentNode.parentNode;
   var sha = win.nextSibling;
   var tit = obj.parentNode;
   var msg = tit.nextSibling;
   var flg = msg.style.display == "none";
   if(flg)
   {
      win.style.height  = parseInt(msg.style.height) + parseInt(tit.style.height) + 2 * 3;
      sha.style.height  = win.style.height;
      msg.style.display = "block";
      obj.innerHTML = "0";
   }
   else
   {
      win.style.height  = parseInt(tit.style.height);
      sha.style.height  = win.style.height;
      obj.innerHTML = "2";
      msg.style.display = "none";
   }
}
// 关闭;
function cls(obj)
{
   var win = obj.parentNode.parentNode;
   var sha = win.nextSibling;
   win.style.visibility = "hidden";
   sha.style.visibility = "hidden";
}
// 创建一个对象;
function xWin(id, w, h, l, t, tit, msg)
{
   index = index + 2;
   this.id      = id;
   this.width   = w;
   this.height  = h;
   this.left    = l;
   this.top     = t;
   this.zIndex  = index;
   this.title   = tit;
   this.message = msg;
   this.obj     = null;
   this.bulid   = bulid;
   this.bulid();
}
// 初始化;
function bulid()
{
   var str = ""
   + "<div id=SalePlayerMessage" + this.id + " "
   + "style='"
   + "z-index:" + this.zIndex + ";"
   + "width:" + this.width + ";"
   + "height:" + this.height + ";"
   + "left:" + this.left + ";"
   + "top:" + this.top + ";"
   + "background-color:" + normal + ";"
   + "color:" + normal + ";"
   + "font-size:10px;"
   + "text-align:left;"
   + "font-family:Verdana;"
   + "float:left;"
   + "position:absolute;"
   + "cursor:default;"
   + "border:2px solid " + normal + ";"
   + "' "
   + "onmousedown='getFocus(this);'>"
   + "<div "
   + "style='"
   + "background-color:" + normal + ";"
   + "width:" + (this.width) + ";"
   + "height:18;"
   + "color:white;"
   + "float:left;"
   + "' "
   + "onmousedown='startDrag(this)' "
   + "onmouseup='stopDrag(this);' "
   + "onmousemove='drag(this);' "
   + "ondblclick='min(this.childNodes[1]);'"
   + ">"
   + "<span style='float:left;width:" + (this.width-2*12-4-3) + ";padding-left:3px;font-size:13px;font-weight:bold;'>" + this.title + "</span>"
   + "<span style='float:right;width:12;border-width:0px;color:white;font-family:webdings;' onclick='min(this);'>0</span>"
   + "<span style='float:right;width:12;border-width:0px;color:white;font-family:webdings;' onclick='cls(this);'>r</span>"
   + "</div>"
   + "<div style='"
   + "width:" + (this.width - 6) + ";"
   + "height:" + (this.height - 20 - 4) + ";"
   + "background-color:white;"
   + "line-height:14px;"
   + "word-break:break-all;"
   + "padding:3px;"
   + " overflow-y:auto;"
   + "'>" + this.message  + "</div>"
   + "</div>"
   
   + "<div style='"
   + "width:" + this.width + ";"
   + "height:" + this.height + ";"
   + "top:" + this.top + ";"
   + "left:" + this.left + ";"
   + "z-index:" + (this.zIndex - 1) + ";"
   + "position:absolute;"
   + "background-color:black;"
   + "filter:alpha(opacity=40);"
   + "'/>";
   document.body.insertAdjacentHTML("beforeEnd", str);
}


//  var a = new xWin("ID", Width, Height, Left, Top, Title, Message);

function Win(id, w, h, l, t, tit, msg)
{
   var a = new xWin(id, w, h, l, t, tit, msg);
}