smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.htm';
scriptName = 'portfolio.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('Fire Pits','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','fpt1.jpg',534,400),
      new Array('Photo 2','fpt2.jpg',534,400),
      new Array('Photo 3','fpt3.jpg',534,400),
      new Array('Photo 4','fpt4.jpg',534,400),
      new Array('Photo 5','fpt5.jpg',534,400)
    )
  ),

  new Array('Fire Places','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','fpl1.jpg',534,400),
      new Array('Photo 2','fpl2.jpg',534,400)
    )
  ),

  new Array('Landscapes','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','wf3.jpg',534,400),
      new Array('Photo 2','wf5.jpg',534,400),
      new Array('Photo 3','wf8.jpg',534,400)
    )
  ),

  new Array('Pavers','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','wf1.jpg',534,400),
      new Array('Photo 2','wf2.jpg',534,400),
      new Array('Photo 3','wf4.jpg',519,351),
      new Array('Photo 4','wf7.jpg',534,400),
	  new Array('Photo 2','pic_1.jpg',101,96),
      new Array('Photo 3','pic_2.jpg',102,96),
      new Array('Photo 4','pic_3.jpg',101,96)
	  
	)
  ),
  
  new Array('Before & After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
	  new Array('Before 1','b1.jpg',534,400),	  
      new Array('After 1','a1.jpg',534,400),
	  new Array('Before 2','b2.jpg',534,400),
	  new Array('After 2','a2.jpg',534,400),
      new Array('Before 3','b3.jpg',534,400),
	  new Array('After 3','a3.jpg',534,400),
      new Array('Before 4','b4.jpg',534,400),
	  new Array('After 4','a4.jpg',534,400),
      new Array('Before 5','b5.jpg',534,400),
	  new Array('After 5','a5.jpg',534,400),
      new Array('Before 6','b6.jpg',534,400),
	  new Array('PAfter 6','a6.jpg',534,400),
      new Array('Before 7','b7.jpg',534,400),
	  new Array('After 7','a7.jpg',534,400),
      new Array('Before 8','b8.jpg',534,400),
	  new Array('After 8','a8.jpg',534,400),
      new Array('Before 9','b9.jpg',534,400),
	  new Array('After 9','a9.jpg',534,400),
	  new Array('Before 10','b10.jpg',530,400),
	  new Array('After 10','a10.jpg',526,400),
	  new Array('Before 11','b11.jpg',526,400),
	  new Array('After 11','a11.jpg',524,400),
	  new Array('Before 12','b12.jpg',534,400),
      new Array('After 12','a12.jpg',534,400),
	  new Array('Before 13','b13.jpg',534,400),
      new Array('After 13','a13.jpg',534,400),
	  new Array('Before 14','b14.jpg',534,400),
      new Array('After 14','a14.jpg',534,400)
      
    )
  ),

  new Array('Driveways','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','1.jpg',534,400),
      new Array('Photo 2','2.jpg',534,400),
	  new Array('Photo 3','03.jpg',560,400),
      new Array('Photo 4','4.jpg',534,400)
	  
    )
  ),

  new Array('Home Shows','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(      
      new Array('Photo 1','2.jpg',584,400),
      new Array('Photo 2','3.jpg',534,400),
      new Array('Photo 3','4.jpg',534,400),
      new Array('Photo 4','5.jpg',534,400),
      new Array('Photo 5','6.jpg',534,400),
      new Array('Photo 6','7.jpg',534,400),
      new Array('Photo 7','8.jpg',534,400),
      new Array('Photo 8','9.jpg',534,400),
	  new Array('Photo 9','10.jpg',534,400),
      new Array('Photo 10','11.jpg',534,400),
      new Array('Photo 11','12.jpg',534,400),
      new Array('Photo 12','13.jpg',534,400)
	  
    )
  ),
	  
	new Array('Irrigation','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','websitepics 014.jpg',534,400),
      new Array('Photo 2','websitepics 024.jpg',534,400)
    )
  ),

  new Array('Paver Patios','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','1.jpg',534,400),
      new Array('Photo 2','2_1.jpg',534,400),
      new Array('Photo 3','3.jpg',534,400),
      new Array('Photo 4','4_1.jpg',534,400),
      new Array('Photo 5','5_1.jpg',534,400),
      new Array('Photo 6','6.jpg',534,400),
      new Array('Photo 7','7.jpg',534,400),
      new Array('Photo 8','8_1.jpg',534,400),
      new Array('Photo 9','9.jpg',601,400),
	  new Array('Photo 10','10.jpg',534,400),
      new Array('Photo 11','11.jpg',534,400),
      new Array('Photo 12','12_1.jpg',534,400)
      //new Array('Photo 13','websitepics 001.jpg',300,400)
    )
  ),

  new Array('Pergolas','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','pg1.jpg',534,400),
      new Array('Photo 2','pg2.jpg',605,400)
    )
  ),

  new Array('Retainning Walls','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','1_1.jpg',534,400),
	  new Array('Photo 2','2.jpg',534,400),
	  new Array('Photo 3','3_1.jpg',534,400),
	 // new Array('Photo 4','4.jpg',534,400),
      new Array('Photo 4','5.jpg',534,400),
      new Array('Photo 5','6_1.jpg',534,400),
      new Array('Photo 6','7_1.jpg',534,400),
      new Array('Photo 7','8.jpg',534,400),
      new Array('Photo 8','9_1.jpg',534,400),
      new Array('Photo 9','10_1.jpg',534,400),
      new Array('Photo 10','11_1.jpg',534,400),
      new Array('Photo 11','12.jpg',534,400),
      new Array('Photo 12','13.jpg',534,400),
      new Array('Photo 13','14.jpg',534,400),
      new Array('Photo 14','15.jpg',534,400),
      new Array('Photo 15','16.jpg',534,400),
      new Array('Photo 16','17.jpg',534,400),
      new Array('Photo 17','18.jpg',534,400),
      new Array('Photo 18','19.jpg',534,400),
      new Array('Photo 19','20.jpg',534,400),
      new Array('Photo 20','21.jpg',534,400),
      new Array('Photo 21','22.jpg',534,400)
      
      
    )
  ),

  new Array('Sidewalks','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','all pics 9-7-06 028.jpg',534,400),
      new Array('Photo 2','all pics 9-7-06 192.jpg',534,400),
      new Array('Photo 3','haven landscaping 031.jpg',534,400),
      new Array('Photo 4','haven landscaping 040.jpg',534,400),
      new Array('Photo 5','websitepics 028.jpg',534,400),
      new Array('Photo 6','websitepics 029.jpg',534,400),
      new Array('Photo 7','websitepics 030.jpg',534,400),
      new Array('Photo 8','websitepics 031.jpg',534,400),
      new Array('Photo 9','websitepics 032.jpg',534,400)
    )
  ),

  new Array('Water Features','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','wf1.jpg',534,400),
      new Array('Photo 2','wf2.jpg',534,400),
      new Array('Photo 3','wf3.jpg',534,400),
      new Array('Photo 4','wf4.jpg',606,400),
      new Array('Photo 5','wf5.jpg',534,400),
      new Array('Photo 6','wf7.jpg',534,400),
      new Array('Photo 7','wf8.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]);
}