Dragdrop op iPod

var currently_dragged_element;
var id;

function dragstart(element, e, theid)
{

    // voor internet explorer
    if(!e)
        e = window.event;

    currently_dragged_element = element;
    id = theid;


    _offsetX = 0;
    _offsetY = 0;
    _startX = 0;
    _startY = 0;
}

function dragmove(e)
{
    // Er is geen element opgepakt, dus we hoeven niets te doen
    if(!currently_dragged_element)
        return;
    
    // doe iets om de positie van currently_dragged_element
    // aan de hand van de coordinaten in e
    // ergens heen te slepen.
    
        if (e == null)
        e = window.event;

    // hiermee draggen we
    currently_dragged_element.style.left = (_offsetX + e.clientX - _startX) + px;
    currently_dragged_element.style.top = (_offsetY + e.clientY - _startY) + px;
    
    document.getElementById(left[ + id + ]).value = currently_dragged_element.style.left.replace(px, );
    document.getElementById(top[ + id + ]).value = currently_dragged_element.style.top.replace(px, );
    
}

function dragstop()
{
    // als er geen element wordt gesleept, doe niets
    if(!currently_dragged_element)
        return;

    // er is een element opgepakt, en de muis wordt losgelaten.
    // Dus laat het element weer vallen, want we slepen niet meer.
    currently_dragged_element = null;
}

window.onmousemove = dragmove;
window.onmouseup = dragstop;

window.addEventListener(load, function() {
      var b = document.getElementById(box), //Zet HTML element bmet ID box in var b
          xbox = b.offsetWidth  / 2, //Kiest het midden van drag element
          ybox = b.offsetHeight / 2, //Kiest het midden van drag element
          bstyle = b.style;
      b.addEventListener(touchmove, function(event) {
          event.preventDefault();
          bstyle.left =  event.targetTouches[0].pageX - xbox + px; //Update het left element
          bstyle.top =   event.targetTouches[0].pageY - ybox + px; //Update het top element
      }, false);
  }, false);