smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio3.htm';
scriptName = 'portfolio3.js';
countX = 2;
countY = 3;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(

  new Array('Redi Rock Retaining wall with steps during construction','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','P8290022.jpg',534,400),
      new Array('Photo 2','P8290023.jpg',534,400),
      new Array('Photo 3','P8290024.jpg',300,400),
      new Array('Photo 4','P9060029.jpg',300,400),
      new Array('Photo 5','P9060030.jpg',300,400),
      new Array('Photo 6','P9060031.jpg',300,400),
      new Array('Photo 7','P9060032.jpg',300,400),
      new Array('Photo 8','P9060033.jpg',300,400),
      new Array('Photo 9','P9060034.jpg',300,400),
      new Array('Photo 10','P9060035.jpg',300,400)
    )
  ),

  new Array('Paver patio with sitting walls, steps, and columns capped with natural bluestone (Before)','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','DSC02357.jpg',600,400),
      new Array('Photo 2','DSC02358.jpg',600,400),
      new Array('Photo 3','DSC02359.jpg',600,400),
      new Array('Photo 4','DSC02360.jpg',600,400),
      new Array('Photo 5','DSC02361.jpg',600,400),
      new Array('Photo 6','DSC02362.jpg',600,400),
      new Array('Photo 7','DSC02363.jpg',600,400),
      new Array('Photo 8','DSC02364.jpg',600,400),
      new Array('Photo 9','DSC02365.jpg',600,400)
    )
  ),

  new Array('Paver patio with sitting walls, steps, and columns capped with natural bluestone (After)','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','DSC02465.jpg',600,400),
      new Array('Photo 2','DSC02466.jpg',600,400),
      new Array('Photo 3','DSC02467.jpg',600,400),
      new Array('Photo 4','DSC02468.jpg',600,400),
      new Array('Photo 5','DSC02469.jpg',600,400),
      new Array('Photo 6','DSC02470.jpg',600,400),
      new Array('Photo 7','DSC02471.jpg',600,400),
      new Array('Photo 8','DSC02472.jpg',600,400),
      new Array('Photo 9','DSC02473.jpg',600,400),
      new Array('Photo 10','DSC02474.jpg',267,400),
      new Array('Photo 11','DSC02475.jpg',600,400),
      new Array('Photo 12','DSC02476.jpg',600,400),
      new Array('Photo 13','DSC02477.jpg',600,400),
      new Array('Photo 14','DSC02478.jpg',600,400),
      new Array('Photo 15','DSC02479.jpg',600,400),
      new Array('Photo 16','DSC02480.jpg',600,400),
      new Array('Photo 17','DSC02481.jpg',600,400),
      new Array('Photo 18','DSC02482.jpg',600,400),
      new Array('Photo 19','DSC02483.jpg',600,400),
      new Array('Photo 20','DSC02484.jpg',600,400),
      new Array('Photo 21','DSC02485.jpg',600,400)
    )
  )

)

section = getParameter(self.document.location.href, 'section');
if (isNaN(section) || (section=='') || (section<0) || (section>arImages.length))
  section = 0; 

ind = getParameter(self.document.location.href, 'ind');
if (isNaN(ind) || (ind=='') || (ind<0) || (ind>arImages[section][4].length))
  ind = 0; 

var arPreloadImages = new Array();
function preload() {
  if (arImages[section][2]!='') {
    for (i=ind;(i<(Number(ind)+Number(countX*countY))) && (i<arImages[section][4].length);i++) {
      arPreloadImages[i] = new Image(mediumSizes[0],mediumSizes[1]);
      arPreloadImages[i].src = arImages[section][2]+arImages[section][4][i][1];
    }
  }
}
  
function showImageMedium(number) {
  showImage('imagemedium',arImages[section][2]+arImages[section][4][number][1]);
  showMessage('imagemediumname',arImages[section][4][number][0]);
}

function showImageBig(number) {
  showImagePopup(scriptName,section,number,arImages[section][4][number][2],
   arImages[section][4][number][3]);
}