Colision dos capas ???

[chelejuan2]

Buenas, estoy aprendiendo javascript para añadir mejores funcionales a un juego que tengo diseñado en asp, mi idea era poder crear una capa con una imagen y que con javascript me pueda mover por una capa inferior, esto lo consegui relativamente facil.

Ahora necesito podre crear otras capas fijas (¿se puede hacer que se muevan solas?) y que cuando yo mueva la mia con mis funciones pueda saber si ha pasado encima de una o de otra.

Algo asi como voy andando y me sale una trampa por que he pasado por la parte que no deberia. ¿Esto se puede hacer?.

La que tengo ahora es asi :

Código:

<script language="JavaScript">
  
  derecha = 0;
  lateral = 0;
  
function abrirpopup(nombre,ancho,alto) {
dat = 'width=' + ancho + ',height=' + alto + ',left=0,top=0,scrollbars=yes,resize=no';
window.open(nombre,'',dat)
}
 
function moverlateral(nombreCapa, movimiento){

derecha+=movimiento
	if (derecha < 90 && derecha > -90 ) {
		valor=document.getElementById(nombreCapa).style.left;
		numero=parseInt(valor);
		numero=numero+movimiento;
		document.getElementById(nombreCapa).style.left=numero;	
	}	
	else
	{derecha-=movimiento}
	
}

function mover(nombreCapa, movimiento){

lateral+=movimiento
	if (lateral < 90 && lateral > -90 ) {
	valor=document.getElementById(nombreCapa).style.top;
	numero=parseInt(valor);
	numero=numero+movimiento;
	document.getElementById(nombreCapa).style.top=numero;	
	}	
	else
	{lateral-=movimiento}	
	
}
</script>

Y llamo a su funcion asi :

Código:

<img src="imagenes/Abajo.gif" width="20" height="20" border="0" onclick="mover('capa1',30)">

Mi idea es crear otras capas y saber cuando pase encima una de otra.

Venga un saludo y gracias anticipadas.