// JavaScript Document
var cantidad=7
var anchodeFoto=356
var Maximo=anchodeFoto*cantidad

function inicio(){
	
	document.getElementById("foto").style.width=Maximo+"px"
	//document.getElementById("foto").left=Maximo-ancho;
	listener(document.getElementById('next_bt'),'click',next,false)
	listener(document.getElementById('prev_bt'),'click',prev,false)
	ver();	
}
function nextAuto(){						
		if (posX >-Maximo+anchodeFoto ){
		removeListener(document.getElementById('prev_bt'),'click',prev,false)
		removeListener(document.getElementById('next_bt'),'click',next,false)		
			x = document.getElementById('foto');
			document.getElementById('campo').value=x.offsetLeft;
			PosicionActual=x.offsetLeft;		
		if (PosicionActual<=Maximo-anchodeFoto){		
			t1 = new Tween(document.getElementById('foto').style,'left',Tween.regularEaseOut,PosicionActual,PosicionActual-anchodeFoto,1,'px');
				t1.onMotionFinished =function(){ 				
				posX=ver();
					if (posX<=0-Maximo){
					alert("no habilito listener")
					}
					else{					
					listener(document.getElementById('prev_bt'),'click',prev,false)
					listener(document.getElementById('next_bt'),'click',next,false)
						
					}		
					
					}
			t1.start();
			}
	}//del IF raro
	}
function prev(){	
				window.clearInterval(refreshIntervalId);
			posX=ver();
			//alert(posX);
			if (posX <0 ){//con esto evitamos que muestre espacios vacios
			removeListener(document.getElementById('next_bt'),'click',next,false)//con esto evitamos registre mas de un click 
			removeListener(document.getElementById('prev_bt'),'click',prev,false)
			x = document.getElementById('foto');
			document.getElementById('campo').value=x.offsetLeft;
			PosicionActual=x.offsetLeft;		
				t1 = new Tween(document.getElementById('foto').style,'left',Tween.regularEaseOut,PosicionActual,PosicionActual+anchodeFoto,1,'px');				
				t1.onMotionFinished =function(){ 					
					posX=ver();
						if (posX<=0-Maximo){
						alert("no habilito listener")
						}
						else{						
						listener(document.getElementById('next_bt'),'click',next,false)
						listener(document.getElementById('prev_bt'),'click',prev,false)											
						}					
						}
				t1.start();
					}
	}
function next(){
	window.clearInterval(refreshIntervalId);
//alert(posX);
if (posX >-Maximo+anchodeFoto ){
		removeListener(document.getElementById('prev_bt'),'click',prev,false)
		removeListener(document.getElementById('next_bt'),'click',next,false)		
			x = document.getElementById('foto');
			document.getElementById('campo').value=x.offsetLeft;
			PosicionActual=x.offsetLeft;		
		if (PosicionActual<=Maximo-anchodeFoto){		
			t1 = new Tween(document.getElementById('foto').style,'left',Tween.regularEaseOut,PosicionActual,PosicionActual-anchodeFoto,1,'px');
				t1.onMotionFinished =function(){ 				
				posX=ver();
					if (posX<=0-Maximo){
					alert("no habilito listener")
					}
					else{					
					listener(document.getElementById('prev_bt'),'click',prev,false)
					listener(document.getElementById('next_bt'),'click',next,false)						
					}				
					
					}
			t1.start();
			}
	}//del IF raro
}
function ver(x){
x = document.getElementById('foto');
	document.getElementById('campo').value=x.offsetLeft;
	posX=x.offsetLeft;
	return posX;
}
function listener(obj,evType,fn,useCapture){ 

//removeListener(obj,evType,fn,useCapture)
	   
	   if (obj.addEventListener){ 
      obj.addEventListener(evType, fn, useCapture); 
      return true; 
    } else if (obj.attachEvent){ 
	
      var r = obj.attachEvent("on"+evType, fn); 
      return r; 
    } else { 
      alert("Handler could not be attached"); 
    } 
} 
function removeListener(obj, evType, fn, useCapture){ 
    if (obj.removeEventListener){ 
      obj.removeEventListener(evType, fn, useCapture); 
      return true; 
    } else if (obj.detachEvent){ 
      var r = obj.detachEvent("on"+evType, fn); 
      return r; 
    } else { 
      alert("Handler could not be removed"); 
    } 
}
	var refreshIntervalId  
	refreshIntervalId = window.setInterval("nextAuto()", 5000);