function listaApps_itemLoadCallback(carousel, state) {
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > listaApps_itemList.length) {
            break;
        }
        
        carousel.add(i, carousel_getItemHTML(listaApps_itemList[i-1]));
    }
};

function listaApps2_itemLoadCallback(carousel, state) {
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > listaApps2_itemList.length) {
            break;
        }

        carousel.add(i, carousel_getItemHTML(listaApps2_itemList[i-1]));
    }
};

function listaApps3_itemLoadCallback(carousel, state) {
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > listaApps3_itemList.length) {
            break;
        }

        carousel.add(i, carousel_getItemHTML(listaApps3_itemList[i-1]));
    }
};

function carousel_getItemHTML(item) {
    var urlCompleto = "";
    
    if (item != undefined) urlCompleto = item.url;
    
    return "<li><div class='contimg'>" + urlCompleto + "</div></li>";
};


/* Creacion de carruseles */
function carruselApps_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {                 
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
    jQuery('#carruselAppsPrev a').bind('mousedown', function() {
        carousel.prev();
        return false;
    });
    jQuery('#carruselAppsNext a').bind('mousedown', function() {
        carousel.next();
        return false;
    });
};

function carruselApps2_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('#carruselAppsPrev2 a').bind('mousedown', function() {
        carousel.prev();
        return false;
    });
    jQuery('#carruselAppsNext2 a').bind('mousedown', function() {
        carousel.next();
        return false;
    });
};

function carruselApps3_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('#carruselAppsPrev3 a').bind('mousedown', function() {
        carousel.prev();
        return false;
    });
    jQuery('#carruselAppsNext3 a').bind('mousedown', function() {
        carousel.next();
        return false;
    });
};  

  jQuery(document).ready(function() {
  
    // Verifica si existe el elemento antes de convertirlo en carrusel, si no existe no marca error pero no funciona
    // el codigo que sigue.
    if ($("#listaApps").length > 0) { 
      $('#listaApps').css('visibility','visible');
      
      jQuery('#listaApps').jcarousel({
        scroll: 3,
        initCallback: carruselApps_initCallback, 
        visible:3,      
        buttonNextHTML: null,
        buttonPrevHTML: null,
        wrap: 'last',
        size: listaApps_itemList.length,
        itemLoadCallback: {onBeforeAnimation: listaApps_itemLoadCallback}
      });      
    }
  
    // Verifica si existe el elemento antes de convertirlo en carrusel, si no existe no marca error pero no funciona
    // el codigo que sigue.    
    if ($("#listaApps2").length > 0) {
      $('#listaApps2').css('visibility','visible');
      
      jQuery('#listaApps2').jcarousel({
        scroll: 3,
        initCallback: carruselApps2_initCallback, 
        visible:3,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        wrap: 'last',
        size: listaApps2_itemList.length,
        itemLoadCallback: {onBeforeAnimation: listaApps2_itemLoadCallback}      
      });
    }
    
    // Verifica si existe el elemento antes de convertirlo en carrusel, si no existe no marca error pero no funciona
    // el codigo que sigue.    
    if ($("#listaApps3").length > 0) {
      $('#listaApps3').css('visibility','visible');
      
      jQuery('#listaApps3').jcarousel({
        scroll: 3,
        initCallback: carruselApps3_initCallback, 
        visible:3,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        wrap: 'last',
        size: listaApps3_itemList.length,
        itemLoadCallback: {onBeforeAnimation: listaApps3_itemLoadCallback}      
      });
    }
     
    // Tiempo en segundos para que cambie el carrusel de nuevas aplicaciones
    var timerNuevasApps = 5;
    
    // Comienza el carrusel del primer tab, o si esta en home interior, inicia el unico que hay
    var carruselPrincipal = jQuery('#listaApps').data('jcarousel');
    carruselPrincipal.startAuto(timerNuevasApps);
    
    // Al dar click en los tabs, se detienen los carruseles y se lanza solo el del tab seleccionado
    // Al inicio, el carrusel de la primera pestaņa es el que se esta ejecutando
    $( "#tabs" ).tabs({
      select: function(event, ui) { 
                  var carrusel1 = jQuery('#listaApps').data('jcarousel');
                  var carrusel2 = jQuery('#listaApps2').data('jcarousel');
                  var carrusel3 = jQuery('#listaApps3').data('jcarousel');
        
                  //Deteniendo
                  carrusel1.stopAuto();
                  carrusel2.stopAuto();
                  carrusel3.stopAuto();
                  
                  // Iniciando el carrusel del tab seleccionado
                  // Index de los tabs, 0 motor, 1 Tren motriz, 2 Frenos
                  if (ui.index == 0) carrusel1.startAuto(timerNuevasApps);
                  if (ui.index == 1) carrusel2.startAuto(timerNuevasApps);
                  if (ui.index == 2) carrusel3.startAuto(timerNuevasApps);
                }
    });              
    
  // FIN
  });