var dragelement;
function addXY(element) 
{
   dragelement = element;
   		
   if (Sys.Browser.agent == Sys.Browser.InternetExplorer)
        document.attachEvent("onmousedown", start);
    else
	    document.addEventListener('mousedown',start,true);
}

//Notwendig fuer das QuickInfoControl

function removeXY() 
{
   if (Sys.Browser.agent == Sys.Browser.InternetExplorer)
        document.detachEvent('onmousedown');
   else
        document.removeEventListener('mousedown',start,true);
}


function start(e) 
{
    this.ex = 0;
    this.ey = 0;

    if (Sys.Browser.agent == Sys.Browser.InternetExplorer)
    {
	    this.ex = (event.x) - dragelement.style.pixelLeft;
        this.ey = (event.y) - dragelement.style.pixelTop;        

        document.attachEvent("onmousemove", drag);
        document.attachEvent('onmouseup', end);
    }
    else
    {
	    this.ex = e.pageX - parseInt(dragelement.style.left);
        this.ey = e.pageY - parseInt(dragelement.style.top);

        document.addEventListener('mousemove',drag,true);
        document.addEventListener('mouseup',end,true);
    }     
}

function drag(e) 
{
   
    if (Sys.Browser.agent == Sys.Browser.InternetExplorer)
    {
        dragelement.style.pixelLeft = (event.x - this.ex);
        dragelement.style.pixelTop = (event.y - this.ey);
    }
    else
    {
       dragelement.style.left =  (e.pageX - this.ex) + 'px';
       dragelement.style.top = (e.pageY - this.ey) + 'px';
    }
   

}

function end(e) 
{
   dragelement.style.opacity = this.opacity;
   
   if (Sys.Browser.agent == Sys.Browser.InternetExplorer)
   {
        document.detachEvent('onmousemove', drag);
        document.detachEvent('onmouseup', end);
   }
   else
   {
        document.removeEventListener('mousemove',drag,true);
        document.removeEventListener('mouseup',end,true);
   }



}