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()", 10000)
    }
  });

  // 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 == 4) new_ticker_number = 1;
  click_trigger(new_ticker_number);
}

window.onload = function() {
	window.ticker_slider = new Control.Slider('tickerhandle', 'tickerslider', {
	handleImage: "images/handle.gif",
	range: $R(0, 100),
	//  range: $R(0, 75),
	// values: [13, 40, 67, 94],
	values: [15, 50, 85],
	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()", 10000)


}