smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'pavers-before-after.htm';
scriptName = 'pavers-before-after.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('Before & After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Before 1','d38b3.jpg',534,400),
      new Array('After 1','d38b3a.jpg',534,400),
      new Array('Before 2','d38f.jpg',534,400),
      new Array('After 2','d38g.jpg',534,400),
      new Array('Before 3','d30a5.jpg',534,400),
      new Array('After 3','d30a6.jpg',534,400),
      new Array('Before 4','f51b.jpg',534,400),
      new Array('After 4','f51c.jpg',534,400),

      new Array('Before 5','Before 2.jpg',507,400),
      new Array('After 5','After 2.jpg',424,400),
      new Array('Before 6','Before 3.jpg',533,401),
      new Array('After 6','After 3.jpg',490,400),
      new Array('Before 7','Before 4.jpg',476,401),
      new Array('After 7','After 4.jpg',482,400),
      new Array('Before 8','Before 5.jpg',400,400),
      new Array('After 8','a2.jpg',533,400),
      new Array('Before 9','Before 6.jpg',534,400),
      new Array('After 9','img_1445.jpg',533,400),
      new Array('Before 10','Before 7.jpg',533,400),
      new Array('After 10','After 7.jpg',593,400),
      new Array('Before 11','back_yard_before.jpg',534,400),
      new Array('After 11','back_yard_after.jpg',581,400),

      new Array('Before 12','Before 8.jpg',533,400),
      new Array('After 12','After 8.jpg',597,400),
      new Array('Before 13','Before 9.jpg',533,400),
      new Array('After 13','After 9.jpg',625,400),
      new Array('Before 14','After 10.jpg',573,400), 
      new Array('After 14','Before 10.jpg',533,400),
      new Array('Before 15','Before 11.jpg',534,401),
      new Array('After 15','img_1505.jpg',602,400),
      new Array('Before 16','Before 12.jpg',534,401),
      new Array('After 16','After 12.jpg',628,400),
      new Array('Before 17','Before 13.jpg',534,401),
      new Array('After 17','After 13.jpg',664,400),
      new Array('Before 18','Before 14.jpg',534,400),
      new Array('After 18','After 14.jpg',617,400),
      new Array('Before 19','Before 15.jpg',533,401),
      new Array('After 19','After 15.jpg',626,400),
      new Array('Before 20','Before 16.jpg',534,400),
      new Array('After 20','After 16.jpg',621,400),

      new Array('Before 21','s182.jpg',534,400),
      new Array('After 21','s183.jpg',534,400),
      new Array('Before 22','t198.jpg',534,400),
      new Array('After 22','t199.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]);
}