var activeStory = 0;
var featureCount = 5;
var timerId;

function changeFeatureStory(page, stop) {
  // ----------------------------------------------------------------
  if (stop) {
    self.clearTimeout(timerId);
    timerId = self.setTimeout("timerFeatureStory()", 30*1000);
  }
  
  if (page >= featureCount)
    page = 0;
  if (page < 0)
    page = featureCount - 1;
  activeStory = page;
  
  for (var i=0; i < featureCount; i++) {
    var pageElement = document.getElementById('page_'+i);
    if (pageElement && (typeof pageElement != "undefined")) {
      var naviElement = document.getElementById('navi_'+i);
      if (i == page) {
        pageElement.style.display = 'block';
        naviElement.className = 'active';
      } else {
        pageElement.style.display = 'none';
        naviElement.className = '';
      }
      //alert(i +' ' +naviElement.className;)
    }
  }
}

function timerFeatureStory() {
  // ----------------------------------------------------------------
  changeFeatureStory(activeStory + 1, false);
  timerId = self.setTimeout("timerFeatureStory()", 7*1000);
}