var mov;
var izquierda;
var total; //indica el tamaņo de la imagen menos el tamaņo del visor
var imagen;
var actual='#img1';
var siguiente="#img2";

function movimiento(direccion,duracion,actual,siguiente)
{
	imagen=$("#img1").width();
	total=$("#img1").width()-600;

	//indica la posicion de la imagen actual
	izquierda=Math.abs($(actual).css("marginLeft").substring(0,$(actual).css("marginLeft").indexOf("px")));
	izquierda_sig=Math.abs($(siguiente).css("marginLeft").substring(0,$(siguiente).css("marginLeft").indexOf("px")));


	if (direccion=="-")
	{
		if (izquierda_sig==1200)
		    izquierda_sig=0;

		if (izquierda_sig<=600 && izquierda_sig!=0)
		{
		    k=Math.round(Math.abs((duracion*(600-izquierda_sig))/total));
			$(siguiente).animate({ marginLeft: '-600px'},k,'linear',function(){
				$(actual).css("marginLeft","0px");
				$(siguiente).css("marginLeft",(-1200)+"px");
				movimiento(direccion,duracion,actual,siguiente);
			});
		}
		else
		{
		    k=Math.round(Math.abs((duracion*(total-izquierda))/total));
			$(actual).animate({ marginLeft: -total+'px'},k,'linear',function(){
				$(siguiente).css("marginLeft","0px");
				$(actual).css("marginLeft",izquierda+"px");
				k=Math.round(Math.abs((duracion*(600-izquierda_sig))/total));
				$(siguiente).animate({ marginLeft: '-600px'},k,'linear',function(){
					$(actual).css("marginLeft","0px");
					$(siguiente).css("marginLeft",(-1200)+"px");
					movimiento(direccion,duracion,actual,siguiente);
				});
			});
		}
	}
	else if (direccion=="+")
	{
		    if (izquierda_sig==1200 && siguiente>0)
		    {
				$(siguiente).css("marginLeft","-600px");
				izquierda_sig=600;
			}

			if (izquierda_sig>600)
			{
				k=Math.round((duracion*(izquierda))/total);
    			$(actual).animate({ marginLeft: '0px'},k,'linear',function(){
    				$(actual).css("marginLeft","-1201px");
    				$(siguiente).css("marginLeft","-600px");
					movimiento(direccion,duracion,actual,siguiente);
				});
			}
			else
			{
				k=Math.round((duracion*(izquierda_sig))/total);
				$(siguiente).animate({ marginLeft: '0px'},k,'linear',function(){
				    $(siguiente).css("marginLeft","-1201px");
				    $(actual).css("marginLeft",(-total)+"px");
				    k=Math.round((duracion*(total))/total);
	    			$(actual).animate({ marginLeft: '0px'},k,'linear',function(){
	    				$(actual).css("marginLeft","-1201px");
	    				$(siguiente).css("marginLeft","-600px");
						movimiento(direccion,duracion,actual,siguiente);
					});
				});
			}
	}

}