(function($) {
  $(function() {
    var anchoDeAnuncio = 310;

    var anuncios = $('#anuncios_inner');
    var cuenta = anuncios.find('.anuncio').length;
    var timeOut;
    var pausa=false;
    if(cuenta > 3) {
      var posicion = 0;
      var posicion2 = (cuenta-3);
      var izq = $('<a href="javascript:void(0)" class="anterior">Anterior</a>');
      var der = $('<a href="javascript:void(0)" class="siguiente">Siguiente</a>');

      //anuncios.after(izq.hide());
      //anuncios.after(der);

          
      var ancho = cuenta * anchoDeAnuncio;
      anuncios.css('width', ancho + 'px');

      actualizaFlechas = function() {
        if(posicion == 0) {
          izq.fadeOut();
        } else {
          izq.fadeIn();
        }

        if(posicion == cuenta - 3) {
          der.fadeOut();
        } else {
          der.fadeIn();
        }
      };
      
      //actualizaFlechas();

    function automatiza() {
        if (pausa) { return; }
        clearTimeout(timeOut);
        timeOut=setTimeout(function() {

          if(posicion< cuenta - 3) {
            anuncios.animate({marginLeft: '-=310'},500,automatiza);
            posicion++;
            
            }
        else {
                if (posicion2> 0)  {
                      anuncios.animate({marginLeft: '+=310'},500,automatiza);
                      posicion2--;
                    
                }
                if (posicion2==0) {
                    posicion2=(cuenta-3);
                    posicion=0;
                    
                  }
          }        
        },2000); 
      }

      automatiza();

      $('.anuncio').hover(function() {
          pausa= true;
          clearTimeout(timeOut);
          }, function() {
            pausa= false;
            automatiza();
      });

      
      
      izq.click(function() {
        if(posicion > 0) {
          anuncios.animate({marginLeft: '+=310'});
          posicion--;

          actualizaFlechas();
        }
      });

      der.click(function() {
        if(posicion < cuenta - 3) {
          anuncios.animate({marginLeft: '-=310'});
          posicion++;

          actualizaFlechas();
        }
      });
    }
  });
})(jQuery);