nav = document.layers;
        IE4 = document.all;

        isNav4 = (nav) ? true : false;
        isIE4 = (IE4) ? true : false;

        if(isNav4){

             function allobj(ID){ 

                  this.style = document.layers[ID];            
               }
        document.all = new Array(); 
         }

        function init(){ 
                if(isNav4){ 
                         end = document.layers.length;
                    for(i=0; i < end; i++){
                    id = document.layers[i].name;
                    document.all[id] = new allobj(id);
                     }                     
                }
          } 

        function catchEvent(id,event_type,function_name){

        if (isNav4){
             event_to_capture = "Event." + event_type.toUpperCase();
             
             if(id=="document"){
             dom = document;
              eval("document.captureEvents(" + event_to_capture + ")");

             }else{ 
                
        
                dom = document.layers[id];
                eval("document.layers['" + id + "'].captureEvents(" + event_to_capture + ")");
              
             }
        }
        else if(isIE4){

        if(id == "document"){


        dom = document;
        }else{
               dom = document.all[id];

        }
        }
                temp_event = "on" + event_type.toLowerCase();
                dom[temp_event] = eval(function_name);

}



        function letgoEvent(id,event_type,function_name){

        if (isNav4){

                dom = document.layers[id];
               
        }
        else if(isIE4){

               dom = document.all[id];
        }
                temp_event = "on" + event_type.toLowerCase();
                dom[temp_event] = null;
        }


           
var obj;   
var canmove=false;
        
function dragenable(id){

   catchEvent(id,"mousedown","mousestart");
   catchEvent("document","mousemove","mousemoving");
   catchEvent("document","mouseup","mouseend");
}

function mousestart(e) {
  canmove=true;

if (isNav4) {

     place = e.target.name.indexOf("1");
     layername = e.target.name.substring(0,place);
  
     obj = document.layers[layername];
     
      X=e.x;
      Y=e.y;
      return false;
  
     
  }else {

     obj = event.srcElement.parentElement.style;
     X=event.offsetX;
     Y=event.offsetY;
   }
  

}

function mousemoving(e) {

  if (obj && canmove) {
 
    if (isNav4) {
    
     obj.moveTo((e.pageX - X), (e.pageY - Y));
  }
   else {
      obj.pixelLeft = event.clientX-X + document.body.scrollLeft;
      obj.pixelTop = event.clientY-Y + document.body.scrollTop;
       return false;
      
             }
   }
}

function mouseend(e) {

canmove = false;  
obj = null;
}