/*
Modulo para las imagenes rotativas con botones(opcional)


constructor

rotativo_boton_cargar(param1,param2,param3,param4);

param1=id_del_constaructor;
param2=Tiempo en milisegundos de la transicion;
param3=id_del boton de play, si no hay "" ;
param4=prefijo de los div contenedores;

ejemplo:
	var img_rotativas = new rotativo_boton('img_rotativas',4000,'play','div_');
	
	<div  id='div_1'>
		img_rotativas.oculta2('div_1');
		------Contenido
		img_rotativas.mete(1);
	</div>

	<div  id='div_2'>
		img_rotativas.oculta2('div_2');
		------Contenido
		img_rotativas.mete(2);
	</div>

	...
	...
	...

	<div  id='div_n'>
		img_rotativas.oculta2('div_n');
		------Contenido
		img_rotativas.mete(n);
	</div>

	img_rotativas.inicio();

		

*/

function rotativo_boton_cargar(elem_id,retraso,boton_play,prefijo){

this.elem=Array();
this.cont=0;
this.activo=0;
this.seguir_avanzando=0;
this.timer;
this.elem_id=elem_id;
this.retraso=retraso;
this.boton_play=boton_play;
this.prefijo=prefijo;
this.imagenes=Array();

this.oculta2 = function(a) {
   var x=$("#"+a);
   x.hide(1);
}


this.guardar = function(i,elem) {
this.imagenes[i]=elem;


}

this.mete = function(a) {
this.elem[this.cont]=a;
this.cont++;

}

this.muestra = function(a) {
 var x=$("#"+a);
x.show(1000);

}

this.oculta = function(a) {

 var x=$("#"+a);
 x.hide(1000);

}


this.avanza = function() {

if(this.seguir_avanzando==1){

	if(this.activo==this.cont)
		this.activo=0;
	if(this.activo==0)
		this.anterior=this.cont-1;
	else
		this.anterior=this.activo-1;



	document.getElementById('i'+this.prefijo+this.activo).src=this.imagenes[this.activo];


	 var x=$("#"+this.prefijo+this.elem[this.activo]);
	 x.fadeIn(2000);

	 var x=$("#"+this.prefijo+this.elem[this.anterior]);
	 x.fadeOut(2000);

	this.activo++;

}
}


this.inicio = function() {
this.activo=1;
this.seguir_avanzando=1;
//alert(document.getElementById('i'+this.prefijo+'1').src+"|||||||"+this.imagenes[1]);
//document.getElementById('i'+this.prefijo+'1').src="";
document.getElementById('i'+this.prefijo+'0').src=this.imagenes[0];

//alert(this.imagenes);
if(this.elem.length>1){
	this.timer=setInterval(this.elem_id+'.avanza()',this.retraso);

}


///////la primera
 var x=$("#"+this.prefijo+this.elem[0]);
 x.slideDown();
	


}







this.accion = function(a) {
try{
	clearInterval(this.timer);
}catch(e){}

if(a=='play'){
	
	if(this.seguir_avanzando==0){
		this.seguir_avanzando=1;
		try{
			document.getElementById(this.boton_play).src='/img/iconos/accion_stop.jpg';
		}catch(e){};
		this.avanza(this.activo);
		if(this.elem.length>1){
			this.timer=setInterval(this.elem_id+'.avanza()',this.retraso);
		}

	}
	else{
		this.seguir_avanzando=0;
		try{
			document.getElementById(this.boton_play).src='/img/iconos/accion_play.jpg';
		}catch(e){};
	}

}

else{

this.tempo=this.seguir_avanzando;
this.seguir_avanzando=1;

	if(a=='atras'){
		this.activo--;
		if(this.activo==-1)
			this.activo=this.cont-1;
		this.marcha_atras();
	}

	if(a=='adelante'){
		this.avanza(this.activo);

	}


	

	this.seguir_avanzando=this.tempo;
	if(this.seguir_avanzando==1)
		if(this.elem.length>1){
			this.timer=setInterval(this.elem_id+'.avanza()',this.retraso);
		}
	
}
}


this.marcha_atras = function() {
	sig=this.activo-1;

	if(sig==-1)	
		sig=this.cont-1;

	document.getElementById('i'+this.prefijo+sig).src=this.imagenes[sig];

	 var x=$("#"+this.prefijo+this.elem[this.activo]); 
	x.hide(1000);

	 var x=$("#"+this.prefijo+this.elem[sig]); 
	x.show(1000);



}


}