// Drog & Drop Sample Internet Explorer Version

window.attachEvent('onload',init);

function init() {
    var sample = document.getElementById('sample');
    sample.attachEvent('onmouseover', mouseover);
    sample.attachEvent('onmouseout',  mouseout);
}

function mouseover() {
    window.event.srcElement.attachEvent('onmousedown', mousedown);
}

function mouseout() {
    window.event.srcElement.detachEvent('onmousedown', mousedown);
}

function mousedown() {
    var evt = window.event;
    this.ex = evt.clientX - parseInt(evt.srcElement.style.left);
    this.ey = evt.clientY - parseInt(evt.srcElement.style.top);
    evt.srcElement.attachEvent('onmousemove', mousemove);
    evt.srcElement.attachEvent('onmouseup',   mouseup);
}

function mousemove() {
    var evt = window.event;
    var dx = evt.clientX - this.ex;
    var dy = evt.clientY - this.ey;
    if (dx < 0) dx = 1;
    if (dy < 0) dy = 1;
    evt.srcElement.style.left = dx + 'px';
    evt.srcElement.style.top  = dy + 'px';
}

function mouseup() {
    var evt = window.event;
    evt.srcElement.detachEvent('onmousemove', mousemove);
    evt.srcElement.detachEvent('onmouseup',   mouseup);
}