// файл 1.js
extend = function(obj, cl, params){
 var params = params || [];
 cl.apply(obj, params);
 if (obj._superclasses==undefined) obj._superclasses = [];
 obj._superclasses.push(cl);
}
TNotify = {
 stop: function(e){
  if(typeof e.preventDefault!=="undefined"){
   e.preventDefault();
  }else{
   e.returnValue=false;
  };
  if(typeof e.stopPropagation!="undefined"){
   e.stopPropagation();
  }else{
   e.cancelBubble();
  }
 }
}
//тут будут очереди событий... ещё обдумываю
window.quene=[];
setTimeout(function(){
 var ev;
 if(ev = window.quene.shift()){
  ev["func"].call(ev.el, ev.e);
  setTimeout(arguments.callee, 0);
 }else{
  setTimeout(arguments.callee, 10);
 }
},10);
function TObject(){
 extend(this, Object);
 this._superclasses.push(this.constructor);
 this.protect = {self: this};
 this.destroy = function(){delete this;}
 this.getClass = function(){
  return this.constructor;
 }
 this.instanceOf = function(cl){
  var i = this._superclasses.indexOf(cl);
  if (i==-1) return false
  else return true;
 }
}
function TCollection(){
 extend(this,TObject);
 this.protect.objects=[];
 this.add = function(obj){
  this.protect.objects.push(obj);
 }
 this.remove = function(obj){
  var k=0;
  while(this.protect.objects[k]!=obj) k++;
  var l=this.protect.objects.length;
  this.protect.objects[k]=this.protect.objects[l-1];
  this.protect.objects.pop(); 
 }
 this.each = function(func){
  var tmp = [];
  for(var k=0; k<this.protect.objects.length; k++) tmp.push(this.protect.objects[k]);
  for(var k=0; k<tmp.length; k++){
   func.call(tmp[k]);
  }
 delete tmp;
 }
}
//планируется
/*function TServer(Owner){
 extend(this, TObject);
 this.protect.proc=new XMLHTTPRequest();
 this.ready = function(){}
 this.exec = function(lib, funcName, params){
  var args = "";
  for (var v in params){
   args +="&"+URIEncodeComponent(v)+"="+URIEncodeComponent(params[v]); 
  }
  var self = this;
  this.onreadyStateChange = function(req, answer){
   if (req.readyState==4 && req.status==200){
    self.ready.call(Owner);
   }
  }
  this.protect.proc.open("get", lib+"?"+encodeURIComponent(funcName)	+args, true);
  this.protect.send(null);
 }
}*/
function TPoint(x, y){
 extend(this, TObject);
 this.x = x;
 this.y = y;
}
function TBounds(left, top, width, height){
 extend(this, TObject);
 this.left = left;
 this.top = top;
 this.width = width;
 this.height = height;
}
function TBorder(bwidth, btype, bcolor){
 extend(this, TObject);
 this.width = bwidth || 0;
 this.type = btype || "solid";
 this.color = bcolor || "#000";
 this.toString = function(){
  return this.width+"px "+this.type+" "+this.color;
 }
}
function TRect(l, t, r, b){
 extend(this, TObject);
 this.left=l;
 this.top=t;
 this.right=r;
 this.bottom=b;
}
function TTimer(){
 extend(this, TObject);
 this.timer = function(){}
 this.protect.onTimer = function(){
  this.self.timer();
 }
 this.interval = 1000;
 this.protect.timer=null;
 this.protect.enabled = false;
 this.enable = function(){
  var prot=this.protect;
  if (this.protect.enabled == false){
   this.protect.enabled = true;
   this.protect.timer = setInterval(
    function(){prot.onTimer();}, prot.self.interval
   );
  }
 }
 this.disable = function(){
  var prot=this.protect;
  if (this.protect.enabled == true){
   this.protect.enabled = false;
   clearInterval(this.protect.timer);
   this.protect.timer = null;
  }
 }
 this.getEnabled = function(){
  return this.protect.enabled;
 }
}
function TComponent(){
 extend(this, TObject);
 var _destroy = this.destroy;
 this.destroy = function(){
  if (this.getParent()!=null){
   this.getParent().protect.removeChild(this);
   _destroy.call(this);
  }
 }
 this.click=function(e){};
 this.focus=function(e){};
 this.mouseDown=function(e){}
 this.mouseUp=function(e){}
 this.keyDown=function(e){}
 this.keyUp=function(e){}
 this.keyPress=function(e){}
 this.mouseMove=function(e){}
 this.protect.onclick=function(e){
  this.self.click(e); 
  if (this.parent!=null && !(term===false) )
   this.parent.protect.onclick(e);
  };
 this.protect.onfocus=function(e){
  term = this.self.focus(e);
  if (this.parent!=null && !(term===false))
    this.parent.protect.onfocus(e);
  };
 this.protect.onmouseDown=function(e){
  term = this.self.mouseDown(e); 
  if (this.parent!=null && !(term===false) )
    this.parent.protect.onmouseDown(e);
 };
 this.protect.onmouseUp=function(e){
  term = this.self.mouseUp(e); 
  if (this.parent!=null && !(term===false) )
    this.parent.protect.onmouseUp(e);
 };
 this.protect.onkeyDown=function(e){
  term = this.self.keyDown(e); 
  if (this.parent!=null && !(term===false) )
    this.parent.protect.onkeyDown(e);
  };
 this.protect.onkeyUp=function(e){
  term = this.self.keyUp(e); 
  if (this.parent!=null && !(term===false) )
    this.parent.protect.onkeyUp(e);
 };
 this.protect.onkeyPress=function(e){
  term = this.self.keyPress(e); 
  if (this.parent!=null && !(term===false) )
    this.parent.protect.onkeyPress(e);
  }; 
 this.protect.onmouseMove=function(e){
  term = this.self.mouseMove(e);
  if (this.parent!=null && !(term===false) ){
   this.parent.protect.onmouseMove(e);
  }
 }
 this.protect.children = [];
 this.protect.left = 0;
 this.protect.top = 0;
 this.protect.width = 0;
 this.protect.height = 0;
 this.protect.borders=new TRect(new TBorder(), new TBorder(), new TBorder(), new TBorder());
 this.protect.visibility=false;
 this.protect.background="transparent";
 this.protect.element = null;
 this.protect.parent=null;
 this.protect.appendChild=function(child){
  this.children.push(child);
  this.element.appendChild(child.protect.element);
 };
 this.protect.removeChild=function(child){
  this.element.removeChild(child.protect.element);
  var k=0;
  while(this.children[k]!=child) k++;
  var l=this.children.length;
  this.children[k]=this.children[l-1];
  this.children.pop();
 };
 this.protect.createElement = function(tag){
  if (tag!=null)
   this.element = document.createElement(tag);
   (function(){
    var prot = this;
    this.element.onclick=function(e){
     prot.onclick(e);
     TNotify.stop(e);
    };
    this.element.onfocus=function(e){
     prot.onfocus(e);
     TNotify.stop(e);
    }
    this.element.onmousemove=function(e){
     prot.onmouseMove(e);
     TNotify.stop(e);
    }
    this.element.onmousedown=function(e){
     prot.onmouseDown(e);
     TNotify.stop(e);
    }
    this.element.ontouchstart=function(e){
     prot.onmouseDown(e.touches[0]);
     TNotify.stop(e);
    }
    this.element.onmouseup=function(e){
     prot.onmouseUp(e);
     TNotify.stop(e);
    }
    this.element.ontouchend=function(e){
     prot.onmouseUp(e.touches[0]);
     TNotify.stop(e);
    }
    this.element.ontouchmove=function(e){
     prot.onmouseMove(e.touches[0]);
     TNotify.stop(e);
    }
   }).call(this);
   this.self.setBounds(new TBounds(
    this.left,
    this.top,
    this.width,
    this.height
   ));
  (function(style){
   style.position="absolute";
   style.boxSizing="border-box";
   style.border=this.protect.border;
   style.padding="0"; style.margin="0";
   style.visibility="hidden";
   style.background=this.protect.background;
   style.overflow="auto";
  }).call(this.self, this.element.style);
 }
 this.setParent = function(parent){
  this.protect.parent=parent;
  parent.protect.appendChild(this);
  this.setBounds(this.getBounds());
 }
 this.getParent = function(){
  return this.protect.parent;
 }
 this.getBounds = function(){
  var bounds = new TBounds(
   this.protect.left,
   this.protect.top,
   this.protect.width,
   this.protect.height
  )
  return bounds;
 }
 this.setPosition = function(position){
  if (position.instanceOf(TPoint)){
   (function(){
    this.left = position.x;
    this.top = position.y;
    this.element.style.left = position.x+"px";
    this.element.style.top = position.y+"px";
   }).call(this.protect);
  }
 }
 this.setSize = function(size){
  if (size.instanceOf(TPoint)){
   if ((size.x==0) && ((this.getParent()!=null) || this.instanceOf(TApplication))){
    var pb=(this.getParent()!=null)?this.getParent().getBorders():null;
    size.x=(pb!=null)?this.getParent().getBounds().width-(pb.left.width+pb.right.width):this.protect.element.parentNode.clientWidth;
   }
   if ((size.y==0) && ((this.getParent()!=null) || this.instanceOf(TApplication))){
    var pb=(this.getParent()!=null)?this.getParent().getBorders():null; 
    size.y=(pb!=null)?this.getParent().getBounds().height-(pb.top.width+pb.bottom.width):this.protect.element.parentNode.clientHeight;
   }
   (function(){ 
    this.width = size.x;
    this.height = size.y;
    this.element.style.width = size.x+"px";
    this.element.style.height = size.y+"px"; 
   }).call(this.protect);
  }
 }
 this.setBounds = function(bounds){
  if (bounds.instanceOf(TBounds)){ 
   this.setPosition(new TPoint(bounds.left, bounds.top));
   this.setSize(new TPoint(bounds.width, bounds.height));
  } 
 }
 this.setBackground = function(color, image, x, y, repeat){
  var color = color || "transparent";
  var image = image || "";
  var x = x || "0";
  var y = y || "0";
  var repeat = repeat || "no-repeat";
  (function(){
   this.color = color;
   this.image = image;
   this.x=x; this.y=y;
   this.repeat=repeat;
   this.element.style.backgroundColor=color;
   this.element.style.backgroundImage=image;
   this.element.style.backgroundPosition=x+" "+y;
   this.element.style.backgroundRepeat=repeat;
  }).call(this.protect);
 }
 this.setBorders=function(bl, bt, br, bb){
  var bl = bl||(new TBorder());
  var bt = bt||bl;
  var br = br||bl;
  var bb = bb||bt||bl;
  with(this.protect){
   borders.left = bl;
   borders.top = bt;
   borders.right = br;
   borders.bottom = bb;
  }
  this.protect.element.style.borderTop=bt.toString();
  this.protect.element.style.borderLeft=bl.toString();
  this.protect.element.style.borderRight=br.toString();
  this.protect.element.style.borderBottom=bb.toString();
 }
 this.getBorders = function(){
  var brd = this.protect.borders;
  return {left: new TBorder(brd.left.width, brd.left.type, brd.left.color), top: new TBorder(brd.top.width, brd.top.type, brd.top.color), right: new TBorder(brd.right.width, brd.right.type, brd.right.color), bottom: new TBorder(brd.bottom.width, brd.bottom.type, brd.bottom.color)}
 }
 this.show = function(){
  this.protect.visible=true;
  this.protect.element.style.visibility="inherit";
 }
 this.hide = function(){
  this.protect.visible=false;
  this.protect.element.style.visibility="hidden";
 }
}
function TApplication(){
 extend(this, TComponent);
 this.protect.element = document.body; 
 this.protect.createElement(null);
 this.setSize(new TPoint(0, 0));
 this.show();
}
function TPanel(){
 extend(this, TComponent);
 this.protect.createElement("div");
// this.setSize(new TPoint(100, 100));
}
function TDrager(){
 extend(this, TPanel);
 this.protect.element.style.zIndex="1000";
 var boundsLimit = TBounds(0,0,0,0);
 var parentBorders = null;
 var move = false;
 var moveComp = null;
 var moverComp = null;
 var cursorStart = new TPoint();
 var positionStart = new TBounds();
 this.start=function(e, comp, mover){
  if (comp.instanceOf(TComponent) && comp.getParent()!=undefined && mover.instanceOf(TComponent)){
   boundsLimit = comp.getParent().getBounds();
   parentBorders = comp.getParent().getBorders();
   if (typeof comp.getParent().getHeaderHeight!=="undefined")
    parentBorders.top.width += comp.getParent().getHeaderHeight();
   moveComp=comp;
   moverComp=mover;
   cursorStart = new TPoint(e.pageX, e.pageY);
   positionStart = moveComp.getBounds();
   this.show();
   return false;
  }
 }
 this.mouseMove = function(e){
  moverComp.mouseMove(e);
  var curX=e.pageX; var curY=e.pageY;
  if (e.pageX<boundsLimit.left+parentBorders.left.width) curX=boundsLimit.left+parentBorders.left.width;
  if (e.pageX>boundsLimit.left+boundsLimit.width-parentBorders.right.width) curX=boundsLimit.left+boundsLimit.width-parentBorders.right.width;
  if (e.pageY<boundsLimit.top+parentBorders.top.width) curY=boundsLimit.top+parentBorders.top.width;
  if (e.pageY>boundsLimit.top+boundsLimit.height-parentBorders.bottom.width) curY=boundsLimit.top+boundsLimit.height-parentBorders.bottom.width;
  var l = curX-cursorStart.x+positionStart.left;
  var t = curY-cursorStart.y+positionStart.top;
  moveComp.setPosition(new TPoint(l, t));
 }
 this.mouseUp = function(e){
  this.hide();
  moverComp.mouseUp(e);
 }
}
function TForm(){
 extend(this, TPanel);
 this.protect.appendChild=function(child){
  this.children.push(child);
  client.protect.element.appendChild(child.protect.element);
 };
 this.protect.removeChild=function(child){
  client.protect.element.removeChild(child.protect.element);
  var k=0;
  while(this.children[k]!=child) k++;
  var l=this.children.length;
  this.children[k]=this.children[l-1];
  this.children.pop();
 }; 
 this.getHeaderHeight = function(){
  return tp.getBounds().height;
 }
 var bt = new TBorder();
 var bo = theme.TForm.borders;
 this.setBorders(bo, bt, bo, bo);
 var tp = new TPanel();
 var client = new TPanel();
 var _setSize = this.setSize;
 this.setSize = function(size){
 _setSize.call(this, size);
 var b = this.getBounds();
 var bord = this.getBorders();
 client.setSize(new TPoint(b.width-bord.left.width-bord.right.width, b.height-theme.TForm.header.height-bord.top.width-bord.bottom.width));
 tp.setSize(new TPoint(b.width-bord.left.width-bord.right.width, theme.TForm.header.height));
 }
 tp.mouseDown = function(e){
  drager.start(e, this.getParent(), this);
 }
 client.setPosition(new TPoint(0, theme.TForm.header.height));
 this.protect.element.appendChild(client.protect.element);
 this.protect.element.appendChild(tp.protect.element);
 tp.protect.parent=this;
 tp.setBounds(new TBounds(0, 0, 0, theme.TForm.header.height));
 tp.show();
 client.show();
 tp.setBackground(theme.TForm.header.background);
 client.setBackground(theme.TForm.client.background);
}
//на будущее... inputs, images и т.д.
/*
function TInput(){
 extend(this, TComponent);
 this.protect.createElement("input");
 this.setSize(new TPoint(150, 15));
}
function TPassInput(){
 extend(this, TInput);
 this.protect.element.type="password";
}*/


theme = {
 TForm: {
  borders: new TBorder(2, "ridge", "#2035a0"),
  header: {
   height: 25,
   background: "#2035a0"
  },
  client: {
   background: "#a0a0a0"
  }
 }
}



// начало 
 window.app = new TApplication();
 window.app.setSize(new TPoint(300, 0));
 window.drager = new TDrager();
 drager.setParent(app);
 drager.setBounds(new TBounds(0,0,0,0));