window.current_ticker_number = 1;

function click_trigger(trigger_number) {
  window.ticker_slider.setValue(ticker_slider.allowedValues[trigger_number-1]);
}

function show_ticker(new_ticker_number) {
  var new_ticker = $('ticker_' + new_ticker_number);
  var current_ticker = $('ticker_' + window.current_ticker_number);
  if (new_ticker == current_ticker) {
    new Effect.Appear(new_ticker);
    return;
  }

  window.clearTimeout(window.ticker_timeout);
  new Effect.Fade(current_ticker, {
    afterFinish: function() {
      $('tc_' + current_ticker_number).removeClassName('current');
      $('tc_' + new_ticker_number).addClassName('current');
      new Effect.Appear(new_ticker);
      window.current_ticker_number = new_ticker_number;
      window.ticker_timeout = window.setTimeout("next_ticker()", 5000)
    }
  });

  // keep tickercontrols in sync to have it look nice
  var tickercontrols = $('tickercontrols');
  new Effect.Fade(tickercontrols, {
    afterFinish: function() {
      new Effect.Appear(tickercontrols);
    }
  });
}

function next_ticker() {
  window.clearTimeout(window.ticker_timeout);
  var new_ticker_number = window.current_ticker_number + 1;
// if (new_ticker_number == 5) new_ticker_number = 1;
  if (new_ticker_number > 20) new_ticker_number = 1;
  click_trigger(new_ticker_number);
}

window.onload = function() {
    window.ticker_slider = new Control.Slider('tickerhandle', 'tickerslider', {
        handleImage: "../images/frecciatop.gif",
        range: $R(0, 120),
        values: [10, 45, 80, 110],  // aumentare o diminuire in base a quanti numeri si vuole
        onChange: function(value, slider) {
            var new_ticker_number = slider.allowedValues.indexOf(value) + 1;
            show_ticker(new_ticker_number);
        }
    });
    window.ticker_timeout = window.setTimeout("next_ticker()", 5000)


}