var activeStory = 0;
var featureCount = 3;
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 = '';
      }
    }
  }
}

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

// directory
function changePhoto(photoId) {
  // ----------------------------------------------------------------
  document.getElementById('mainPhoto').src = photos[photoId].src;
  
  headlineObject = document.getElementById('headline');
  if (headlineObject)
    headlineObject.innerHTML = headlines[photoId];
  
  captionObject = document.getElementById('caption');
  if (captionObject)
    captionObject.innerHTML = captions[photoId];
}



$(document).ready(function() {
  /*
   * Drop down menu
   */
  $('#topMenu .subMenuWrapper').hover(
    function() {
//      $('.subMenu', $(this)).show();
      $('.subMenu', $(this)).fadeIn('fast');
    },
    function() {
//      $('.subMenu', $(this)).hide();
      $('.subMenu', $(this)).fadeOut('fast');
    }
  );
});