var timeout=6000;
var intervalos=new Array();
var iIntervalos=0;

var animando=false;

var imagenes=undefined;

var limpiarIntervalos=function(){
  for (var i= 0; i < intervalos.length; i++) {
    clearInterval(intervalos[i]);      
  }
  intervalos=new Array();
  iIntervalos=0;
};

var establecerIntervalos=function(){
  limpiarIntervalos();
  intervalos[++iIntervalos]=setInterval(function(e){
    incrementar();
    cambiarImagen();
  }, timeout);
};

  var incrementar=function(){
    nroImagen++;
    if(nroImagen==imagenes.length){
      nroImagen=0;
    }
  };
  
  var decrementar=function(){
    nroImagen--;
    if(nroImagen==-1) nroImagen=(imagenes.length-1);
  };
  
var cambiarImagen=function(){
  
  var f1=$("#f1");
  var f2=$("#f2");
  f1.fadeOut(1500);
  $('#atras', 'div.fade').fadeIn(1500, function(){
    $('#texto', '#comandos').text($('#textoAtras').text());
    $('div.fade').append(f2);           
    $('#atras', 'div.fade').append(f1);
    $('#atras', 'div.fade').css('display', 'none');
    f1.show();
    f1.attr('id', 'f2');
    f2.attr('id', 'f1');
    f1.attr('src', imagenes[nroImagen].url);
    $('#textoAtras').text(imagenes[nroImagen].texto);
  });  
};

    
$(document).ready(function () {

  $.ajax({
    url: 'http://www.uaa.edu.py/imagenes.php',
    type: 'get',
    dataType: 'json',
    async: false,
    success: function(data){
      imagenes=data;
      if(imagenes===undefined) $('div#botones').remove();
    },
    error: function(xhr, textStatus, errorThrown){
      if(imagenes===undefined) $('div#botones').remove();
    }
  });
  
  /*

  $('div.fade img#f1').live('click', 
    function(e) {
      e.preventDefault();
      if(imagenes!==undefined){
        incrementar();
        cambiarImagen();
        limpiarIntervalos();
      }
  });
  
  */
  
  $('.imgBanner').live('mouseenter', function(e){
    // if(imagenes!==undefined) limpiarIntervalos();
  });
    
  $('.imgBanner').live('mouseleave', function(e){
    // if(imagenes!==undefined) establecerIntervalos();
  });  
  
  $('#b-imgs-anterior').live('click', function(e){
    e.preventDefault();
    if(imagenes!==undefined){
    
      limpiarIntervalos();

      var f1=$("#f1");
      var f2=$("#f2");
      
      decrementar();
      var nroImagenTemp=nroImagen-1;
      if(nroImagenTemp==-1) nroImagenTemp=(imagenes.length-1);
      
      f2.attr("src", imagenes[nroImagenTemp].url);
      $("#textoAtras").text(imagenes[nroImagenTemp].texto);      
      
      f1.fadeOut(1500);
      $('#atras', 'div.fade').fadeIn(1500, function(){
        $('#texto', '#comandos').text($('#textoAtras').text());
        $('div.fade').append(f2);           
        $('#atras', 'div.fade').append(f1);
        $('#atras', 'div.fade').css('display', 'none');
        f1.show();
        f1.attr('id', 'f2');
        f2.attr('id', 'f1');
        f1.attr('src', imagenes[nroImagen].url);
        $('#textoAtras').text(imagenes[nroImagen].texto);
      });
      
    }
  });
  
  $('#b-imgs-siguiente').live('click', function(e){
    e.preventDefault();
    if(imagenes!==undefined){
      limpiarIntervalos();
      incrementar();
      cambiarImagen();
    }
  });
  
  $('#b-imgs-play').live('click', function(e){
    e.preventDefault();
    if(animando){
     $('#b-imgs-play img').attr("src", "http://www.uaa.edu.py/bocetos/uaaweb/images/play-banner.png")
      .attr("alt", "Iniciar Animación");
      animando=false;
      limpiarIntervalos();
    }else{
      $('#b-imgs-play img').attr("src", "http://www.uaa.edu.py/bocetos/uaaweb/images/pause-banner.png")
        .attr("alt", "Detener Animación");
      animando=true;
      incrementar();
      cambiarImagen();
      establecerIntervalos();    
    }
  });

});