Drag&Drop

    //HELP функции
    setPageX=function(event) {
        var pageX
        if (event.pageX) {pageX=event.pageX} else {pageX=event.clientX+scrollLeft}
        return pageX
    }
    setPageY=function(event) {
        var pageY
        if (event.pageY) {pageY=event.pageY} else {pageY=event.clientY+scrollTop}
        return pageY
    }
 
    startDragAndDrop=function(dragElement, event) {
        event=event||window.event
        var posX=setPageX(event)-dragElement.offsetLeft
        var posY=setPageY(event)-dragElement.offsetTop
        var elements=dragElement.parentNode.childNodes
        for (i=0, L=elements.length; i<L; i++) {
            if (elements[i]==dragElement) {
                elements[i].style.color="green"
                elements[i].style.position='absolute'
                elements[i].style.top=elements[i].offsetTop+"px"
                elements[i].style.left=elements[i].offsetLeft+"px"
                elements[i].style.zIndex=2
                document.body.onmousemove=function() {provDragAndDrop(event,dragElement,posX,posY)}
                document.body.onmouseup=function() {finColor()}
            } else {
                if (elements[i].nodeType==1) {
                    elements[i].style.color="blue"
                    elements[i].style.zIndex=1
                }
            }
        }
    }
    
    finDragAndDrop=function(dragElement) {
        var elements=dragElement.parentNode.childNodes
        document.body.onmousemove=null
        document.body.onmouseup=null
    }
    
    provDragAndDrop=function(event,dragElement,posX,posY) {
        event=event||window.event
        var pageX=setPageX(event)
        var pageY=setPageY(event)
        dragElement.style.left=pageX+"px"
    }
    
    finColor=function() {
        var elements=document.getElementsByTagName("UL")[0].childNodes
        for (i=0, L=elements.length; i<L; i++) {
            if (elements[i].nodeType==1) {
                elements[i].style.color="black"
            }
        }
    }