var mycarousel_itemList = [
    {url: 'framework/view/site/imag/fac/ufpa.png', title: '', link: 'http://www.ufpa.br'},    
    {url: 'framework/view/site/imag/fac/uepa.png', title: '', link: 'http://www.uepa.br'},    
    {url: 'framework/view/site/imag/fac/unama.png', title: '', link: 'http://www.unama.br'},    
    {url: 'framework/view/site/imag/fac/cesupa.png', title: '', link: 'http://www.cesupa.br'},    
    {url: 'framework/view/site/imag/fac/unisophos.png', title: '', link: 'http://www.sophos.com.br'},    
    {url: 'framework/view/site/imag/fac/faci.png', title: '', link: 'http://www.faculdadeideal.com.br/portal/'},    
    {url: 'framework/view/site/imag/fac/iesam.png', title: '', link: 'http://www.iesam.com.br'},    
    {url: 'framework/view/site/imag/fac/esmac.png', title: '', link: 'http://www.esmac.com.br'},    
    {url: 'framework/view/site/imag/fac/feapa.png', title: '', link: 'http://www.feapa.com.br'},    
    {url: 'framework/view/site/imag/fac/fap.png', title: '', link: 'http://www.fap-pa.edu.br'},    
    {url: 'framework/view/site/imag/fac/esamaz.png', title: '', link: 'http://www.esamaz.com.br/'},    
    {url: 'framework/view/site/imag/fac/ipiranga.png', title: '', link: 'http://www.faculdadeipiranga.com.br'},    
    {url: 'framework/view/site/imag/fac/fapan.png', title: '', link: 'http://www.unilist.com.br/fapan/'},    
    {url: 'framework/view/site/imag/fac/fcat.png', title: '', link: 'http://www.fcat.com.br/'},    
  ];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
  // The index() method calculates the index from a
  // given index who is out of the actual item range.
  var idx = carousel.index(i, mycarousel_itemList.length);
  carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

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

function mycarousel_getItemHTML(item) {
  return '<a href="' + item.link + '" target="_blank"><img src="' + item.url + '" alt="' + item.title + '" /><br /><span>' + item.title + '</span></a>';
};

jQuery(document).ready(function() {
  jQuery('#mycarousel').jcarousel({
      wrap: 'circular',
      itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
      itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
  });
});