TEMPLATE XY

var griglia_mondo_x=2;
var griglia_mondo_y=2;
//dimensionamento mondo (casa)
$("#casa").width(larghezza*griglia_mondo_x);
$("#casa").height(altezza*griglia_mondo_y);

//posizionamento
var x=0; var y=0;
for (x=0;x<griglia_mondo_x;x++)for (y=0;y<griglia_mondo_y;y++)
{
$("#stanza_"+y+"_"+x).css("left" , (""+((x*larghezza)+(larghezza/2))));
$("#stanza_"+y+"_"+x).css("top" , (""+(y*altezza)));
}

 INTERRUTTORI MOVIMENTO XY

$(".int_0_0").click(function(){$("#casa").animate({"top": (-0*altezza)+"px","left": (-0*larghezza)+"px"}, 4000);});
STANZA

<div id="stanza_0_0" style="border: dotted 2px yellow; position: absolute; width: 100px; height: 100px;">
<div id="quadro" style="position: absolute;width: 200px; height: 200px; top:20px; left: -340px;"><img src="cornice.png" width="200"></div>
<div id="tv" style="position: absolute;width: 200px; height: 200px; top:150px; left: -40px;"><img src="tv.png" width="200"></div>
<div id="tornio" style="position: absolute;width: 200px; height: 200px; top:200px; left: -140px;"><img src="tornio.png" width="200"></div>
<img class="int_0_1" src="http://joomla.overgrid.com/images/forward.png" style="position: absolute; left: -40px; top: 0px;">
</div>