var headline_count;
var headline_interval;
var old_headline = 0;
var current_headline=0;

$j(document).ready(function(){
//accessibility
$j("#spreuken ul").addClass('animated');
$j("#spreuken li").addClass('fading');
//spreuken fading
  headline_count = $j("#spreukenlijst li").size();
  $j("#spreukenlijst li:eq(" + current_headline + ")").show().css('top', '5px'); 
		$j("#spreukenlijst li:eq(" + current_headline + ")").css('display', 'none');
		$j("#spreukenlijst li:eq(" + current_headline + ")").fadeTo(500, 0, function() {
			$j(this).css("display", "block")
		}).fadeTo(6000, 1).fadeTo(2000, 1).fadeTo(6000, 0);
  headline_interval = setInterval(headline_rotate,14000); //time in milliseconds
});

function headline_rotate() {
  current_headline = (old_headline + 1) % headline_count; //remainder will always equal old_headline until it reaches headline_count - at which point it becomes zero. clock arithmetic
  $j("#spreukenlijst li:eq(" + old_headline + ")").fadeTo(10, 1); 
  $j("#spreukenlijst li:eq(" + old_headline + ")").css('top', '-205px', function() {
    $j(this).css('top','210px');
    });
  $j("#spreukenlijst li:eq(" + current_headline + ")").show().css('top', '5px'); 
		$j("#spreukenlijst li:eq(" + current_headline + ")").css('display', 'none');
		$j("#spreukenlijst li:eq(" + current_headline + ")").fadeTo(500, 0, function() {
			$j(this).css("display", "block");
		});
			$j("#spreukenlijst li:eq(" + current_headline + ")").fadeTo(6000, 1);
			$j("#spreukenlijst li:eq(" + current_headline + ")").fadeTo(2000, 1);
			$j("#spreukenlijst li:eq(" + current_headline + ")").fadeTo(6000, 0);

  old_headline = current_headline;
}