Como logro hacer esto y se puede?

[liki2006]

Buenas tardes.

foro tengo el siguiente script que controla acciones en un objeto como es escalar una imagen:

Código PHP:

  SET_DHTML("lefttop"+CURSOR_NW_RESIZE, "righttop"+CURSOR_NE_RESIZE, "rightbottom"+CURSOR_SE_RESIZE, "leftbottom"+CURSOR_SW_RESIZE, CURSOR_MOVE, TRANSPARENT, "mainer", "main2", "main3", "main4", "main5", "main6", "main7", "main8", "main9", "main10");
 
for (var i = 0; i < 2; i++)
{
    dd.elements[i].copy();
    dd.elements[i].copies[0].hide();
}
 
//////////esta variable ""dd.elements.mainer;"" quisiera saber si es posible con algun arreglo hacerla que cambie a main1, main2, main3 etc.
 
var mainer = dd.elements.mainer;
var lt = dd.elements.lefttop;
var rt = dd.elements.righttop;
var rb = dd.elements.rightbottom;
var lb = dd.elements.leftbottom;
var grips = [lt, rt, rb, lb];
 
 
function init()
{
    hideGrips();
    mainer.setZ(mainer.z+1);
    mainer.div.ondblclick = showGrips;
}
 
function my_PickFunc()
{
    if (dd.obj.name != "") {
      objeto &= dd.obj.name;
        }
 
    if (dd.obj.name == mainer) 
        hideGrips();
 
        
    else
    {
        var i = 4; while (i--)
        {
            if (grips[i] != dd.obj)
                grips[i].show();
        }
                moveGripsToCorners();
   }
}
 
 
 
function my_DropFunc()
{
    hideGrips();
        showGrips();
}
 
function my_DragFunc()
{
 
        if (dd.obj.name == 'leftcorner')
    {
        objeto.resizeTo(rb.x-lb.x, rb.y-rt.y);
    }
    else if (dd.obj == rt)
    {
        mainer.resizeTo(rt.x-lt.x, rb.y-rt.y);
        mainer.moveTo(rt.x-mainer.w+rt.w/2, rt.y+rt.h/2);
    }
    else if (dd.obj == lb)
    {
        mainer.moveTo(lb.x+lb.w/2, lt.y+lt.h/2);
        mainer.resizeTo(rb.x-lb.x, lb.y-lt.y);
    }
    else if (dd.obj == lt)
    {
        mainer.moveTo(lt.x+lt.w/2, lt.y+lt.h/2);
        mainer.resizeTo(rt.x-lt.x, lb.y-lt.y);
    }
        
 
 
 
    document.myForm.NAME.value = dd.obj.name;
    document.myForm.X.value = dd.obj.x;
    document.myForm.Y.value = dd.obj.y;
        document.myForm.W.value = dd.obj.w;
        document.myForm.H.value = dd.obj.h;            
        document.myForm.ID.value = dd.obj.src;
 
                
            
}
 
function showGrips()
{
    moveGripsToCorners();
    var i = 4; while(i--)
    {
        grips[i].setZ(mainer.z+1);
        grips[i].show();
    }
}
 
function hideGrips()
{
    var i = 4; while(i--)
       grips[i].hide();
                
}
 
function moveGripsToCorners()
{
 
 
   lt.moveTo(mainer.x-lt.w/2, mainer.y-lt.h/2);
    rt.moveTo(mainer.x+mainer.w-lt.w/2, mainer.y-lt.h/2);
    rb.moveTo(mainer.x+mainer.w-lt.w/2, mainer.y+mainer.h-lt.h/2);
   lb.moveTo(mainer.x-lt.w/2, mainer.y+mainer.h-lt.h/2);
} 
   

solo que quiero implementarlo para todas las imagenes que yo desglose de un query pero el script en js no me lo permite ya que no es dinamico solo me permite escalar la imagen a la que yo le asigno el nombre mainer

Código PHP:

  //en donde es name con php le asigno el nombre mainer
echo"<img name='$name' src='img/$imagenes[0]'>"; 
   

y si coloco mas de una imagen con el nombre mainer no me permite hace nada como puedo hacer para que el script me permita hacerlo a todas las imagenes que yo desglose aunque tengan un nombre diferente en la etiquete name