
currentIndx=0;
//all the images and their urls 
//this is the only section that needs to be modified - include link and image
imgArray = new Array()
    imgArray[0] = ['http://www.roanoke.com/images/v2005/richfield.jpg', 'http://www.roanoke.com/job/employerProfile/employer/211247'];
	 //imgArray[1] = ['http://www.roanoke.com/images/v2005/express.jpg', 'http://www.roanoke.com/job/employerProfile/employer/213649'];
	 imgArray[1] = ['http://www.roanoke.com/images/v2005/bner.jpg', 'http://www.roanoke.com/job/employerProfile/employer/211358'];
	 imgArray[2] = ['http://www.roanoke.com/images/v2005/BrightServices_new.gif', 'http://www.roanoke.com/job/employerProfile/employer/213640'];
	 imgArray[3] = ['http://www.roanoke.com/images/v2005/townofblacksburg.JPG', 'http://www.roanoke.com/job/employerProfile/employer/213646'];
	 imgArray[4] = ['http://www.roanoke.com/images/v2005/roanoke_city.jpg', 'http://www.roanoke.com/job/employerProfile/employer/213647'];
	 imgArray[5] = ['http://www.roanoke.com/images/v2005/blueridge2.jpg', 'http://www.roanoke.com/job/employerProfile/employer/212485'];
	 imgArray[6] = ['http://www.roanoke.com/images/v2005/RTjobsSponsor.jpg', 'http://www.roanoke.com/job/employerProfile/employer/210886'];
	 imgArray[7] = ['http://www.roanoke.com/images/v2005/vt_employment_sponsor.JPG', 'http://www.roanoke.com/job/employerProfile/employer/211357'];
     imgArray[8] = ['http://www.roanoke.com/images/v2005/WytheCountyCommunityHospital.jpg', 'http://www.roanoke.com/job/employerprofile/employer/234738'];
     imgArray[9] = ['http://www.roanoke.com/images/v2005/Intercept_scroll.jpg', 'http://www.roanoke.com/wb/235845'];
     imgArray[10] = ['http://www.roanoke.com/images/v2005/Sentara_Stacked.gif', 'http://www.roanoke.com/job/employerProfile/employer/253577'];
	
    
//randomly select the order of the 
var imgOrderArray = new Array();

while (imgOrderArray.length != imgArray.length) {
    intSeed = (Math.round(Math.random()*(imgArray.length-1)));
    blnFound = false;
    for (i=0; i<imgOrderArray.length; i++) {
        if (imgOrderArray[i] == intSeed) {
            i = imgOrderArray.length;
            blnFound = true;
        }
    }
    
    if (!blnFound) imgOrderArray[imgOrderArray.length] = intSeed;
}

//load the images into the arrays
var MyImages = new Array();
var MyImages2 = new Array();
var MyImages3 = new Array();
var MyImages4 = new Array();

var Links = new Array();
var Links2 = new Array();
var Links3 = new Array();
var Links4 = new Array();

var intNumber = 1;
var blnLeft = true;

var counter = 0;
for (i=0; i<imgOrderArray.length; i++) {
     MyImages[counter] = imgArray[imgOrderArray[i]][0];
     Links[counter] = imgArray[imgOrderArray[i]][1];
     counter++ ;
}
counter = 0;
for (i=1; i<imgOrderArray.length; i++) {
     MyImages2[counter] = imgArray[imgOrderArray[i]][0];
     Links2[counter] = imgArray[imgOrderArray[i]][1];
     counter++ ;
}
    MyImages2[counter] = imgArray[imgOrderArray[0]][0];
     Links2[counter] = imgArray[imgOrderArray[0]][1];

counter = 0;
for (i=2; i<imgOrderArray.length; i++) {
    MyImages3[counter] = imgArray[imgOrderArray[i]][0];
    Links3[counter] = imgArray[imgOrderArray[i]][1];
    counter++ ;
}
  MyImages3[counter] = imgArray[imgOrderArray[0]][0];
     Links3[counter] = imgArray[imgOrderArray[0]][1];
     counter++;
       MyImages3[counter] = imgArray[imgOrderArray[1]][0];
     Links3[counter] = imgArray[imgOrderArray[1]][1];
     
counter = 0;
for (i=3; i<imgOrderArray.length; i++) {
  MyImages4[counter] = imgArray[imgOrderArray[i]][0];
        Links4[counter] = imgArray[imgOrderArray[i]][1];
         counter++;
}
     MyImages4[counter] = imgArray[imgOrderArray[0]][0];
     Links4[counter] = imgArray[imgOrderArray[0]][1];
        counter++;
     MyImages4[counter] = imgArray[imgOrderArray[1]][0];
     Links4[counter] = imgArray[imgOrderArray[1]][1];
         counter++;
     MyImages4[counter] = imgArray[imgOrderArray[2]][0];
     Links4[counter] = imgArray[imgOrderArray[2]][1];

//preload images on left
imagesPreloaded = new Array();
 
for (var i = 0; i < MyImages.length ; i++) 
{
    imagesPreloaded[i] = new Image(148,148)
    imagesPreloaded[i].src=MyImages[i] 
 }
 
 //preload images on left
imagesPreloaded2 = new Array();
for (var i = 0; i < MyImages2.length ; i++) 
{
    imagesPreloaded2[i] = new Image(148,148)
    imagesPreloaded2[i].src=MyImages2[i] 
 }
 
  //preload images on right
imagesPreloaded3= new Array();

for (var i = 0; i < MyImages3.length ; i++) 
{
    imagesPreloaded3[i] = new Image(148,148)
    imagesPreloaded3[i].src=MyImages3[i] 
 }
 
  //preload images on right
imagesPreloaded4 = new Array();

for (var i = 0; i < MyImages4.length ; i++) 
{
    imagesPreloaded4[i] = new Image(148,148)
    imagesPreloaded4[i].src=MyImages4[i]
  }


function initTop(){

document.theImage.src=imagesPreloaded[0].src

document.theImage2.src=imagesPreloaded2[0].src

document.theImage3.src=imagesPreloaded3[0].src

document.theImage4.src=imagesPreloaded4[0].src

document.getElementById('imageLink').href=Links[0];

document.getElementById('imageLink2').href=Links2[0];

document.getElementById('imageLink3').href=Links3[0];

document.getElementById('imageLink4').href=Links4[0];
}



function Nexter(){ 
if (currentIndx<imagesPreloaded.length-1){

if (currentIndx<imagesPreloaded2.length-1)

if (currentIndx<imagesPreloaded3.length-1)

if (currentIndx<imagesPreloaded4.length-1)


/* the length of our array is 2. But the images go from 0 to 1, so we take one off the count. (We made currentIndx equal 0 right at the beginning of our script!) */

currentIndx=currentIndx+1;

/* To go forward, we add one, providing the number is less than the number of images */

document.theImage.src=imagesPreloaded[currentIndx].src

document.theImage2.src=imagesPreloaded2[currentIndx].src

document.theImage3.src=imagesPreloaded3[currentIndx].src

document.theImage4.src=imagesPreloaded4[currentIndx].src



/* The NAME of the image in our slide show is theImage. We can change the image loaded here as above */

document.getElementById('imageLink').href=Links[currentIndx];

document.getElementById('imageLink2').href=Links2[currentIndx];

document.getElementById('imageLink3').href=Links3[currentIndx];

document.getElementById('imageLink4').href=Links4[currentIndx];

}

else {

currentIndx=0

/* Otherwise, we go back to the beginning, if currentIndx is too big */

document.theImage.src=imagesPreloaded[currentIndx].src

document.theImage2.src=imagesPreloaded2[currentIndx].src

document.theImage3.src=imagesPreloaded3[currentIndx].src

document.theImage4.src=imagesPreloaded4[currentIndx].src

document.getElementById('imageLink').href=Links[currentIndx];

document.getElementById('imageLink2').href=Links2[currentIndx];

document.getElementById('imageLink3').href=Links3[currentIndx];

document.getElementById('imageLink4').href=Links4[currentIndx];

}
}

/* The function Backer() is similar to the previous function, so it contains no comments */

function Backer(){

if (currentIndx>0){

currentIndx=currentIndx-1;
document.theImage.src=imagesPreloaded[currentIndx].src

document.theImage2.src=imagesPreloaded2[currentIndx].src

document.theImage3.src=imagesPreloaded3[currentIndx].src

document.theImage4.src=imagesPreloaded4[currentIndx].src

document.getElementById('imageLink').href=Links[currentIndx];

document.getElementById('imageLink2').href=Links2[currentIndx];

document.getElementById('imageLink3').href=Links3[currentIndx];

document.getElementById('imageLink4').href=Links4[currentIndx];

}

else {

currentIndx = imagesPreloaded.length-1;

document.theImage.src=imagesPreloaded[currentIndx].src

document.theImage2.src=imagesPreloaded2[currentIndx].src

document.theImage3.src=imagesPreloaded3[currentIndx].src

document.theImage4.src=imagesPreloaded4[currentIndx].src

document.getElementById('imageLink').href=Links[currentIndx];

document.getElementById('imageLink2').href=Links2[currentIndx];

document.getElementById('imageLink3').href=Links3[currentIndx];

document.getElementById('imageLink4').href=Links4[currentIndx];
}
 }



