smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'before-after.html';
scriptName = 'before-after.js';
countX = 5;
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 and After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('After 1','After 1.jpg',512,400),
      new Array('Before 1','Before 1.jpg',534,400),
      new Array('After 2','After 2.jpg',472,400),
      new Array('Before 2','Before 2.jpg',533,400),
      new Array('After 3','After 3.jpg',598,400),
      new Array('Before 3','Before 3.jpg',598,400),
      new Array('After 4','After 4.jpg',598,400),
      new Array('Before 4','Before 4.jpg',598,400),
      new Array('After 5','After 5.jpg',598,400),
      new Array('Before 5','Before 5.jpg',535,400),
      new Array('After 6','After 6.jpg',598,400),
      new Array('Before 6','Before 6.jpg',598,400),
      new Array('After 7','After 7.jpg',531,400),
      new Array('Before 7','Before 7.jpg',534,400),
      new Array('After 8','After 8.jpg',557,400),
      new Array('Before 8','Before 8.jpg',475,401),
      new Array('After 9','After 9.jpg',603,400),
      new Array('Before 9','Before 9.jpg',540,400),
      new Array('After 10','After 10.jpg',379,400),
      new Array('Before 10','Before 10.jpg',598,400),
      new Array('After 11','After 11.jpg',534,400),
      new Array('Before 11','Before 11.jpg',598,400),
      new Array('After 12','After 12.jpg',268,400),
      new Array('Before 12','Before 12.jpg',569,401),
      new Array('After 13','After 13.jpg',598,400),
      new Array('Before 13','Before 13.jpg',538,401),
      new Array('After 14','After 14.jpg',534,400),
      new Array('Before 14','Before 14.jpg',534,400),
      new Array('After 15','After 15.jpg',534,400),
      new Array('Before 15','Before 15.jpg',534,400),
      new Array('After 16','After 16.jpg',255,190),
      new Array('Before 16','Before 16.jpg',558,400),
      new Array('After 17','After17.jpg',598,400),
      new Array('Before 17','Before 17.jpg',534,401),
      new Array('After 18','Walkways & Stairs 1 (3).jpg',268,400),
      new Array('Before 18','Before 18.jpg',301,400),
      new Array('After 19','After 19.jpg',466,400),
      new Array('Before 19','Before 19.jpg',534,400),
      new Array('After 20','After 20.jpg',534,400),
      new Array('Before 20','Before 20.jpg',534,400),
      new Array('After 21','After 21.jpg',534,400),
      new Array('Before 21','Before 21.jpg',534,400),
      new Array('After 22','After 22.jpg',475,401),
      new Array('Before 22','Before 22.jpg',300,400),
      new Array('After 23','After 23.jpg',534,400),
      new Array('Before 23','Before 23.jpg',502,400),
      new Array('After 24','After 24.jpg',534,400),
      new Array('Before 24','Before 24.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]);
}