// Created 03/02/10

/*Car Search Vehicle Types*/

	currentIndx=0;
	//all the images and their urls 
	//this is the only section that needs to be modified
	imgArray = new Array();
	imgArray[0] = ['http://www.roanoke.com/images/2010/cars/coupe.jpg', 'http://car.roanoke.com/autos/search/results.php?searchMode=bs&bodyStyle=Coupe' , 'Coupe'];
	imgArray[1] = ['http://www.roanoke.com/images/2010/cars/sedan.jpg', 'http://car.roanoke.com/autos/search/results.php?searchMode=bs&bodyStyle=Sedan+%284-Door%29' , 'Sedan'];
	imgArray[2] = ['http://www.roanoke.com/images/2010/cars/truck.jpg', 'http://car.roanoke.com/autos/search/results.php?searchMode=bs&bodyStyle=Pickup%2FTruck' , 'Truck'];
	imgArray[3] = ['http://www.roanoke.com/images/2010/cars/suv.jpg', 'http://car.roanoke.com/autos/search/results.php?searchMode=bs&bodyStyle=Sport+Utility','SUV'];
	imgArray[4] = ['http://www.roanoke.com/images/2010/cars/Van.jpg', 'http://car.roanoke.com/autos/search/results.php?searchMode=bs&bodyStyle=Van%2FMinivan','Van'];
	imgArray[5] = ['http://www.roanoke.com/images/2010/cars/Wagon.jpg', 'http://car.roanoke.com/autos/search/results.php?searchMode=bs&bodyStyle=Wagon' ,'Wagon'];
	imgArray[6] = ['http://www.roanoke.com/images/2010/cars/boat.jpg', 'http://car.roanoke.com/autos/search/results.php?vehicleType=boat' ,'Boats' ];
	imgArray[7] = ['http://www.roanoke.com/images/2010/cars/motorcycle.jpg', 'http://car.roanoke.com/autos/search/results.php?vehicleType=motorcycle', 'Motorcycles'];
	imgArray[8] = ['http://www.roanoke.com/images/2010/cars/rv.jpg', 'http://car.roanoke.com/autos/search/results.php?vehicleType=rv' , 'RVs'];
	imgArray[9] = ['http://www.roanoke.com/images/2010/cars/atv.jpg', 'http://car.roanoke.com/autos/search/results.php?vehicleType=power+sports','ATVs'];
	//imgArray[10] = ['http://www.roanoke.com/images/2010/cars/parts.jpg', 'http://car.roanoke.com/autos/search/results.php?vehicleType=Parts+%26+Accessories','Parts'];
	imgArray[10] = ['http://www.roanoke.com/images/2010/cars/classic.jpg', 'http://car.roanoke.com/autos/search/results.php?vehicleType=classic+car' , 'Classic' ];
	
//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;
//}
//  var counter = 0;
//    for (i=0; i<imgArray.length; i++) {
//         imgOrderArray[i][0] = imgArray[i][0];
//         imgOrderArray[i][1] = imgArray[i][1];
//         counter++ ;
//    }
//load the images into the arrays
    var MyImages = new Array();
    var MyImages2 = new Array();
    var MyImages3 = new Array();
    var MyImages4 = new Array();
    var MyImages5 = new Array();
    var MyImages6 = new Array();

    var Links = new Array();
    var Links2 = new Array();
    var Links3 = new Array();
    var Links4 = new Array();
    var Links5 = new Array();
    var Links6 = new Array();
    
    var Label = new Array();
    var Label2 = new Array();
    var Label3 = new Array();
    var Label4 = new Array();
    var Label5 = new Array();
    var Label6 = new Array();

    var intNumber = 1;
    var blnLeft = true;

    counter = 0;
    for (i=0; i<imgArray.length; i++) {
         MyImages[counter] = imgArray[i][0];
         Links[counter] = imgArray[i][1];
         Label[counter]= imgArray[i][2];
           counter++ ;
    }
    counter = 0;
    for (i=1; i<imgArray.length; i++) {
         MyImages2[counter] = imgArray[i][0];
         Links2[counter] = imgArray[i][1];
          Label2[counter] = imgArray[i][2];
         counter++ ;
    }
    MyImages2[counter] = imgArray[0][0];
    Links2[counter] = imgArray[0][1];
     Label2[counter] = imgArray[0][2];

    counter = 0;
    for (i=2; i<imgArray.length; i++) {
        MyImages3[counter] = imgArray[i][0];
        Links3[counter] = imgArray[i][1];
         Label3[counter]= imgArray[i][2];
        counter++ ;
    }
    MyImages3[counter] = imgArray[0][0];
    Links3[counter] = imgArray[0][1];
     Label3[counter]= imgArray[0][2];
    counter++;
    
    MyImages3[counter] = imgArray[1][0];
    Links3[counter] = imgArray[1][1];
     Label3[counter] =imgArray[1][2];
     
    counter = 0;
    for (i=3; i<imgArray.length; i++) {
         MyImages4[counter] = imgArray[i][0];
         Links4[counter] = imgArray[i][1];
          Label4[counter]= imgArray[i][2];
         counter++;
    }
     MyImages4[counter] = imgArray[0][0];
     Links4[counter] = imgArray[0][1];
      Label4[counter]= imgArray[0][2];
     counter++;
        
     MyImages4[counter] = imgArray[1][0];
     Links4[counter] = imgArray[1][1];
      Label4[counter]= imgArray[1][2];
     counter++;
         
     MyImages4[counter] = imgArray[2][0];
     Links4[counter] = imgArray[2][1];
      Label4[counter]= imgArray[2][2];
      counter = 0;
     for (i=4; i<imgArray.length; i++) {
          MyImages5[counter] = imgArray[i][0];
          Links5[counter] = imgArray[i][1];
           Label5[counter]= imgArray[i][2];           
          counter++;
     }
     MyImages5[counter] = imgArray[0][0];
     Links5[counter] = imgArray[0][1];
      Label5[counter]= imgArray[0][2];
     counter++;
        
     MyImages5[counter] = imgArray[1][0];
     Links5[counter] = imgArray[1][1];
      Label5[counter]= imgArray[1][2];
     counter++;
     
     MyImages5[counter] = imgArray[2][0];
     Links5[counter] = imgArray[2][1];
      Label5[counter]= imgArray[2][2];
     counter++;
     
     MyImages5[counter] = imgArray[3][0];
     Links5[counter] = imgArray[3][1];
      Label5[counter]= imgArray[3][2];
      counter = 0;
     for (i=5; i<imgArray.length; i++) {
        MyImages6[counter] = imgArray[i][0];
        Links6[counter] = imgArray[i][1];
         Label6[counter] =imgArray[i][2];
        counter++;
     }

     MyImages6[counter] = imgArray[0][0];
     Links6[counter] = imgArray[0][1];
      Label6[counter]= imgArray[0][2];
     counter++;
        
     MyImages6[counter] = imgArray[1][0];
     Links6[counter] = imgArray[1][1];
      Label6[counter]= imgArray[1][2];
     counter++;
     
     MyImages6[counter] = imgArray[2][0];
     Links6[counter] = imgArray[2][1];
      Label6[counter]= imgArray[2][2];
     counter++;
          
     MyImages6[counter] = imgArray[3][0];
     Links6[counter] = imgArray[3][1];
      Label6[counter]= imgArray[3][2];
     counter++;
     
     MyImages6[counter] = imgArray[4][0];
     Links6[counter] = imgArray[4][1];
      Label6[counter]= imgArray[4][2];


    //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]
    }
    //preload images on right
    imagesPreloaded5 = new Array();
    for (var i = 0; i < MyImages5.length ; i++) 
    {
        imagesPreloaded5[i] = new Image(148,148)
        imagesPreloaded5[i].src=MyImages5[i]
    }
    //preload images on right
    imagesPreloaded6 = new Array();
    for (var i = 0; i < MyImages6.length ; i++) 
    {
        imagesPreloaded6[i] = new Image(148,148)
        imagesPreloaded6[i].src=MyImages6[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.theImage5.src=imagesPreloaded5[0].src;
        document.theImage6.src=imagesPreloaded6[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];
        document.getElementById('imageLink5').href=Links5[0];
        document.getElementById('imageLink6').href=Links6[0];
                  
        document.getElementById('imagelabel').innerHTML=Label[0];
        document.getElementById('imagelabel2').innerHTML=Label2[0];
        document.getElementById('imagelabel3').innerHTML=Label3[0];
        document.getElementById('imagelabel4').innerHTML=Label4[0];
        document.getElementById('imagelabel5').innerHTML=Label5[0];
        document.getElementById('imagelabel6').innerHTML=Label6[0];
        
        document.getElementById('imagelabel').href=Links[0];
        document.getElementById('imagelabel2').href=Links2[0];
        document.getElementById('imagelabel3').href=Links3[0];
        document.getElementById('imagelabel4').href=Links4[0];
        document.getElementById('imagelabel5').href=Links5[0];
        document.getElementById('imagelabel6').href=Links6[0];
    }
    
function Nexter(){ 
    if (currentIndx<imagesPreloaded.length-1){
    if (currentIndx<imagesPreloaded2.length-1)
    if (currentIndx<imagesPreloaded3.length-1)
    if (currentIndx<imagesPreloaded4.length-1)
    if (currentIndx<imagesPreloaded5.length-1)
    if (currentIndx<imagesPreloaded6.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;
        document.theImage5.src=imagesPreloaded5[currentIndx].src;
        document.theImage6.src=imagesPreloaded6[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];
        document.getElementById('imageLink5').href=Links5[currentIndx];
        document.getElementById('imageLink6').href=Links6[currentIndx];
        
        document.getElementById('imagelabel').innerHTML='';
        document.getElementById('imagelabel2').innerHTML='';
        document.getElementById('imagelabel3').innerHTML='';
        document.getElementById('imagelabel4').innerHTML='';
        document.getElementById('imagelabel5').innerHTML='';
        document.getElementById('imagelabel6').innerHTML='';
        
        document.getElementById('imagelabel').innerHTML=Label[currentIndx];     
        document.getElementById('imagelabel2').innerHTML=Label2[currentIndx];
        document.getElementById('imagelabel3').innerHTML=Label3[currentIndx];
        document.getElementById('imagelabel4').innerHTML=Label4[currentIndx];
        document.getElementById('imagelabel5').innerHTML=Label5[currentIndx];
        document.getElementById('imagelabel6').innerHTML=Label6[currentIndx];
        
        document.getElementById('imagelabel').href=Links[currentIndx];
        document.getElementById('imagelabel2').href=Links2[currentIndx];
        document.getElementById('imagelabel3').href=Links3[currentIndx];
        document.getElementById('imagelabel4').href=Links4[currentIndx];
        document.getElementById('imagelabel5').href=Links5[currentIndx];
        document.getElementById('imagelabel6').href=Links6[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.theImage5.src=imagesPreloaded5[currentIndx].src;
        document.theImage6.src=imagesPreloaded6[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];
        document.getElementById('imageLink5').href=Links5[currentIndx];
        document.getElementById('imageLink6').href=Links6[currentIndx];
        
        document.getElementById('imagelabel').innerHTML='';
        document.getElementById('imagelabel2').innerHTML='';
        document.getElementById('imagelabel3').innerHTML='';
        document.getElementById('imagelabel4').innerHTML='';
        document.getElementById('imagelabel5').innerHTML='';
        document.getElementById('imagelabel6').innerHTML='';
        
       document.getElementById('imagelabel').innerHTML=Label[currentIndx];     
        document.getElementById('imagelabel2').innerHTML=Label2[currentIndx];
        document.getElementById('imagelabel3').innerHTML=Label3[currentIndx];
        document.getElementById('imagelabel4').innerHTML=Label4[currentIndx];
        document.getElementById('imagelabel5').innerHTML=Label5[currentIndx];
        document.getElementById('imagelabel6').innerHTML=Label6[currentIndx];
        
        document.getElementById('imagelabel').href=Links[currentIndx];
        document.getElementById('imagelabel2').href=Links2[currentIndx];
        document.getElementById('imagelabel3').href=Links3[currentIndx];
        document.getElementById('imagelabel4').href=Links4[currentIndx];
        document.getElementById('imagelabel5').href=Links5[currentIndx];
        document.getElementById('imagelabel6').href=Links6[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.theImage5.src=imagesPreloaded5[currentIndx].src;
        document.theImage6.src=imagesPreloaded6[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];
        document.getElementById('imageLink5').href=Links5[currentIndx];
        document.getElementById('imageLink6').href=Links6[currentIndx];
        
            document.getElementById('imagelabel').innerHTML='';
        document.getElementById('imagelabel2').innerHTML='';
        document.getElementById('imagelabel3').innerHTML='';
        document.getElementById('imagelabel4').innerHTML='';
        document.getElementById('imagelabel5').innerHTML='';
        document.getElementById('imagelabel6').innerHTML='';
        
      document.getElementById('imagelabel').innerHTML=Label[currentIndx];     
        document.getElementById('imagelabel2').innerHTML=Label2[currentIndx];
        document.getElementById('imagelabel3').innerHTML=Label3[currentIndx];
        document.getElementById('imagelabel4').innerHTML=Label4[currentIndx];
        document.getElementById('imagelabel5').innerHTML=Label5[currentIndx];
        document.getElementById('imagelabel6').innerHTML=Label6[currentIndx];
        
         document.getElementById('imagelabel').href=Links[currentIndx];
        document.getElementById('imagelabel2').href=Links2[currentIndx];
        document.getElementById('imagelabel3').href=Links3[currentIndx];
        document.getElementById('imagelabel4').href=Links4[currentIndx];
        document.getElementById('imagelabel5').href=Links5[currentIndx];
        document.getElementById('imagelabel6').href=Links6[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.theImage5.src=imagesPreloaded4[currentIndx].src;
        document.theImage6.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];
        document.getElementById('imageLink5').href=Links5[currentIndx];
        document.getElementById('imageLink6').href=Links6[currentIndx];
        
                document.getElementById('imagelabel').innerHTML='';
        document.getElementById('imagelabel2').innerHTML='';
        document.getElementById('imagelabel3').innerHTML='';
        document.getElementById('imagelabel4').innerHTML='';
        document.getElementById('imagelabel5').innerHTML='';
        document.getElementById('imagelabel6').innerHTML='';
        
        document.getElementById('imagelabel').innerHTML=Label[currentIndx];     
        document.getElementById('imagelabel2').innerHTML=Label2[currentIndx];
        document.getElementById('imagelabel3').innerHTML=Label3[currentIndx];
        document.getElementById('imagelabel4').innerHTML=Label4[currentIndx];
        document.getElementById('imagelabel5').innerHTML=Label5[currentIndx];
        document.getElementById('imagelabel6').innerHTML=Label6[currentIndx];
        
         document.getElementById('imagelabel').href=Links[currentIndx];
        document.getElementById('imagelabel2').href=Links2[currentIndx];
        document.getElementById('imagelabel3').href=Links3[currentIndx];
        document.getElementById('imagelabel4').href=Links4[currentIndx];
        document.getElementById('imagelabel5').href=Links5[currentIndx];
        document.getElementById('imagelabel6').href=Links6[currentIndx];
    }
}