// JavaScript Document
<!-- Begin
  var aryColorImages = new Array(8);
  aryColorImages[0] = "home/Home_1.jpg";  
  aryColorImages[1] = "home/Home_2.jpg";
  aryColorImages[2] = "home/Home_3.jpg";
  aryColorImages[3] = "home/Home_4.jpg";  
  aryColorImages[4] = "home/Home_5.jpg";
  aryColorImages[5] = "home/Home_6.jpg";
  aryColorImages[6] = "home/Home_7.jpg";  
  aryColorImages[7] = "home/Home_8.jpg";

  var aryBwImages = new Array(8);
  aryBwImages[0] = "home/Home_1bw.jpg";  
  aryBwImages[1] = "home/Home_2bw.jpg";
  aryBwImages[2] = "home/Home_3bw.jpg";
  aryBwImages[3] = "home/Home_4bw.jpg";  
  aryBwImages[4] = "home/Home_5bw.jpg";
  aryBwImages[5] = "home/Home_6bw.jpg";
  aryBwImages[6] = "home/Home_7bw.jpg";  
  aryBwImages[7] = "home/Home_8bw.jpg";

  var aryLgImages = new Array(8);
  aryLgImages[0] = "home/Home_Main1.jpg";  
  aryLgImages[1] = "home/Home_Main2.jpg";
  aryLgImages[2] = "home/Home_Main3.jpg";
  aryLgImages[3] = "home/Home_Main4.jpg";  
  aryLgImages[4] = "home/Home_Main5.jpg";
  aryLgImages[5] = "home/Home_Main6.jpg";
  aryLgImages[6] = "home/Home_Main7.jpg";  
  aryLgImages[7] = "home/Home_Main8.jpg";


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

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

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

  // Swap to small Color and large Image on mouseOver
function swap(imgIndex)
{
      switch(imgIndex)
      {
      case 0:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home1.src= aryColorImages[imgIndex];
        break;    
      case 1:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home2.src= aryColorImages[imgIndex];
 //       document.getElementById('para').innerHTML="New text!";
        break;    
      case 2:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home3.src= aryColorImages[imgIndex];
        break;
      case 3:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home4.src= aryColorImages[imgIndex];
        break;    
      case 4:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home5.src= aryColorImages[imgIndex];
        break;
      case 5:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home6.src= aryColorImages[imgIndex];
        break;
      case 6:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home7.src= aryColorImages[imgIndex];
        break;    
      case 7:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home8.src= aryColorImages[imgIndex];
        break;
      }
 }  
  // Swap from Color back to BW when mouse movesOut
  function swapInBW(imgIndex) {
      switch(imgIndex)
      {
      case 0:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home1.src= aryBwImages[imgIndex];
        break;    
      case 1:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home2.src= aryBwImages[imgIndex];
        break;    
      case 2:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home3.src= aryBwImages[imgIndex];
        break;
      case 3:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home4.src= aryBwImages[imgIndex];
        break;    
      case 4:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home5.src= aryBwImages[imgIndex];
        break;
      case 5:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home6.src= aryBwImages[imgIndex];
        break;
      case 6:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home7.src= aryBwImages[imgIndex];
        break;    
      case 7:
        document['imgMain'].src = aryLgImages[imgIndex]; 
        document.home8.src= aryBwImages[imgIndex];
        break;
      }

  }

//  End -->