// preload images
if (document.images)
{
  pic0= new Image(600,662); 
  pic0.src="../images/js1.jpg"; 

  pic1= new Image(600,662);
  pic1.src="../images/js2.jpg"; 

  pic2= new Image(600,662); 
  pic2.src="../images/js3.jpg"; 

  pic3= new Image(600,667); 
  pic3.src="../images/js4.jpg";
  
  pic4= new Image(600,667); 
  pic4.src="../images/js5.jpg";
  
  pic5= new Image(600,667); 
  pic5.src="../images/js6.jpg";
  
  pic6= new Image(600,667); 
  pic6.src="../images/js7.jpg";
  
  pic7= new Image(600,667); 
  pic7.src="../images/js8.jpg";
}


// slideshow timer in seconds
var timer = 5;

var img, count = 0, size = 4;

var photos = ['js3','js7','js1','js2', 'js6', 'js4', 'js8', 'js5'];

function rotateImages()
{
	window.setTimeout('nextSlide()', timer * 1000);
}

function nextSlide()
{
	if (++count == size) { count = 0; }
	
	//new Effect.Opacity(document.getElementById('display').style.background, {delay: 1, duration: 1, from:0, to: 1.0});
	
	document.getElementById('content').style.background = '#fff url(../images/' + photos[count] + '.jpg) no-repeat';
	
	window.setTimeout('nextSlide()', timer * 1000);
}