Event.observe(window, 'load', function()
{
  var car = new Carousel('carousel-wrapper', $$('#carousel-content .slide'), null, 
  {
    circular: 	true, 
    auto: 			true,
    afterMove: 	function(current)
    {
      $$('#iphoneCarousel .control').each(function(node, i) { $(node).removeClassName('current'); });
      
      try
      {
        $$('#iphoneCarousel .control')[current._index].addClassName('current');
      } catch(e) { ; };
      
    },
    duration: 	0.3, // des effektes
    frequency: 	3,   // anzeigedauer slide
    transition: 'sinoidal', // 	sinoidal, spring
    effect: 'scroll' // scroll, fade
  });

  car.first();

  $$('#carousel-wrapper .slide').each(function(node, i)
  {
    var a 			= $('iphoneCarouselControls').appendChild(document.createElement('span'));
    a.appendChild(document.createTextNode(''));
    
    a.className = 'control ' + (i?'':'current');
    a.onclick   = function()
    {
      car.stop();
      car.moveTo(car.slides[i]);
      return false;
    };
  });

});