// store an interval in a variable

var pause = 7000;

// create and initialize a counter                                    

var n = 0; 
var m = 0;
var o = 0;
// create an array of image file names                                         

//var imgs = new Array ( 	"images/leftMarginSmall01.jpg", 
//			"images/leftMarginSmall02.jpg", 
//			"images/leftMarginSmall03.jpg",  
//			"images/leftMarginSmall04.jpg", 
//			"images/leftMarginSmall05.jpg", 
//			"images/leftMarginSmall06.jpg",
//			"images/leftMarginSmall07.jpg", 
//			"images/leftMarginSmall08.jpg", 
//			"images/leftMarginSmall09.jpg" );
//			
//var imgs2 = new Array ( "images/leftMarginSmall09.jpg",
//			"images/leftMarginSmall01.jpg", 
//			"images/leftMarginSmall02.jpg", 
//			"images/leftMarginSmall03.jpg",  
//			"images/leftMarginSmall04.jpg", 
//			"images/leftMarginSmall05.jpg", 
//			"images/leftMarginSmall06.jpg",
//			"images/leftMarginSmall07.jpg", 
//			"images/leftMarginSmall08.jpg" );
//
//var imgs3 = new Array ( "images/leftMarginSmall08.jpg", 
//			"images/leftMarginSmall09.jpg", 
//			"images/leftMarginSmall01.jpg", 
//			"images/leftMarginSmall02.jpg",
//			"images/leftMarginSmall03.jpg", 
//			"images/leftMarginSmall04.jpg", 
//			"images/leftMarginSmall05.jpg", 
//			"images/leftMarginSmall06.jpg",
//			"images/leftMarginSmall07.jpg");
			

var imgs = new Array ( 	"images/leftMargin/leftMargin01.png", 
			"images/leftMargin/leftMargin02.png", 
			"images/leftMargin/leftMargin03.png", 
			"images/leftMargin/leftMargin04.png", 
			"images/leftMargin/leftMargin05.png" );
			
var imgs2 = new Array ( "images/leftMargin/leftMargin06.png", 
			"images/leftMargin/leftMargin07.png", 
			"images/leftMargin/leftMargin08.png", 
			"images/leftMargin/leftMargin09.png", 
			"images/leftMargin/leftMargin10.png" );

var imgs3 = new Array ( "images/leftMargin/leftMargin11.png", 
			"images/leftMargin/leftMargin12.png", 
			"images/leftMargin/leftMargin13.png", 
			"images/leftMargin/leftMargin14.png", 
			"images/leftMargin/leftMargin15.png" );			

// preload all the images

var preload = new Array();
var preload2 = new Array();
var preload3 = new Array();

for( var i = 1; i < imgs.length; i++ )
{                                            
  preload[i] = new Image();           
  preload[i].src = imgs[i];                                     
}

for( var j = 1; j < imgs2.length; j++ )
{                                            
  preload2[j] = new Image();           
  preload2[j].src = imgs2[j];                                     
}

for( var k = 1; k < imgs3.length; k++ )
{                                            
  preload3[k] = new Image();           
  preload3[k].src = imgs3[k];                                     
}

// a function to display each image for the set interval

function rotate()
{                       
  document.images.pic.src = imgs[n];                   
  ( n == (imgs.length - 1 )) ? n = 0 : n++;
  
  document.images.pic2.src = imgs2[m];                   
  ( m == (imgs2.length - 1 )) ? m = 0 : m++;

  document.images.pic3.src = imgs3[o];                   
  ( o == (imgs3.length - 1 )) ? o = 0 : o++; 
  
  setTimeout( "rotate()", pause );                              
}

// specify the onload event-handler

window.onload = rotate;