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;
  }