// start dragging
function startDrag(e){
 // determine event object
 if(!e){var e=window.event};
 // determine target element
 var targ=e.target?e.target:e.srcElement;
 if(targ.className=='nodrag'){return};
 targ=targ.parentNode;
 if(targ.className!='draggable'){return};
 // calculate event X,Y coordinates
    offsetX=e.clientX;
    offsetY=e.clientY;
 // assign default values for top and left properties
 if(!targ.style.left){targ.style.left='100px'};
 if(!targ.style.top){targ.style.top='100px'};
 // calculate integer values for top and left properties
    coordX=parseInt(targ.style.left);
    coordY=parseInt(targ.style.top);
    drag=true;
 // move div element
    document.onmousemove=dragDiv;
}
// continue dragging
function dragDiv(e){
 if(!drag){return};
 if(!e){var e=window.event};
 //var targ=e.target?e.target:e.srcElement;
 //targ=targ.parentNode;
 var targ=document.getElementById('announcementContainer');
 // move div element

 	posx = document.all ? window.event.clientX : e.pageX;
 	posy = document.all ? window.event.clientY : e.pageY;

  targ.style.left = coordX + posx - offsetX + 'px';
  targ.style.top = coordY + posy - offsetY + 'px';
  return false;
}

// stop dragging
function stopDrag(){
 drag=false;
}