function getObject(obj) {
  if (document.getElementById) {
    obj = document.getElementById(obj);
  } else if (document.all) {
    obj = document.all.item(obj);
  } else {
    obj = null;
  }
  return obj;
}

function getElementPosition(elemID){
  var offsetTrail = getObject(elemID);
  var offsetLeft = 0;
  var offsetTop = 0;
  while (offsetTrail){
    offsetLeft += offsetTrail.offsetLeft;
    offsetTop += offsetTrail.offsetTop;
    offsetTrail = offsetTrail.offsetParent;
  }
   if (navigator.userAgent.indexOf('Mac') != -1 && typeof(document.body.leftMargin) != 'undefined'){
     offsetLeft += document.body.leftMargin;
     offsetTop += document.body.topMargin;
  }
  return {left:offsetLeft,top:offsetTop};
}


function moveIt(elemID,mvLeft) {
  if (mvLeft == 6) mvLeft = 0;
    var obj = getObject(elemID);
    obj.style.left = mvLeft + 'px';
}

moveIt('canvas', (6 - (getElementPosition('canvas').left-1)%6) );