$("#flecha_izq").hover(  function() {mueve_izq();}, function() { para_thum() } );
$("#flecha_der").hover(  function() {mueve_der();}, function() { para_thum() } );

	var tiempo = 0;
/* código que procesa el movimiento de las thums */

var mov_izq = 0;
var mov_der = 0;	
var movimiento = 0;
var dentro = false;

function mueve_izq(){
	mov_izq = 0;
  	mov_der = 1;
  	dentro = false;
  	$("#flecha_izq").attr("src","img/fotograma_izq_over.jpg");
  	empieza_mov("elementos")
}
function mueve_der(){              
	  mov_izq = 1;
	  mov_der = 0;
	  dentro = false;        
	  $("#flecha_der").attr("src","img/fotograma_der_over.jpg");     
	  empieza_mov("elementos")
}


function empieza_mov(cosa)
{			
	//document.getElementById("test").value = dentro;
	if((mov_der == 1 || mov_izq == 1) && !dentro)	
	{
		dentro = true;
		desplaza(cosa);
		setTimeout("deja_entrar()",50);
	} 
	setTimeout("empieza_mov('"+cosa+"')",50);
}

function deja_entrar()
{
	dentro = false;
}

var velocidad = 10;
function desplaza(cosa)
{
	var desp = 0;
	
	if(document.getElementById("elementos").style.left.length>0)
		desp = document.getElementById("elementos").style.left.substring(0,document.getElementById("elementos").style.left.length - 2) ;				
	
	if(mov_izq==1)
		desp = desp*1 - velocidad*1;
	else if(mov_der==1)
		desp = desp*1 + velocidad*1;

	if(desp>0)
		desp =0;
	else if(Math.abs(desp)>(document.getElementById(cosa).offsetWidth-document.getElementById("fotogramas").offsetWidth))				
		desp = -(document.getElementById(cosa).offsetWidth-document.getElementById("fotogramas").offsetWidth);
 
	dif = (desp)+"px";	
	document.getElementById(cosa).style.left = dif;		
	movimiento = desp;
}

function para_thum()
{		
	mov_der = 0;
	mov_izq = 0;
	$("#flecha_izq").attr("src","img/fotograma_izq.gif");
	$("#flecha_der").attr("src","img/fotograma_der.gif");
}