var dom = document.getElementById;
var iex = document.all;
var ns4 = document.layers;

function addEvent(event,method){
  this["on"+event] = method;
  if(ns4) this.captureEvents(Event[event.toUpperCase()]);
}
function removeEvent(event){
  this["on"+event] = null;
  if(ns4) this.releaseEvents(Event[event.toUpperCase()]);
}
function getElement(name){
  if(dom) var el = document.getElementById(name);
  else if(iex) var el = document.all[name];
  else if(ns4) var el = getLayer(name);
  el.css = ns4 ? el : el.style;
  el.getLeft = function(){return parseInt(el.css.left) || 0};
  el.getTop = function(){return parseInt(el.css.top) || 0};
  el.setLeft = function(x){el.css.left = ns4 ? x : x+"px"};
  el.setTop = function(y){el.css.top = ns4 ? y : y+"px"};
  el.moveBy = function(x,y){el.setLeft(el.getLeft()+x);el.setTop(el.getTop()+y)};
  el.moveTo = function(x,y){el.setLeft(x);el.setTop(y)};
  el.getWidth = function(){return ns4 ? el.document.width : el.offsetWidth};
  el.getHeight = function(){return ns4 ? el.document.height : el.offsetHeight};
  el.hideVis = function(){el.css.visibility = "hidden"};
  el.showVis = function(){el.css.visibility = "visible"};
  el.addEvent = addEvent;
  el.removeEvent = removeEvent;
  return el;
}
function getLayer(name, root){
  var i, layer, found = null;
  if(!root) root = window;
  for(i = 0; i < root.document.layers.length; i++){
    layer = root.document.layers[i];
    if(layer.id == name) return layer;
    if(layer.document.layers.length) found = getLayer(name,layer);
    if(found) return found;
  }
  return null;
}


