var carousel = {
  container: false, 
  current_pos: 1,

  moveTab : function()
  {
    pos = carousel.nextTabId();
    carousel.showElement($(carousel.currentTabId(pos)));
  },
  nextTabId : function()
  {
    var frameCount = $$('#panorama .frame').length;
    if(carousel.current_pos >= frameCount){
      carousel.current_pos = 1;
    }
    else
      carousel.current_pos = carousel.current_pos + 1;
    return carousel.current_pos;
  },
  
  currentTabId : function(tabNumber)
  {
    return 'frame'+tabNumber;
  },
  
  init : function()
  {
    carousel.container=$('panorama');
    var frames = $$('#panorama .frame');
    carousel.showElement($(carousel.currentTabId(carousel.current_pos)));
  	new PeriodicalExecuter(carousel.moveTab, 8);
  },
  
  showElement: function(element)
  {
    container_y = carousel.container.cumulativeOffset()[1];
    element_y = $(element).cumulativeOffset()[1];
    new Effect.Scroll(carousel.container, {x:0, y:(element_y-container_y)});
    return false;
  }
}

Event.observe(window, 'load', function() {
  carousel.init();
});