var mycarousel_itemList = [
      {url: 'brendon.png', title: 'Brendon', link: 'www.brendon.hu'},
      {url: 'newyorker.png', title: 'NewYorker', link: 'www.newyorker.de'},
      {url: 'dm.png', title: 'DM', link: 'www.dm.hu' },
      {url: 'decathlon.png', title: 'Decathlon', link: 'www.brendon.hu'},
      {url: 'aldi.png', title: 'Aldi', link: 'www.aldi-hungary.hu'},
      {url: 'kik.png', title: 'KIK', link: 'www.kik-textilien.com/hu/'},
      {url: 'takko.png', title: 'Takko', link: 'www.takko-fashion.com/hu/'},
      {url: 'fressnapf.png', title: 'Fressnapf', link: 'www.fressnapf.hu'},
      {url: 'deichmann.png', title: 'Deichmann', link: 'www.deichmann.hu'},
      {url: 'diego_logo_.jpg', title: 'Diego', link: 'www.dirego.hu'},
      {url: 'c&a.png', title: 'C&A', link: 'www.c-and-a.hu'},
      {url: 'regiojatek.png', title: 'REGIO játék', link: 'www.regiojatek.hu'},
      {url: 'jysk-logo.jpg', title: 'Jysk', link: 'www.jysk.hu'},
      {url: 'extreme_cafe.jpg', title: 'Extreme Café', link: 'www.extremecafe.hu'}
	  
  ];

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

  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);
  };

  /**
   * Item html creation helper.
   */
  function mycarousel_getItemHTML(item)
  {
      return '<a href="http://' + item.link + '" target="_blank"><img src="images/basics/logo/' + item.url + '" alt="' + item.title + '" /></a>';
  };

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