Necesito averiguar una "orden" de una web (no se como explicarlo :P )

Holaa gente...

A ver...

No se como explicar el nombre del asunto...
Pero.. se los explico aca...

((( Estoy programando en VIsual Basic.net )))

Imaginen ésto:

en una web hay como dos "sectores" con items que se puede arrastrar...
Vieron las webs como los juegos on-line.. como Darkpirates.es que tenes 2 cajas con objetos arrastrables..
Que de una caja (vendedor) arrastras un objeto a otra caja (tu caja personal) y compras ese objecto..

Bueno.. yo estoy en una web algo parecida... juro que no es darkpirates.. pero es algo parecida...
Y quisiera saber como es el codigo que tengo que ejecutar en el explorador para poder pasar un item de una caja a la otra... o sea... quiero hacer un programa que al hacer click en un boton, se compren todos los items... o sea.. que ejecute el codigo de pasar un item de una caja a la otra...
En pocas palabras: mediante codigo, arrastrar el objeto...

el tema no es tan facil... porque los items no se pueden arrastrar a cualquier lugar... porque si un lugar ya esta ocupado.. tenes que arrastrarlo al lado.. pero de eso me puedo encargar un poco yo..

las 2 cajas son como 2 matrices..
la caja del que vende, le falta un item en la 1º columna horizontal, en la 3º posicion de izquierda a derecha...
aca esta el codigo:

Código:

<div id="salesBoxBottom"> <div id="shopContainer"> <ul id="shopSelector" class="gridselector"> <li class="cart_1 cartSelectors cartAct_1"></li> <li class="cart_2 cartSelectors"></li> <li class="cart_3 cartSelectors"></li> </ul> <div id="shop" class="shop tooltipContainer"> <img style="position: absolute; height: 35px; width: 35px; top: 0px; left: 0px;" class="items maskextra" id="shop_0" src="designs/default/images/Items/mask2.gif"><img style="position: absolute; height: 35px; width: 35px; top: 0px; left: 35px;" class="items foodextra" id="shop_1" src="designs/default/images/Items/food9.gif"><img style="position: absolute; height: 35px; width: 35px; top: 0px; left: 70px;" class="items foodextra" id="shop_2" src="designs/default/images/Items/food0.gif"><img style="position: absolute; height: 35px; width: 35px; top: 0px; left: 105px;" class="items foodextra" id="shop_3" src="designs/default/images/Items/food5.gif"><img style="position: absolute; height: 70px; width: 35px; top: 0px; left: 140px;" class="items flagextra" id="shop_4" src="designs/default/images/Items/fl0.gif"><img style="position: absolute; height: 35px; width: 35px; top: 0px; left: 175px;" class="items maskextra" id="shop_5" src="designs/default/images/Items/mask5.gif"><img style="position: absolute; height: 70px; width: 35px; top: 35px; left: 0px;" class="items flagextra" id="shop_6" src="designs/default/images/Items/fl0.gif"><img style="position: absolute; height: 70px; width: 35px; top: 35px; left: 35px;" class="items flagextra" id="shop_7" src="designs/default/images/Items/fl4.gif"><img style="position: absolute; height: 70px; width: 35px; top: 35px; left: 70px;" class="items flagextra" id="shop_8" src="designs/default/images/Items/fl2.gif"><img style="position: absolute; height: 70px; width: 35px; top: 35px; left: 105px;" class="items flagextra" id="shop_9" src="designs/default/images/Items/fl0.gif"><img style="position: absolute; height: 70px; width: 35px; top: 35px; left: 175px;" class="items flagextra" id="shop_10" src="designs/default/images/Items/fl2.gif"><img style="position: absolute; height: 35px; width: 35px; top: 70px; left: 140px;" class="items maskextra" id="shop_11" src="designs/default/images/Items/mask2.gif"><img style="position: absolute; height: 70px; width: 35px; top: 105px; left: 0px;" class="items flagextra" id="shop_12" src="designs/default/images/Items/fl3.gif"><img style="position: absolute; height: 35px; width: 35px; top: 105px; left: 35px;" class="items foodextra" id="shop_13" src="designs/default/images/Items/food6.gif"><img style="position: absolute; height: 35px; width: 35px; top: 105px; left: 70px;" class="items foodextra" id="shop_14" src="designs/default/images/Items/food0.gif"><img style="position: absolute; height: 70px; width: 35px; top: 105px; left: 105px;" class="items flagextra" id="shop_15" src="designs/default/images/Items/fl1.gif"><img style="position: absolute; height: 35px; width: 35px; top: 105px; left: 140px;" class="items foodextra" id="shop_16" src="designs/default/images/Items/food8.gif"><img style="position: absolute; height: 70px; width: 35px; top: 105px; left: 175px;" class="items flagextra" id="shop_17" src="designs/default/images/Items/fl4.gif"><img style="position: absolute; height: 35px; width: 35px; top: 140px; left: 35px;" class="items maskextra" id="shop_18" src="designs/default/images/Items/mask4.gif"><img style="position: absolute; height: 70px; width: 35px; top: 140px; left: 70px;" class="items flagextra" id="shop_19" src="designs/default/images/Items/fl3.gif"><img style="position: absolute; height: 35px; width: 35px; top: 140px; left: 140px;" class="items foodextra" id="shop_20" src="designs/default/images/Items/food7.gif"><img style="position: absolute; height: 70px; width: 35px; top: 175px; left: 0px;" class="items flagextra" id="shop_21" src="designs/default/images/Items/fl4.gif"><img style="position: absolute; height: 35px; width: 35px; top: 175px; left: 35px;" class="items foodextra" id="shop_22" src="designs/default/images/Items/food9.gif"><img style="position: absolute; height: 35px; width: 35px; top: 175px; left: 105px;" class="items maskextra" id="shop_23" src="designs/default/images/Items/mask5.gif"><img style="position: absolute; height: 35px; width: 35px; top: 175px; left: 140px;" class="items maskextra" id="shop_24" src="designs/default/images/Items/mask1.gif"><img style="position: absolute; height: 35px; width: 35px; top: 175px; left: 175px;" class="items foodextra" id="shop_25" src="designs/default/images/Items/food6.gif"><img style="position: absolute; height: 70px; width: 35px; top: 210px; left: 35px;" class="items flagextra" id="shop_26" src="designs/default/images/Items/fl0.gif"><img style="position: absolute; height: 35px; width: 35px; top: 210px; left: 70px;" class="items foodextra" id="shop_27" src="designs/default/images/Items/food1.gif"><img style="position: absolute; height: 35px; width: 35px; top: 210px; left: 105px;" class="items foodextra" id="shop_28" src="designs/default/images/Items/food0.gif"><img style="position: absolute; height: 35px; width: 35px; top: 210px; left: 140px;" class="items maskextra" id="shop_29" src="designs/default/images/Items/mask0.gif"><img style="position: absolute; height: 35px; width: 35px; top: 210px; left: 175px;" class="items maskextra" id="shop_30" src="designs/default/images/Items/mask4.gif"><img style="position: absolute; height: 35px; width: 35px; top: 245px; left: 0px;" class="items maskextra" id="shop_31" src="designs/default/images/Items/mask5.gif"><img style="position: absolute; height: 35px; width: 35px; top: 245px; left: 70px;" class="items maskextra" id="shop_32" src="designs/default/images/Items/mask2.gif"><img style="position: absolute; height: 35px; width: 35px; top: 245px; left: 105px;" class="items foodextra" id="shop_33" src="designs/default/images/Items/food9.gif"><img style="position: absolute; height: 35px; width: 35px; top: 245px; left: 140px;" class="items foodextra" id="shop_34" src="designs/default/images/Items/food3.gif"><img style="position: absolute; height: 35px; width: 35px; top: 245px; left: 175px;" class="items foodextra" id="shop_35" src="designs/default/images/Items/food0.gif"> </div> </div> </div>

Y este es el codigo de la caja mia.. del comprador digamos.. con ese item que le falta en la 3º casilla...
Y ese item esta puesto en la primer posicion de la 1º columna horizontal:

Código:

<div id="inventoryContainer"> <div id="inventory" class="tooltipContainer"> <img style="position: absolute; height: 70px; width: 70px; top: 17px; left: 150px;" class="items helmetarmor" id="inventory_0" src="designs/default/images/Items/he7.gif"><img style="position: absolute; height: 105px; width: 70px; top: 98px; left: 150px;" class="items armorarmor" id="inventory_1" src="designs/default/images/Items/am6.gif"><img style="position: absolute; height: 35px; width: 35px; top: 52px; left: 246px;" class="items maskextra" id="inventory_2" src="designs/default/images/Items/mask2.gif"><img style="position: absolute; height: 105px; width: 70px; top: 98px; left: 38px;" class="items attackweapon" id="inventory_3" src="designs/default/images/Items/wm14.gif"><img style="position: absolute; height: 70px; width: 70px; top: 215px; left: 55px;" class="items glovesarmor" id="inventory_4" src="designs/default/images/Items/ha7.gif"><img style="position: absolute; height: 70px; width: 70px; top: 215px; left: 150px;" class="items shoesarmor" id="inventory_5" src="designs/default/images/Items/sh8.gif"><img style="position: absolute; height: 70px; width: 35px; top: 115px; left: 278px;" class="items defenseweapon" id="inventory_6" src="designs/default/images/Items/shieldm8.gif"> </div> <!-- backpack--> <div id="backpackContainer"> <ul id="backpackSelector" class="gridselector"> <li class="cart_1 cartSelectors cartAct_1"></li> <li class="cart_2 cartSelectors"></li> </ul> <div id="backpack" class="tooltipContainer"> <img style="position: absolute; height: 35px; width: 35px; top: 0px; left: 0px;" class="items foodextra" id="backpack_0" src="designs/default/images/Items/food0.gif"> </div> </div> </div>

hay alguna manera de obtener ese codigo????