var objRotator;
var fadeimages=new Array()
//The fadeimages array will get populted dynamically in index.php
//fadeimages[0]=["images/featured/featured_01.jpg", "article/1/some-title-here", "#00aeef", "Title and Image 1", "Lorem ipsum dolor sit amet, cons ec tetuer adipiscing elit. Phase llus et purus. Etiam sem. In egest as lorem ac tortor …"]; //blue
//fadeimages[1]=["images/featured/featured_02.jpg", "article/2/some-title-here", "#86b548", "Title and Image 2", "Lorem ipsum dolor sit amet, cons ec tetuer adipiscing elit. Phase llus et purus. Etiam sem. In egest as lorem ac tortor …"]; //green
//fadeimages[2]=["images/featured/featured_03.jpg", "article/3/some-title-here", "#981b1e", "Title and Image 3", "Lorem ipsum dolor sit amet, cons ec tetuer adipiscing elit. Phase llus et purus. Etiam sem. In egest as lorem ac tortor …"]; //red
//fadeimages[3]=["images/featured/featured_04.jpg", "article/4/some-title-here", "#f7941e", "Title and Image 4", "Lorem ipsum dolor sit amet, cons ec tetuer adipiscing elit. Phase llus et purus. Etiam sem. In egest as lorem ac tortor …"]; //orange
iCurrentFadeImage = 3;

window.onload = function() {
  rotateImages();
  objRotator = new PeriodicalExecuter(rotateImages, 5);
}

function rotateImages() {
  $('aRotator'+iCurrentFadeImage).removeClassName('current_event');

  if (++iCurrentFadeImage >= fadeimages.length) { iCurrentFadeImage = 0; }

  $('aRotator'+iCurrentFadeImage).addClassName('current_event');
  $('imgRotator').src = fadeimages[iCurrentFadeImage][0];
  $('aImageHref').href = fadeimages[iCurrentFadeImage][1];
  $('aReadMoreHref').href = fadeimages[iCurrentFadeImage][1];
  $('imgRotator').alt = fadeimages[iCurrentFadeImage][3];
  $('imgRotator').title = fadeimages[iCurrentFadeImage][3];
//  $('h2Title').innerHTML = fadeimages[iCurrentFadeImage][3];
//  $('divImageSelectorBackground').style.backgroundColor = fadeimages[iCurrentFadeImage][2];
  $('featuredDescription').innerHTML = fadeimages[iCurrentFadeImage][4];
}

function selectRotatorImage(iIndex) {
  objRotator.stop();
  $('aRotator'+iCurrentFadeImage).removeClassName('current_event');
  iCurrentFadeImage = iIndex - 1;
  if (iCurrentFadeImage == -1) { iCurrentFadeImage = fadeimages.length - 1; }
  rotateImages();
  objRotator = new PeriodicalExecuter(rotateImages, 5);
}