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

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Landscaping','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','land_1.jpg',533,400,'','',''), 
		new Array('','land_2.jpg',533,400,'','',''), 
		new Array('','land_3.jpg',533,400,'','',''), 
		new Array('','land_4.jpg',533,400,'','',''), 
		new Array('','land_5.jpg',533,400,'','',''), 
		new Array('','land_6.jpg',533,400,'','',''), 
		new Array('','land_7.jpg',533,400,'','',''), 
		new Array('','land_8.jpg',533,400,'','',''), 
		new Array('','land_9.jpg',533,400,'','',''), 
		new Array('','land_10.jpg',533,400,'','',''), 
		new Array('','land_11.jpg',533,400,'','',''), 
		new Array('','land_12.jpg',533,400,'','',''), 
		new Array('','land_13.jpg',533,400,'','',''), 
		new Array('','land_14.jpg',533,400,'','',''), 
		new Array('','land_15.jpg',533,400,'','',''), 
		new Array('','land_16.jpg',533,400,'','',''), 
		new Array('','land_17.jpg',533,400,'','',''), 
		new Array('','land_18.jpg',533,400,'','',''), 
		new Array('','land_19.jpg',533,400,'','',''), 
		new Array('','land_20.jpg',533,400,'','',''), 
		new Array('','land_21.jpg',533,400,'','',''), 
		new Array('','land_22.jpg',533,400,'','',''), 
		new Array('','land_23.jpg',533,400,'','',''), 
		new Array('','land_24.jpg',533,400,'','',''), 
		new Array('','landscaping_001.jpg',533,400,'','',''), 
		new Array('','landscaping_002.jpg',533,400,'','',''), 
		new Array('','landscaping_003.jpg',533,400,'','',''), 
		new Array('','landscaping_004.jpg',533,400,'','',''), 
		new Array('','landscaping_005.jpg',533,400,'','',''), 
		new Array('','landscaping_006.jpg',533,400,'','',''), 
		new Array('','landscaping_007.jpg',533,400,'','',''), 
		new Array('','landscaping_008.jpg',533,400,'','',''), 
		new Array('','landscaping_009.jpg',533,400,'','',''), 
		new Array('','landscaping_010.jpg',533,400,'','',''), 
		new Array('','landscaping_011.jpg',533,400,'','',''), 
		new Array('','landscaping_012.jpg',533,400,'','','')
    ),0
  ),
  new Array('Maintenance','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','main_1.jpg',533,400,'','',''), 
		new Array('','main_2.jpg',533,400,'','',''), 
		new Array('','main_3.jpg',533,400,'','',''), 
		new Array('','main_4.jpg',533,400,'','',''), 
		new Array('','main_5.jpg',533,400,'','',''), 
		new Array('','main_6.jpg',533,400,'','',''), 
		new Array('','main_7.jpg',533,400,'','',''), 
		new Array('','main_8.jpg',533,400,'','',''), 
		new Array('','main_9.jpg',533,400,'','',''), 
		new Array('','main_10.jpg',533,400,'','',''), 
		new Array('','main_11.jpg',533,400,'','',''), 
		new Array('','maintenance_001.jpg',600,400,'','',''), 
		new Array('','maintenance_002.jpg',600,400,'','',''), 
		new Array('','maintenance_003.jpg',600,400,'','',''), 
		new Array('','maintenance_004.jpg',533,400,'','',''), 
		new Array('','maintenance_005.jpg',533,400,'','',''), 
		new Array('','maintenance_006.jpg',533,400,'','',''), 
		new Array('','maintenance_007.jpg',533,400,'','',''), 
		new Array('','maintenance_008.jpg',533,400,'','','') 
    ),0
  ),
  new Array('Pavers','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','pavers_1.jpg',533,400,'','',''), 
		new Array('','pavers_2.jpg',533,400,'','',''), 
		new Array('','pavers_3.jpg',533,400,'','',''), 
		new Array('','pavers_4.jpg',533,400,'','',''), 
		new Array('','pavers_5.jpg',533,400,'','',''), 
		new Array('','pavers_6.jpg',533,400,'','',''), 
		new Array('','pavers_7.jpg',533,400,'','',''), 
		new Array('','pavers_8.jpg',533,400,'','',''), 
		new Array('','pavers_9.jpg',533,400,'','',''),
		new Array('','pavers_10.jpg',533,400,'','',''), 
		new Array('','pavers_11.jpg',533,400,'','',''), 
		new Array('','pavers_12.jpg',533,400,'','',''), 
		new Array('','pavers_13.jpg',533,400,'','',''), 
		new Array('','pavers_14.jpg',533,400,'','','') 
    ),0
  ),
  new Array('Rock & Block Walls','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','wlls_1.jpg',533,400,'','',''), 
		new Array('','wlls_2.jpg',533,400,'','',''), 
		new Array('','wlls_3.jpg',533,400,'','',''), 
		new Array('','wlls_4.jpg',533,400,'','',''), 
		new Array('','wlls_5.jpg',533,400,'','',''), 
		new Array('','wlls_6.jpg',533,400,'','',''), 
		new Array('','wlls_7.jpg',533,400,'','',''), 
		new Array('','wlls_8.jpg',533,400,'','',''), 
		new Array('','wlls_9.jpg',533,400,'','',''),
		new Array('','wlls_10.jpg',533,400,'','',''), 
		new Array('','wlls_11.jpg',533,400,'','',''), 
		new Array('','walls_001.jpg',533,400,'','',''), 
		new Array('','walls_002.jpg',600,400,'','',''), 
		new Array('','walls_003.jpg',533,400,'','',''), 
		new Array('','walls_004.jpg',533,400,'','',''), 
		new Array('','walls_005.jpg',533,400,'','',''), 
		new Array('','walls_006.jpg',533,400,'','',''), 
		new Array('','walls_007.jpg',533,400,'','',''), 
		new Array('','walls_008.jpg',533,400,'','',''), 
		new Array('','walls_009.jpg',533,400,'','',''), 
		new Array('','walls_010.jpg',533,400,'','','') 
    ),0
  ),
  new Array('Water Features','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','wtr_1.jpg',300,400,'','',''), 
		new Array('','wtr_2.jpg',300,400,'','',''), 
		new Array('','wtr_3.jpg',533,400,'','',''), 
		new Array('','wtr_4.jpg',533,400,'','',''), 
		new Array('','wtr_5.jpg',533,400,'','',''), 
		new Array('','wtr_6.jpg',533,400,'','',''), 
		new Array('','wtr_7.jpg',533,400,'','',''), 
		new Array('','wtr_8.jpg',533,400,'','',''), 
		new Array('','wtr_9.jpg',533,400,'','',''),	
		new Array('','wtr_10.jpg',533,400,'','',''), 
		new Array('','wtr_11.jpg',533,400,'','',''), 
		new Array('','wtr_12.jpg',533,400,'','',''), 
		new Array('','wtr_13.jpg',533,400,'','',''), 
		new Array('','wtr_14.jpg',533,400,'','',''), 
		new Array('','wtr_15.jpg',533,400,'','',''), 
		new Array('','wtr_16.jpg',533,400,'','',''), 
		new Array('','wtr_17.jpg',533,400,'','',''), 
		new Array('','wtr_18.jpg',300,400,'','',''), 
		new Array('','wtr_19.jpg',533,400,'','',''), 
		new Array('','wtr_20.jpg',533,400,'','',''), 
		new Array('','water_001.jpg',533,400,'','',''), 
		new Array('','water_002.jpg',533,400,'','',''), 
		new Array('','water_003.jpg',533,400,'','',''), 
		new Array('','water_004.jpg',533,400,'','','') 
    ),0
  )
)

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 preloadphotos() {
  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 menu_portfolio() {
  var jp;
  document.write('<table border="0" cellspacing="0" cellpadding="0">');
  document.write('<tr><td>Choose a category:&nbsp;<select name="cat" class="select1" onChange="if (this.value.length!=0) window.location=this.value" style="font-size:9px;">');
  document.write('<option value="">Please select...</option>');
  for (jp=0;jp<arImages.length;jp++) {
    document.write('<option value="'+pageName+'?section='+jp+'"'+((jp==section)?' selected':'')+'>'+arImages[jp][0]+'</option>');
  }  
  document.write('</select></td></tr>')
  document.write('</table>');
}  
  
function showImageMedium(number) {
  showImage('imagemedium',arImages[section][2]+arImages[section][4][number][1]);
  if (arImages[section][4][number][0]!='')
   showMessage('imagemediumname',arImages[section][4][number][0]);   
  else
   showMessage('imagemediumname','Photo '+Number(Number(number)+1));
}

function showImageBig(number) {
  showImagePopup(scriptName,section,number,arImages[section][4][number][2],
   arImages[section][4][number][3]);
}