// JavaScript Document



var stor = -1;

var maxstor = 11;

var timeout = 0;

var lastShownStor = -1;



function autorot() {

	showNext();

	timeout = setTimeout('autorot();', 5500);

}







function rotateDiv(stor){



  var divs = document.getElementById("photoContainer").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('photo'+(lastShownStor+1)).style.zIndex = "12";

	               new Effect.DropOut(document.getElementById('photo'+(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 = "selPhoto";

    }

  }

}



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 showStorySeven(){

    lastShownStor = stor;

	stor=6;

	rotateDiv(stor);

}
function showStoryEight(){

    lastShownStor = stor;

	stor=7;

	rotateDiv(stor);

}
function showStoryNine(){

    lastShownStor = stor;

	stor=8;

	rotateDiv(stor);

}
function showStoryTen(){

    lastShownStor = stor;

	stor=9;

	rotateDiv(stor);

}
function showStoryEleven(){

    lastShownStor = stor;

	stor=10;

	rotateDiv(stor);

}
function showStoryTwelve(){

    lastShownStor = stor;

	stor=11;

	rotateDiv(stor);

};
