Change javascript text rotator from random to sequence

[blue-morpho]

I found this code online and modified it and it works fine. Now I want to change it so that it will rotate the text quotes in sequence, rather than randomly. I have only the barest knowledge of JS, so the more literal and explicit you can be, the more it will help! Thanks in advance!

Here's the code:

function rotateText(el, textGroup) {
  setOpacity(el, 0);
  var t = rotateText.texts[textGroup];
  var t = t[Math.floor(Math.random() * (t.length - 1))];
  el.innerHTML = t;
  unfadeText(el, textGroup);
}
rotateText.texts = {
  quotes: [
    " '1-Neil Bjorklund's lyrics are compelling, intelligent, a cut above the usual singer-songwriter fare' -- Victory Music Review",
    " '2-Neil has a poet's talent when it comes to songwriting, creating images that linger long after the music ends' -- Folk and Acoustic Music Exchange",
    " '3-This inner-traveller and consummate musician will captivate you and draw you in' -- Kobi Lucas, KLCC-FM",

  ]
};

function setOpacity(el, value) {
  el.style.opacity = value / 100;
  el.style.filter = "alpha(opacity=" + value + ")";
}

function unfadeText(el, tg) {
  var v = el.style.opacity * 100 + 1;
  if(v > 100) {
    setOpacity(el, 100);
	  //number below in red is how long the fully black text lasts
    setTimeout(bundleFunction(null, fadeText, [el, tg]), 8000);
    return;
  }
  setOpacity(el, v);
    //number below in red is how long the fade 1n lasts
  setTimeout(bundleFunction(null, unfadeText, [el, tg]), 20);
}

function fadeText(el, tg) {
  var v = el.style.opacity * 100 - 1;
  if(v < 0) {
    setOpacity(el, 0);
    rotateText(el, tg);
    //or... setTimeout(bundleFunction(null, rotateText, [el, tg]), NUMBER);
    return;
  }
  setOpacity(el, v);
  //number below in red is how long the fade out lasts
  setTimeout(bundleFunction(null, fadeText, [el, tg]), 5);
}

function bundleFunction(context, func, args) {
  context = context || null;
  if(typeof func == "string" && context)
    func = context[func];
  if(!args)
    args = [];
  else if(!(args instanceof Array))
    args = [args];
  return function() {
    return func.apply(context, args);
  };
}

[Lerura]

var Tnum=-1;
function rotateText(el, textGroup) {
  setOpacity(el, 0);
  var t = rotateText.texts[textGroup];
  Tnum=((Tnum+1)<t.length?Tnum+1:0);
  var t = t[Tnum];
  el.innerHTML = t;
  unfadeText(el, textGroup);
}

[Old Pedant]

Just change this:

function rotateText(el, textGroup) {
  setOpacity(el, 0);
  var t = rotateText.texts[textGroup];
  var t = t[Math.floor(Math.random() * (t.length - 1))];
  el.innerHTML = t;
  unfadeText(el, textGroup);
}

to this:

var currentText = 0;
function rotateText(el, textGroup) {
  setOpacity(el, 0);
  var t = rotateText.texts[textGroup];
  el.innerHTML = t[currentText++];
  unfadeText(el, textGroup);
  currentText %= t.length;
}

EDIT: Teach me not to refresh first. Lerura's answer and mine are really the same. I think using the modulo operator (%) to limit the incrementing number (currentText in my code, Tnum in his) is cleaner, but both do the same thing.

[blue-morpho]

Problem solved! Thank you for both replies. Much appreciated.