$(document).ready(function(){
		
	if($('.animacion_banners').length==1) {

		var timer_is_on = 1;
		var num_img = $('.animacion_img').length;
		var num_img_m1 = num_img-1;
		var velocidad_transicion = 300;
		var velocidad_inicio = 500;
		var velocidad = 4000;
		var velocidad_entre_img = 500;
		var velocidad_final_inicio = 800;
		var efecto = "transicion"; //movimiento, transicion, blind, bounce, clip, drop, explode, fold, highlight, puff, pulsate, scale, shake, size, slide, transfer
		var rotacion = true;
		var img_array = new Array();

		jQuery.each($(".animacion_img"), function(i, val) {
			img_array[i] = $(this).attr("src");
		});

		var controlador_animacion = '<ul class="animacion_controlador">';

		if (timer_is_on) {
			controlador_animacion = controlador_animacion+"<li id=\"animacion_controlador_boton\" name=\"animacion_controlador_boton\" class=\"animacion_controlador_stop\"><!-- --></li>";
		} else {
			controlador_animacion = controlador_animacion+"<li id=\"animacion_controlador_boton\" name=\"animacion_controlador_boton\" class=\"animacion_controlador_play\"><!-- --></li>";
		}

		jQuery.each($(".animacion_img"), function(i, val) {
			controlador_animacion = controlador_animacion+"<li class=\"animacion_controlador_num\">"+(i+1)+"</li>";
		});
		
		controlador_animacion = controlador_animacion+'</ul>';

		$("#animacion_banners").html(controlador_animacion+$("#animacion_banners").html());

		function play_banners(imagen_exacta) {
			div_visible = false;
			jQuery.each($(".animacion_img"), function(i, val) {
				if($(this).is(':visible')) {
					div_visible = i;
				}
			});
			if(div_visible===false) {
				tiempo_cambio = 0;
				div_siguiente = 0;
			} else {
				if(isset(imagen_exacta)) {
					tiempo_cambio = 0;
				} else {
					tiempo_cambio = velocidad;
				}
				if(div_visible==num_img_m1) {
					if(isset(imagen_exacta)) {
						div_siguiente = imagen_exacta;				
					} else {
						div_siguiente = 0;
					}
				} else {
					if(isset(imagen_exacta)) {
						div_siguiente = imagen_exacta;				
					} else {
						div_siguiente = div_visible+1;
					}
				}
			}
			timer = setTimeout(function() {
				if(div_visible!==false) {
					if($('.animacion_controlador').length==1) {
						img_num = $(".animacion_controlador_num")[div_visible];
						$(img_num).css("background", "#FFF");
					}
					img = $(".animacion_img")[div_visible];
					if(efecto=="transicion") {
						$(img).fadeOut(velocidad_transicion);
					} else if(efecto=="movimiento") {
						$(img).slideUp(velocidad_transicion);
					} else {
						$(img).hide(efecto,false,velocidad_transicion);
					}
				}
				timer = setTimeout(function() {
					if($('.animacion_controlador').length==1) {
						img_num = $(".animacion_controlador_num")[div_siguiente];
						$(img_num).css("background", "#CCC");
					}
					img = $(".animacion_img")[div_siguiente];
					if(efecto=="transicion") {
						$(img).fadeIn(velocidad_transicion);
					} else if(efecto=="movimiento") {
						$(img).slideDown(velocidad_transicion);
					} else {
						$(img).show(efecto,false,velocidad_transicion);
					}
					if (timer_is_on) {
						timer = setTimeout(function() {
								play_banners();
						}, 250);
					}
				}, velocidad_entre_img);
			}, tiempo_cambio);
		}

		function stop_and_go() {
			clearTimeout(timer);
		}

		function stop_banners() {
			if (timer_is_on) {
				timer_is_on = 0;
				$("#animacion_controlador_boton").removeClass();
				$("#animacion_controlador_boton").addClass("animacion_controlador_play");
				clearTimeout(timer);
			} else {
				timer_is_on = 1;
				$("#animacion_controlador_boton").removeClass();
				$("#animacion_controlador_boton").addClass("animacion_controlador_stop");
				play_banners();
			}
		}

		$(".animacion_controlador li#animacion_controlador_boton").click(function() {
			stop_banners();
		})

		$(".animacion_controlador li.animacion_controlador_num").click(function() {
			imagen_animacion = $(this).html();
			imagen_animacion = imagen_animacion-1;
			stop_and_go();
			play_banners(imagen_animacion);
		})
		
		play_banners();
		
	}
	
});