function preLoad() {
if(document.images) {
if(!document.imageArray) {
document.imageArray=new Array();
var i = document.imageArray.length;
var a = preLoad.arguments;
for(i=0; i<a.length; i++) {
document.imageArray[i] = new Image;
document.imageArray[i].src=a[i];
}
}
}
}


var nav2 = new Array();

nav2[0] = new Array();
//this value is the link for the nav item
nav2[0][0] = "pro-new.html";
//this value is the name of the first image, the "off" image
nav2[0][1] = "subNav_P_New";
//this value is the width of the image
nav2[0][2] = "80";
//height of the image
nav2[0][3] = "21";
//alt tag for image
nav2[0][4] = "In Progress";

nav2[1] = new Array();
nav2[1][0] = "pro-commercial.html";
nav2[1][1] = "subNav_P_Com";
nav2[1][2] = "80";
nav2[1][3] = "21";
nav2[1][4] = "Commercial";

nav2[2] = new Array();
nav2[2][0] = "pro-residential.html";
nav2[2][1] = "subNav_P_Res";
nav2[2][2] = "75";
nav2[2][3] = "21";
nav2[2][4] = "Residential";

nav2[3] = new Array();
nav2[3][0] = "pro-remodel.html";
nav2[3][1] = "subNav_P_Remodel";
nav2[3][2] = "58";
nav2[3][3] = "21";
nav2[3][4] = "Remodel";

/*
nav2[4] = new Array();
nav2[4][0] = "pro-list.html";
nav2[4][1] = "subNav_P_PList";
nav2[4][2] = "73";
nav2[4][3] = "21";
nav2[4][4] = "Project List";
*/

function swapImage(imgName, fileName) {


if(document.images) {
var imgToChange="document." + imgName;
imgToChange=eval(imgToChange);
imgToChange.src=fileName;
}
}


var navBar2 = "";

function projectNav(currentPage) {
for (i = 0; i < nav2.length; i++) {
if(i == currentPage)
{
picSrc2 = 'images/' + nav2[i][1] + '_on.gif';
}
else
{
picSrc2 = 'images/' + nav2[i][1] + '.gif';
}

navBar2 += '<td><a href="' + nav2[i][0] + '" onMouseOver="swapImage(\'' + nav2[i][1] + '\',\'images/' + nav2[i][1] + '_on.gif\');" onMouseOut="swapImage(\'' + nav2[i][1] + '\',\'' + picSrc2 + '\');"><img src="' + picSrc2 + '" width="' + nav2[i][2] + '"height="' + nav2[i][3] + '" border="0" alt="' + nav2[i][4] + '" name="' + nav2[i][1] + '" /></a></td>';
}
//alert(navBar);
document.write(navBar2);
}