var dragDeltaTimeout;
window.onload=function() {
  document.body.insertAdjacentHTML('beforeEnd','<div id=container></div>');
  cont=document.getElementById('container');
  windows=[];
  windows.push(createWin('test',0,0,398,498,windows.length));
  windows.push(createWin('test',400,0,400,498,windows.length));
  //  windows.push(createWin('test',0,250,windows.length));
  //  windows.push(createWin('test',400,250,windows.length));
  document.onselectstart=function() {event.returnValue=false;};
};
function createWin(title,x,y,w,h,offset) {
  var str="<div class='window'><div class='header'>"+title+"</div></div>";
  cont.insertAdjacentHTML('beforeEnd',str);
  var divs=cont.getElementsByTagName('div');
  var div=divs[divs.length-2];
  div.style.pixelLeft=x;
  div.style.pixelTop=y;
  div.style.pixelWidth=w;
  div.style.pixelHeight=h;
  var node=div.firstChild;
  node.onmousedown=function() {
    var evt=event;
    if (evt.button==1) {
      lastEvent={srcElement:node,x:evt.x,y:evt.y,offsetX:evt.offsetX,offsetY:evt.offsetY};
      dragDeltaTimeout=setTimeout(function() { moveBegin();node.style.cursor="move";},100);
    }
  };
  
  node.onmouseup=function() { 
    clearTimeout(dragDeltaTimeout);
    node.style.cursor="";
  };
  div.offset=offset;
  return div;
}
function moveBegin() {
  var evt=lastEvent;
  var target=evt.srcElement;
  var wnd=target.parentElement;
  var x=evt.x;
  var y=evt.y;
  xOffset=cont.offsetLeft+evt.offsetX;
  yOffset=cont.offsetTop+evt.offsetY;
  //  target.setCapture(true);
  document.onmousemove=mousemove;
  document.onmouseup=mouseend;
  zIndex(wnd.offset);
  movingWin=wnd;
}

function mousemove() {
  var evt=event;
  movingWin.style.pixelLeft=evt.x-xOffset;
  movingWin.style.pixelTop=evt.y-yOffset;
}
function mouseend() {
  document.onmousemove=null;
  document.onmouseup=null;

}

function zIndex(win) {
  for (var i=0;i<windows.length;i++) {
    windows[(win+i+1)%windows.length].style.zIndex=i;
    windows[(win+i+1)%windows.length].firstChild.runtimeStyle.backgroundColor="";
  }
  windows[(win+i)%windows.length].firstChild.runtimeStyle.backgroundColor="#88E";
}