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('Before 1','1.jpg',232,174),
      new Array('After 1','2.jpg',232,174),
      new Array('Before 2','3.jpg',232,174),
      new Array('After 2','4.jpg',232,174),
      new Array('Before 3','5.jpg',232,309),
      new Array('After 3','6.jpg',232,309),
      new Array('Before 4','7.jpg',232,157),
      new Array('After 4','8.jpg',232,157),
      new Array('Before 5','9.jpg',232,273),
      new Array('After 5','10.jpg',232,273),
      new Array('Before 6','11.jpg',232,146),
      new Array('After 6','12.jpg',232,146),
      new Array('Before 7','13.jpg',232,309),
      new Array('After 7','14.jpg',232,309),
      new Array('Before 8','15.jpg',232,174),
      new Array('After 8','16.jpg',232,174),
      new Array('Before 9','17.jpg',232,174),
      new Array('After 9','18.jpg',232,174),
      new Array('Before 10','19.jpg',232,174),
      new Array('After 10','20.jpg',232,174),
      new Array('Before 11','21.jpg',232,157),
      new Array('After 11','22.jpg',232,157),
      new Array('Before 12','Augusty Front Before.jpg',534,400),
      new Array('Before 12','Augusty Walk before.jpg',534,400), 
      new Array('After 12','Augusty  Walk-after.jpg',598,400),
      new Array('After 12','Augusty After 2-edit.jpg',512,400),
      new Array('After 12','Augusty After-crop edit.jpg',700,400),
      new Array('Before 13','Cooley Before crop.jpg',665,400),  
      new Array('After 13','Cooley After 2 crop.jpg',547,400),
      new Array('Before 14','Daniel Before 1.jpg',534,400),	  
      new Array('After 14','Daniel After.jpg',534,400),
      new Array('Before 15','Davidson before.jpg',534,400),
      new Array('Before 15','Davidson Hillside Before 1.jpg',534,400),
	  new Array('After 15','Davidson Hillside after.jpg',598,400),
      new Array('After 15','Davison final-edit.jpg',598,400),
      new Array('After 15','Davison final.jpg',598,400),
      new Array('Before 16','Hatch before.jpg',534,400),
      new Array('Before 16','Hatch Garage before.jpg',534,400),
      new Array('After 16','Cedar Fence White Stain.jpg',449,400),
      new Array('After 16','Hatch after.jpg',300,400),
      new Array('After 16','Hatch Arbor.jpg',300,400),
      new Array('After 16','Hatch Garage after.jpg',603,400),
      new Array('After 16','Hatch path crop.jpg',379,400),
      new Array('Before 17','Hudson stairs Before.jpg',300,400),
      new Array('Before 17','Hudson stairs Construction.jpg',534,400),	  
      new Array('After 17','Hudson stairs After-edit.jpg',534,400),
      new Array('Before 18','Hudson Drive before.jpg',598,400),  
      new Array('After 18','Hudson drive after.jpg',598,400),
      new Array('Before 19','Hudson Construction Clearing Phase 2006(2).jpg',567,400),
      new Array('Before 19','Hudson front side afte.jpg',534,400),
      new Array('Before 19','Hudson front side before.jpg',534,400),
      new Array('Before 19','Hudson Walk Before 2006.jpg',300,400), 
      new Array('After 19','Hudson Walk after 2.jpg',434,401),
      new Array('After 19','Hudson Walk after.jpg',268,400),
      new Array('After 19','Hudson finished.jpg',598,400),
      new Array('Before 20','Hudson pond before.jpg',534,400),	  
      new Array('After 20','Hudson pond after-edit.jpg',569,401),
      new Array('Before 21','Kimball before.jpg',534,400),
      new Array('After 21','Kimball after 2.jpg',300,400),
      new Array('After 21','Kimball Patio.jpg',534,400)	,
      new Array('Before 22','Kuhn before 2.jpg',534,400),
      new Array('Before 22','Kuhn before.jpg',534,400),
      new Array('After 22','Kuhn after 2.jpg',497,400),
      new Array('After 22','Kuhn after 3.jpg',598,400),
      new Array('After 22','Kuhn after.jpg',598,400),
      new Array('After 22','Kuhn Cast Fountain.jpg',268,400),
      new Array('Before 23','Leland Creek Before.jpg',300,400),
      new Array('Before 23','Leland Garden before.jpg',534,400),
      new Array('Before 23','Leland Path before.jpg',534,400),
      new Array('Before 23','Leland Pathway before.jpg',459,400),	  
      new Array('After 23','Leland Creek Edit.jpg',300,400),
      new Array('After 23','Leland garden after.jpg',268,400),
      new Array('After 23','Leland Path after.jpg',598,400),
      new Array('Before 24','Mandell Before 2.jpg',300,400),
      new Array('Before 24','Mandell Before.jpg',534,400),	  
      new Array('After 24','Mandell After 2.jpg',300,400),
      new Array('After 24','Mandell After-edit.jpg',540,400),
      new Array('Before 25','McWilliams back before.jpg',598,400),
      new Array('Before 25','McWilliams back construction 2.jpg',598,400),
      new Array('Before 25','McWilliams back construction.jpg',598,400),	  
      new Array('Before 25','McWilliams Arched Wall before.jpg',598,400),
      new Array('After 25','McWilliams back after 1.jpg',598,400),
      new Array('After 25','McWilliams back after 2.jpg',598,400),
      new Array('After 25','McWillaims Arched Wall after.jpg',598,400),
      new Array('Before 26','DSC_0098.jpg',598,400),
      new Array('Before 26','DSC_0127.jpg',598,400),
      new Array('Before 26','McWilliams Fire Pit after 2.jpg',497,400),
      new Array('Before 26','McWilliams Fire Pit before.jpg',598,400),
	  new Array('After 26','DSC_0082.jpg',598,400),
      new Array('After 26','DSC_0186.jpg',598,400),
      new Array('After 6','McWilliams Fire Pit after 3.jpg',598,400),
      new Array('After 26','McWilliams Fire Pit After.jpg',667,400),
      new Array('Before 27','McWilliams Front  before.jpg',598,400),
      new Array('Before 27','McWilliams Front construction.jpg',598,400),	  
      new Array('After 27','McWilliams Front after.jpg',598,400),
      new Array('Before 28','McWilliams Pool before.jpg',534,400),	  
      new Array('After 28','McWillaims Patio.jpg',598,400),
      new Array('After 28','McWilliams Pool after .jpg',598,400),
      new Array('Before 29','P Allen Construction I.jpg',533,400),
      new Array('Before 29','P Allen Construction II.jpg',534,400),
      new Array('Before 29','P Allen Smith Before.jpg',600,400),	  
      new Array('After 29','P Allen Mug Shot.jpg',533,400),
      new Array('After 29','P Allen Smith After II.jpg',534,400),
      new Array('Before 30','Petrey Back before.jpg',534,400),
      new Array('Before 30','Petrey Back Construction.jpg',386,400),
      new Array('After 30','Petry Back  after.jpg',300,400),
      new Array('Before 30','Rayburn Patio Before.jpg',534,400),
      new Array('Before 30','Rayburn Stairs Before.jpg',450,400),
      new Array('Before 30','Rayburn Woodland Path before 2.jpg',534,400),
      new Array('Before 30','Rayburn Woodland Path before.jpg',534,400),	  
      new Array('After 30','Rayburn Patio After .jpg',534,400),
      new Array('After 30','Rayburn Patio After 2-edit.jpg',534,400),
      new Array('After 30','Rayburn Patio After 2.jpg',534,400),
      new Array('After 30','Rayburn Patio After 3-edit.jpg',534,400),
      new Array('After 30','Rayburn Patio After 3.jpg',534,400),
      new Array('After 30','Rayburn Stairs after I.jpg',534,400),
      new Array('After 30','Rayburn Stairs after II.jpg',534,400),
      new Array('After 30','Rayburn Woodland Path After 2.jpg',534,400),
      new Array('After 30','Rayburn Woodland Path after.jpg',534,400),
	  new Array('Before 31','Shayne before.jpg',534,400),	  
      new Array('After 31','Shayne after-edit.jpg',598,400),
      new Array('Before 32','DSCN6007.jpg',534,400),
      new Array('Before 32','DSCN6016.jpg',534,400),
      new Array('Before 32','DSCN6055.jpg',534,400),
      new Array('Before 32','DSCN6058.jpg',534,400),
      new Array('After 32','DSCN6065.jpg',534,400),
      new Array('After 32','DSCN6066.jpg',534,400),
      new Array('Before 33','Strupp Front Columns.jpg',534,400),
      new Array('Before 33','strupp courtyard before.jpg',534,400),
      new Array('Before 33','Strupp front before.jpg',534,400),
      new Array('After 33','Strupp Courtyard After.jpg',268,400),
      new Array('After 33','Strupp Courtyard after4.jpg',268,400),
      new Array('After 33','Strupp Courtyard.jpg',411,400),
      new Array('After 33','Strupp FOuntain.jpg',314,400),
      new Array('After 33','Strupp front after summer.jpg',598,400),
      new Array('After 33','Strupp Front Columns 2.jpg',534,400),
      new Array('After 33','Strupp Garage.jpg',598,400),
      new Array('After 33','Strupp retaining wall.jpg',672,400),
      new Array('Before 34','Taylor Fence Line Before.jpg',534,400),	  
      new Array('After 34','Taylor Fence Finished.jpg',534,400),
      new Array('After 34','Taylor Fence Line After (Winter).jpg',598,400),
      new Array('Before 35','Entry Before.jpg',534,400),
      new Array('Before 35','Entry Construction.jpg',534,400),
      new Array('Before 35','Taylor front before.jpg',255,190),
      new Array('Before 35','Taylor front Construction I.jpg',534,400),	  
      new Array('After 35','Entry After.jpg',300,400),
      new Array('After 35','Taylor front After-edit.jpg',598,400),
      new Array('After 35','Taylor front Construction 2.jpg',534,400),
      new Array('After 35','Taylor front Construction 3.jpg',534,400),
      new Array('Before 36','Taylor Gates Before.jpg',534,400),	  
      new Array('After 36','Taylor Gates After Summer-edit.jpg',534,400),
      new Array('After 36','Taylor Gates After Winter-edit.jpg',598,400),
	  new Array('Before 37','Taylor Middle Before.jpg',534,400),
      new Array('After 37','Taylor Middle After-edit.jpg',598,400),
      new Array('Before 38','Taylor Fire Pit Before.jpg',598,400),
      new Array('Before 38','Taylor Patio BBQ Before.jpg',534,400),
      new Array('After 38','Taylor Fire Pit After.jpg',598,400),
      new Array('After 38','Taylor Patio BBQ After.jpg',598,400),
      new Array('After 38','Taylor Patio, BBQ & Fire Pit After-edit.jpg',598,400),
      new Array('Before 39','Pond winter.jpg',598,400),
      new Array('Before 39','Taylor Pond Before .jpg',534,400),
      new Array('Before 39','Taylor Pond Before 2.jpg',534,400),
      new Array('Before 39','Taylor Pond Before 3.jpg',534,400),
      new Array('Before 39','Taylor Pond Construction.jpg',534,400),
      new Array('After 39','DSC_0238.jpg',268,400),
      new Array('After 39','Taylor Duck Pond.jpg',681,401),
      new Array('After 39','Taylor Pond 3.jpg',534,401),
      new Array('After 39','Taylor Pond After 3.jpg',598,400),
      new Array('After 39','Taylor Pond After 4.jpg',268,400),
      new Array('After 39','Taylor Pond After 5.jpg',268,400),
      new Array('After 39','Taylor Pond After 6.jpg',449,400),
      new Array('Before 40','Taylor Roadside Before.jpg',534,400),	  
      new Array('After 40','Taylor Roadside After Winter.jpg',598,400),
      new Array('After 40','Taylor Roadside After-edit.jpg',534,400),
      new Array('Before 41','Walker Before.jpg',598,400),
      new Array('Before 41','Walker Wall before II.jpg',598,400),	  
      new Array('After 41','Walker Celtic Wall.jpg',598,400),
      new Array('After 41','Walker Stairs II.jpg',598,400),
      new Array('After 41','Walker Wall and Stairs II.jpg',268,400),
      new Array('After 41','Walker Wall and Stairs-edit.jpg',598,400),
      new Array('Before 42','williamson am before.jpg',533,400),	  
      new Array('After 42','Tom Taylorwamf.jpg',533,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]);
}