var salto = 10;
var desplazamiento = 225;
var fX = 0;
var cX = 0;
var dX = 0;
var desplazamientos = 0;
var direccion = 0;

function iniciarAnimacion (objectID, direccion, totaldesplazamientos) {
		//alert("hola");
		// cambiar estilo
		if (desplazamientos <= -(totaldesplazamientos-1) && Math.abs(direccion) != direccion) {
			obj = document.getElementById('der');
			//obj.style.backgroundPosition='0 -40px';
			obj.style.backgroundImage='url(/i/flechader-desac.gif)';
		} else {
			obj = document.getElementById('der');
			//obj.style.backgroundPosition='0 -40px';
			obj.style.backgroundImage='url(/i/flechader.gif)';
		}
		
		if (desplazamientos <= -(totaldesplazamientos) && Math.abs(direccion) != direccion) {
			direccion = 0;
		}
		
		// cambiar estilo
		if (desplazamientos >= -1 && Math.abs(direccion) == direccion) {
			obj = document.getElementById('izq');
			//obj.style.backgroundPosition='0 -40px';
			obj.style.backgroundImage='url(/i/flechaizq-desac.gif)';
		} else {
			obj = document.getElementById('izq');
			//obj.style.backgroundPosition='0 -40px';
			obj.style.backgroundImage='url(/i/flechaizq.gif)';
		}
		if (desplazamientos >= 0 && Math.abs(direccion) == direccion) {
			direccion = 0;
		}
		//document.getElementById("posi").value = direccion;
		object = document.getElementById(objectID);
		cX = cX;
		desplazamientos = desplazamientos + direccion;
		fX = desplazamientos * desplazamiento;
		dX = Math.abs(fX - cX);
		salto = Math.abs(salto);
		if (fX >= cX) {
			salto = salto;
		} else {
			salto = -salto;
		}
		
		//object.style.left = Math.round(cX) + 'px';
		animarObjeto ();
	//}
}

function animarObjeto () {
	if (dX > 0) {
		object.style.left = Math.round(cX) + 'px';
		cX = cX + salto;
		dX = dX - Math.abs(salto);
		setTimeout('animarObjeto()', 0);
	} else {
		cX = fX;
		object.style.left = fX + 'px';
	}
}