var stor = -1;
var maxstor = 3;
var timeout = 0;
var lastShownStor = -1;

function autorot() {
  showNext();
  timeout = setTimeout('autorot();', 3500);
}

function rotateDiv(stor){
  var divs = document.getElementById("storyContainer").getElementsByTagName("div");
  for (var i=0; i < divs.length; i++ ) {
    var div = divs[i];
    if ( (div.id != "")) {
      if(i != stor && i != lastShownStor){
        div.style.display = "none";
        div.style.zIndex = "1";
      } else if(i != lastShownStor){
        if(lastShownStor > -1){
          document.getElementById('story'+(lastShownStor+1)).style.zIndex = "4";
	 new Effect.DropOut(document.getElementById('story'+(lastShownStor+1)));
        }
        div.style.zIndex = "1";
        div.style.display = "block";
        break;
      }
    }
  }
  var spans = document.getElementById("nav").getElementsByTagName("span");
  for (var i=0; i < spans.length; i++ ) {
    var span = spans[i];
    if ( (span.id != "")) {
      if(i != stor)
        span.className = "none";
        else
        span.className = "selStory";
    }
  }
}

function showNext(){
  lastShownStor = stor;
  if(stor < maxstor)
    stor++;
  else
    stor=0;
  rotateDiv(stor);
}

function stoprot() {
  clearTimeout(timeout);
}


function showNext(){
  lastShownStor = stor;
  if(stor < maxstor)
    stor++;
  else
    stor=0;
  rotateDiv(stor);
}

function showPrev(){
  lastShownStor = stor;
  if(stor > 0)
    stor--;
  else
    stor=maxstor;
  rotateDiv(stor);
}

function showStoryOne(){
  lastShownStor = stor;
  stor=0;
  rotateDiv(stor);
}
function showStoryTwo(){
  lastShownStor = stor;
  stor=1;
  rotateDiv(stor);
}
function showStoryThree(){
  lastShownStor = stor;
  stor=2;
  rotateDiv(stor);
}
function showStoryFour(){
  lastShownStor = stor;
  stor=3;
  rotateDiv(stor);
}