$(document).ready(function(){

	if($('.imagen_arriba_imagen').length==1) {

		//var animacion_control = 0;
		var timer_is_on = 1;
		var num_img = $('.animacion_img').length;
		var num_img_m1 = num_img-1;
		var velocidad_transicion = 1000;
		var velocidad_inicio = 500;
		var velocidad = 3000;
		/*
		var velocidad_transicion = 2000;
		var velocidad_inicio = 500;
		var velocidad = 6000;
		*/
		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");
		});

		animacion_control = false;

		if(animacion_control) {
			var controlador_animacion = '<ul class="animacion_controlador">';
			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_control").html(controlador_animacion);
		}

		function play_banners(imagen_exacta) {
			if(num_img<2) {
				timer_is_on = 0;
			}
			div_visible = false;
			jQuery.each($(".animacion_img"), function(i, val) {
				if($(this).is(':visible')) {
					div_visible = i;
				}
			});
			if(div_visible===false) {
				if(isset(imagen_exacta)) {
					tiempo_cambio = 0;
					div_siguiente = imagen_exacta;
					tiempo_transicion = velocidad_transicion;
				} else {
					tiempo_cambio = 0;
					div_siguiente = 0;
					tiempo_transicion = 0;
				}
			} else {
				tiempo_transicion = velocidad_transicion;
				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).removeClass('animacion_controlador_li_activo');
					}
					
					img = $(".animacion_img")[div_visible];
					
					if($(img).is(':visible')) {
						if(isset(imagen_exacta) && imagen_exacta==div_visible) {
							
						} else {
							$(img).fadeOut(tiempo_transicion);
						}
					}
					
				}

				if($('.animacion_controlador').length==1) {
					img_num = $(".animacion_controlador_num")[div_siguiente];
					$(img_num).addClass('animacion_controlador_li_activo');
				}
				
				img = $(".animacion_img")[div_siguiente];
				$(img).fadeIn(tiempo_transicion,accion_despues_mostrar_img);

				function accion_despues_mostrar_img() {
					if (timer_is_on) {
						play_banners();
					}
				}

			}, tiempo_cambio);
		}

		function stop_and_go(imagen_exacta) {
			$(".animacion_img").each(
				function(i, val) {
					if(imagen_exacta==i) {
						
					} else {
						img = $(".animacion_img")[i];
						$(img).stop(true,true).fadeOut(tiempo_transicion);
					}
				}
			);
			$(".animacion_controlador_num").each(
				function(i, val) {
					$(this).removeClass('animacion_controlador_li_activo');
				}
			);
			timer_is_on = 0;
			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() {
			$(this).removeClass('animacion_controlador_li_activo');
			imagen_animacion = $(this).html();
			imagen_animacion = imagen_animacion-1;
			stop_and_go(imagen_animacion);
			play_banners(imagen_animacion);
		})
		
		play_banners();
		
	}
	
});