// JavaScript Document

var object = null;
var cX =  0;
var cY = 0;

function initPage () {
  document.onmousedown = pickIt;
  document.onmousemove = dragIt;
  document.onmouseup = dropIt;
}

function pickIt(evt) {
  var evt = (evt) ? evt : ((window.event) ? event : null);
  var objectID = (evt.target) ? evt.target.id : ((evt.srcElement) ? evt.srcElement.id : null);
  if (objectID.indexOf('chip')!=-1)  object = document.getElementById(objectID);
  if (object) {
    object.style.zIndex = 100;
    cX = evt.clientX - object.offsetLeft;
    cY = evt.clientY - object.offsetTop;
    return;
  }
    else {
      object = null;
      return;
    }
}

function dragIt(evt) {
  evt = (evt) ? evt : ((window.event) ? event : null);
  if (object) {
    object.style.left = evt.clientX - cX + 'px';
    object.style.top = evt.clientY - cY + 'px';
    return false;
  }
}

function dropIt() {
  if (object) {
    object.style.zIndex = 0;
    object = null;
  return false;
  }
}