var stor = -1;
var maxstor = 2;
var timeout = 0;
var lastShownStor = -1;

function autorot() {
	showNext();
	timeout = setTimeout('autorot();', 8000);
}



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 && lastShownStor > -1){

	   }*/
	   else if(i != lastShownStor){
	      if(lastShownStor > -1){	       
	   	           document.getElementById('story'+(lastShownStor+1)).style.zIndex = "3";
	               new Effect.Fade(document.getElementById('story'+(lastShownStor+1)),{duration:2.7, from:1.0, to:0.0});
	      }
	       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);
}
function showStoryFive(){
    lastShownStor = stor;
	stor=4;
	rotateDiv(stor);
}
function showStorySix(){
    lastShownStor = stor;
	stor=5;
	rotateDiv(stor);
}
*/
function hideDiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){//if they are 'see' divs
if (document.getElementById) // DOM3 = IE5, NS6
divs[i].style.visibility="hidden";// show/hide
}
}
}

function showDiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){
if (document.getElementById)
divs[i].style.visibility="visible";
}
}
}

