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

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

  new Array('Synthetic Lawn','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Before 1','Bateman Syn Lawn - Before 1.jpg',534,400),
      new Array('After 1','c23.jpg',533,400),
      new Array('Before 2','Bateman Syn Lawn - Before  4.jpg',534,400),
      new Array('After 2','Bateman Syn Lawn - After 3.jpg',534,400),
      new Array('Before 3','q166a.jpg',534,400),
      new Array('After 3','q166b.jpg',534,400),
      new Array('Before 4','s183a.jpg',534,400),
      new Array('After 4','s183a1.jpg',534,400),
      new Array('Before 5','w213.jpg',534,400),
      new Array('After 6','w214.jpg',534,400),


      new Array('Before 7','Acosta Syn Lawn - Before 1.jpg',534,400),
      new Array('After 7','Acosta Syn Lawn - After 1.jpg',534,400),
      new Array('Before 8','Acosta Syn Lawn - Before 2.jpg',534,400),
      new Array('After 8','Acosta Syn Lawn - After 2.jpg',534,400),
      new Array('Before 9','Acosta Syn Lawn Before 3.jpg',534,400),
      new Array('After 9','Acosta Syn Lawn - After 3.jpg',534,400),


      new Array('Before 10','Brooks Syn lawn - Before 2.jpg',534,400),
      new Array('After 10','Brooks Syn lawn - After 2.jpg',534,400),
      new Array('Before 11','Brooks Syn Lawn - Before 4.jpg',534,400),
      new Array('After 11','Brooks Syn Lawn - After 4.jpg',534,400),
      new Array('Before 12','Brooks Syn Lawn - Before 5.jpg',534,400),
      new Array('After 12','Brooks Syn Lawn - After 5.jpg',534,400),


      new Array('Before 13','Nguyen Syn Lawn - Before 1.jpg',534,400),
      new Array('After 13','Nguyen Syn Lawn - After 1.jpg',534,400),
      new Array('Before 14','Nguyen Syn Lawn - Before 2.jpg',534,400),
      new Array('After 14','Nguyen Syn Lawn - After 2.jpg',534,400)
//      new Array('Before 15','Nguyen Syn Lawn - Before 3.jpg',534,400),
//      new Array('After 15','Nguyen Syn Lawn - After 3.jpg',534,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]);
}