var stor    = -1;
var maxstor = 4;
var timeout = 0;
var changed = [];

$(document).ready(function(){
	autorot();
});

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

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 != "")){
			div.style.display = "none";
		}
	}

	div               = divs[stor];
	div.style.display = "block";

 var spans = document.getElementById("story_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 stoprot() {
	clearTimeout(timeout);
}


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

	rotateDiv(stor);
}

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

	rotateDiv(stor);
}

function showStory(num){
	stor = num-1;
	rotateDiv(stor);
}