var i,j;
var imgs = new Array();
var picDesign = new Array ();
var $ImagesDir = '/public_skin/images/design/';

/* setup images */
imgs[0] = new Array ("design1.jpg");
imgs[1] = new Array ("d1_01.gif", "d1_02.gif", "d1_03.gif", "d1_04.gif", "d1_05.gif", "d1_06.gif", "d1_07.gif");
imgs[2] = new Array ("d1_11.gif", "d1_12.gif", "d1_13.gif", "d1_14.gif", "d1_15.gif", "d1_16.gif", "d1_17.gif");
imgs[3] = new Array ("d1_21.gif", "d1_22.gif", "d1_23.gif", "d1_24.gif", "d1_25.gif", "d1_26.gif", "d1_27.gif");
imgs[4] = new Array ("d1_31.gif", "d1_32.gif", "d1_33.gif", "d1_34.gif", "d1_35.gif", "d1_36.gif", "d1_37.gif");

/* setup image names */
var picName = new Array('Redwood', 'Boardwalk', 'Village', 'Canterbury', 'Waterwheel', 'Polo', 'Olive');

/* load images into multi-dimensional array */
for (i=0; i<imgs.length; i++)
  picDesign[i] = new Array(imgs[i].length);  
for (i=0; i<picDesign.length; i++)
for (j=0; j<picDesign[i].length; j++)
{
  picDesign[i][j] = new Image();
  picDesign[i][j].src = $ImagesDir+imgs[i][j];
}

function switchImage(imgName, txtName, x, y) 
{
  document[imgName].src = picDesign[x][y].src;
  if (txtName != '')
    document.getElementById(txtName).innerHTML = picName[y];
}

function calcSqFt(fieldName, divBy, txtName)
{
  var userInput = document.getElementById(fieldName).value;
  if (validateInt(userInput) && validateInt(divBy))
  {
    var amt = Math.round(userInput / divBy);
	document.getElementById(txtName).innerHTML = amt;
  }
}

function calcEnvironment(fieldName, multBy)
{
	var amt = 0;
	var userInput = document.getElementById(fieldName).value;

	if (validateInt(userInput))
		amt = Math.round(userInput * multBy);
		
	return amt;
}

/* check that parameter is an integer */
function validateInt(iString)
{
  return(("" + parseInt(iString)) == iString);
}