// JavaScript Document

// this code is used to navigate through the site


// on a mouseover the image will change to this
function mouseOver(spot) {

  switch (spot) {
    case 1:
      document.getElementById("nav_one").src ="terraco_images/navigation_buttons/home_rollover_btn.jpg";
	  break;
	case 2:
      document.getElementById("nav_two").src ="terraco_images/navigation_buttons/products_rollover_btn.jpg";
	  break;
	case 3:
      document.getElementById("nav_three").src ="terraco_images/navigation_buttons/services_rollover_btn.jpg";
	  break;
	case 4:
      document.getElementById("nav_four").src ="terraco_images/navigation_buttons/orders_rollover_btn.jpg";
	  break;
/*	  
    case 5:
      document.getElementById("nav_five").src ="terraco_images/navigation_buttons/news_rollover_btn.jpg";
	  break;
*/
    case 6:
      document.getElementById("nav_six").src ="terraco_images/navigation_buttons/contact_rollover_btn.jpg";
	  break;
  }
}


// display the image when the mouse moves off the area
function mouseOut(spot) {
	
  switch (spot) {
    case 1:
      document.getElementById("nav_one").src ="terraco_images/transparent.gif";
	  break;
	case 2:
      document.getElementById("nav_two").src ="terraco_images/transparent.gif";
	  break;
	case 3:
      document.getElementById("nav_three").src ="terraco_images/transparent.gif";
	  break;
	case 4:
      document.getElementById("nav_four").src ="terraco_images/transparent.gif";
	  break;
/*	  
    case 5:
      document.getElementById("nav_five").src ="terraco_images/transparent.gif";
	  break;
*/	  
    case 6:
      document.getElementById("nav_six").src ="terraco_images/transparent.gif";
	  break;
  }
}