var hoveredRow = -1;
var hoveredImage = -1;

var homeImages = new Array(14);
homeImages[0] = "images/homeNav/homeBlank.jpg";
homeImages[1] = "images/homeNav/homeTransient.jpg";
homeImages[2] = "images/homeNav/homeRepurposed.jpg";
homeImages[3] = "images/homeNav/homeApplause.jpg";
homeImages[4] = "images/homeNav/homeLandscape.jpg";
homeImages[5] = "images/homeNav/homeLandschap.jpg";
homeImages[6] = "images/homeNav/home2010.jpg";
homeImages[7] = "images/homeNav/homeArchitectural.jpg";
homeImages[8] = "images/homeNav/homeMiscellaneous.jpg";
homeImages[9] = "images/homeNav/homeCommercial.jpg";
homeImages[12] = "images/homeNav/homeWindows.jpg";

function hoverRow(rowID) {
   var selectRow = document.getElementById(rowID + "_row");
   if (selectRow) {
      hoveredRow = rowID;
      selectRow.className = "rowHovered";
      hoverButton(rowID);
      showHomeImage(rowID);
   };
}

function unhoverRow() {
   var selectRow = document.getElementById(hoveredRow + "_row");
   if (selectRow) {
      selectRow.className = "rowNotHovered";
      unhoverButton(hoveredRow);
      hideHomeImage(hoveredRow);
   };

   hoveredRow = -1;
}


function hoverButton(imageID) {
   var selectImg = document.getElementById(imageID + "_img");
   if (selectImg) {
      selectImg.src = "./images/box2.gif";
   }
}

function unhoverButton(imageID) {
   var selectImg = document.getElementById(imageID + "_img");
   if (selectImg) {
     selectImg.src = "./images/box1.gif";
   }
}

function showHomeImage(imageID) {
   var selectImg = document.getElementById("navImage");
   if (selectImg) {
      selectImg.src = homeImages[imageID];
   }
}

function hideHomeImage(imgID) {
   var selectImg = document.getElementById("navImage");
   if (selectImg) {
      selectImg.src = homeImages[0];
   }
}