$(document).ready(function() {

  jQuery('#itc_ads').jcarousel({
    auto: 5,
    wrap: 'circular',
    initCallback: itc_ads_initCallback,
    scroll: 1,
    buttonNextHTML: null,
    buttonPrevHTML: null,
    itemVisibleInCallback: {onBeforeAnimation: itc_ads_itemVisibleInCallback},
    itemVisibleOutCallback: {onAfterAnimation: itc_ads_itemVisibleOutCallback},
    animation: 600
  });

  $(document).pngFix();
  $("#fly-ad").show("slow");
  $("#fly-ad-closebtn").click(function(){
    $('#fly-ad').hide("slow");
  });
});

setTimeout(function(){
  if( $('#fly-ad').css("display") != 'none' ) {
    $('#fly-ad').hide("slow");
  }
}, 15000);

// Pause autoscrolling if the user moves with the cursor over the clip
function itc_ads_initCallback(carousel) {
  carousel.clip.hover(function() {
    carousel.stopAuto();
  }, function() {
    carousel.startAuto();
  });

  jQuery('#banner500 .bt-arrow-right').bind('click', function() {
    carousel.next();
    return false;
  });
  jQuery('#banner500 .bt-arrow-left').bind('click', function() {
    carousel.prev();
    return false;
  });
};

var itc_ads_itemList = [
  {image: 'ads/banner_gestao.jpg', title: 'Saiba mais sobre os Cursos de Gestão Pública', link: 'busca.php?cat=6&nc=Gest%E3o+P%FAblica', button: 'Saiba mais'},
  {image: 'ads/banner_redacao.jpg', title: 'Saiba mais sobre o Curso de Comunicação Empresarial e Redação Comercial', link: 'cursos/7/comunicacao-empresarial-redacao-comercial', button: 'Saiba mais'},
  {image: 'ads/banner_ateismo.jpg', title: 'Saiba mais sobre o Curso As Raízes Modernas do Ateísmo', link: 'cursos/8/as-raizes-modernas-ateismo', button: 'Saiba mais'}
];

function itc_ads_itemVisibleInCallback(carousel, item, i, state, evt) {
  var idx = carousel.index(i, itc_ads_itemList.length);
  carousel.add(i, itc_ads_getItemHTML(itc_ads_itemList[idx - 1]));
};

function itc_ads_itemVisibleOutCallback(carousel, item, i, state, evt) {
  carousel.remove(i);
};

function itc_ads_getItemHTML(item) {
  if( item.button == null ) {
    return '<a href="' + item.link + '" target="_blank" title="' + item.title + '"><img class="image" src="images/' + item.image + '" alt="'  + item.title + '" /></a>';
  } else {
    return '<img class="image" src="images/' + item.image + '" alt="' + item.title + '" /><a href="' + item.link + '" class="button blue105 btMore" title="' + item.title + '">' + item.button + '</a>';
  }
};