<!-- Begin buttons.js
// ----------------------------------------------------------------------------	//
//										                               
//	This javascript program creates the buttons for all the level one 	      
//	web pages. To make button changes:  	                
// 										                               
//   1. Change the button text in the first array. The buttons display	      
//      in the same order as they show here.					                
//										                               
//	2. Change the link address in the second array. The link address	           
//  	   must be the same number as the button text. For example:		           
//      If the button text for title[9] is changed, then you need to	 
//  	   change the links[9] value.						 
//										 
//	3. You should never have to change any of the other code in this  
// 	   script. You can however, add more buttons or delete buttons		 
//	   by adding or deleting entries in the arrays. There must always	 
//	   be the same number of entries in both arrays. The numbers of	  
//	   each entry must be in sequential order.		
//										
//	Script created by:  Dianne Blake     January 02, 2005		
//			   		http://dianneblake.com	
//			    		writer@dianneblake.com			
//										
// ----------------------------------------------------------------------------	//

var title = new Array();	// This array contains the button text //
title[0] = "HOME";
title[1] = "BACKGROUND";
title[2] = "SERVICES";
title[3] = "REFERENCES";
title[4] = "CUSTOM GALLERY";
title[5] = "RESIDENTIAL GALLERY";
title[6] = "COMMERCIAL GALLERY";
title[7] = "CONTACT US";

var links = new Array();	// This array contains the button links //
links[0] = "index.html";
links[1] = "background.htm";
links[2] = "services.htm";
links[3] = "references.htm";
links[4] = "photos.htm";
links[5] = "residential.htm";
links[6] = "commercial.htm";
links[7] = "contact.htm";


for (i=0; i < title.length; i++)
{ 
   var icon_over  = "images/bullet_on.gif";		  // onMouseOver image
   var icon_out   = "images/bullet_off.gif";		  // onMouseOut image
   var docExt 	= links[i];					  // example: index.htm
   var separator 	= ".";						  // character to search for
   var dotPos 	= docExt.lastIndexOf(separator); 	  // finds the position of the period in the file name
   var docShort  	= docExt.substring(0, dotPos);       // filename w/o extension: example: index
   var docSrc	= ("document." + docShort + ".src"); // example: document.index.src 

   document.write('<tr>');
   document.write('<td class=\"orange8\" align=\"center\">');
   document.write('<a href=' + docExt + ' onMouseOver=\"' + docSrc + '=icon_over\";');
   document.write(' onMouseOut=\"' + docSrc + '=icon_out\"');
   document.write(' style=\"text-decoration: none; color: #DF7B23\"><b>' + title[i] + '</b></a>');
   document.write('</td>');
   document.write('<td bgcolor=\"#A6BE63\">');
   document.write('<img src=\"images/spacer.gif\" width=\"1\" height=\"20\" alt=\"\" border=\"0\"></td>');	   
   document.write('<td><img src=\"' + icon_out + '\" name=\"' + docShort + '\"');
   document.write(' width=\"59\" height=\"20\" alt=\"\" border=\"0\"></td>');
   document.write('</tr>');
   document.write('<tr>');
   document.write('<td><img src=\"images/spacer_black.gif\" width=\"148\" height=\"1\" border=\"0\"></td>');
   document.write('<td bgcolor=\"#A6BE63\">');
   document.write('<img src=\"images/spacer_green.gif\" width=\"1\" height=\"1\" alt=\"\" border=\"0\"></td>');
   document.write('<td><img src=\"images/spacer.gif\" width=\"59\" height=\"1\" alt=\"\" border=\"0\"></td>');
   document.write('</tr>');
 } 	

// End -->
