smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portphotos.htm';
scriptName = 'portfolio.js';
countX = 2;
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('Retaining Walls','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','RetainingWalls_001.jpg',534,400,''), 
		new Array('','RetainingWalls_002.jpg',534,400,''), 
		new Array('','RetainingWalls_003.jpg',534,400,''), 
		new Array('','RetainingWalls_004.jpg',534,400,''), 
		new Array('','RetainingWalls_005.jpg',534,400,''), 
		new Array('','RetainingWalls_006.jpg',534,400,''), 
		new Array('','RetainingWalls_007.jpg',534,400,''), 
		new Array('','RetainingWalls_008.jpg',534,400,''), 
		new Array('','RetainingWalls_009.jpg',534,400,''), 
		new Array('','RetainingWalls_010.jpg',534,400,''), 
		new Array('','RetainingWalls_011.jpg',534,400,''), 
		new Array('','RetainingWalls_012.jpg',534,400,''), 
		new Array('','RetainingWalls_013.jpg',534,400,''), 
		new Array('','RetainingWalls_014.jpg',534,400,''), 
		new Array('','RetainingWalls_015.jpg',534,400,''), 
		new Array('','RetainingWalls_016.jpg',534,400,''), 
		new Array('','RetainingWalls_017.jpg',534,400,''), 
		new Array('','RetainingWalls_018.jpg',534,400,''), 
		new Array('','RetainingWalls_019.jpg',534,400,''), 
		new Array('','RetainingWalls_020.jpg',534,400,''), 
		new Array('','RetainingWalls_021.jpg',534,400,''), 
		new Array('','RetainingWalls_022.jpg',534,400,''), 
		new Array('','RetainingWalls_023.jpg',534,400,''), 
		new Array('','RetainingWalls_024.jpg',534,400,''), 
		new Array('','RetainingWalls_025.jpg',534,400,''), 
		new Array('','RetainingWalls_026.jpg',534,400,''), 
		new Array('','RetainingWalls_027.jpg',534,400,''), 
		new Array('','RetainingWalls_028.jpg',534,400,''), 
		new Array('','RetainingWalls_029.jpg',534,400,''), 
		new Array('','RetainingWalls_030.jpg',534,400,''), 
		new Array('','RetainingWalls_031.jpg',534,400,''), 
		new Array('','RetainingWalls_032.jpg',534,400,''), 
		new Array('','RetainingWalls_033.jpg',534,400,''), 
		new Array('','RetainingWalls_034.jpg',534,400,''), 
		new Array('','RetainingWalls_035.jpg',534,400,''), 
		new Array('','RetainingWalls_036.jpg',534,400,''), 
		new Array('','RetainingWalls_037.jpg',599,400,''),	
		new Array('','wall_garden_wall1.jpg',610,400,''), 
		new Array('','wall_garden_wall_steps.jpg',659,400,''), 
		new Array('','wall_old_world_stonegate.jpg',584,400,''), 
		new Array('','wall_ow_steps.jpg',531,400,''), 
		new Array('','wall_ow_stonegate.jpg',534,400,''), 
		new Array('','wall_retaining_wall.jpg',417,400,''), 
		new Array('','wall_short-step.jpg',534,400,'')	
    ),11,'0','NCMA Certified installer on staff. Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Ponds, Waterfalls & Streams','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','Ponds_001.jpg',534,400,''), 
		new Array('','Ponds_002.jpg',534,400,''), 
		new Array('','Ponds_003.jpg',534,400,''), 
		new Array('','Ponds_004.jpg',534,400,''), 
		new Array('','Ponds_005.jpg',534,400,''), 
		new Array('','Ponds_006.jpg',534,400,''), 
		new Array('','Ponds_007.jpg',534,400,''), 
		new Array('','Ponds_008.jpg',534,400,''), 
		new Array('','Ponds_009.jpg',534,400,''), 
		new Array('','Ponds_010.jpg',534,400,''), 
		new Array('','Ponds_011.jpg',534,400,''), 
		new Array('','Ponds_012.jpg',534,400,''), 
		new Array('','Ponds_013.jpg',534,400,''),	
		new Array('','pond_circle_patio_pond.jpg',534,400,''), 
		new Array('','pond_pond1.jpg',606,400,''), 
		new Array('','pond_pond_w_patio.jpg',534,400,''), 
		new Array('','pond_waterfallwchild_big.jpg',518,400,''), 
		new Array('','pond_waterfall_front-big.jpg',562,400,''), 
		new Array('','pond_waterfall_side-big.jpg',581,400,'')
    ),0,'1','Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Brick Paver Patios & Walks','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','BrickPaver_001.jpg',400,300,''), 
		new Array('','BrickPaver_002.jpg',400,300,''), 
		new Array('','BrickPaver_003.jpg',534,400,''), 
		new Array('','BrickPaver_004.jpg',400,300,''), 
		new Array('','BrickPaver_005.jpg',534,400,''), 
		new Array('','BrickPaver_006.jpg',534,400,''), 
		new Array('','BrickPaver_007.jpg',534,400,''), 
		new Array('','BrickPaver_008.jpg',534,400,''), 
		new Array('','BrickPaver_009.jpg',534,400,''), 
		new Array('','BrickPaver_010.jpg',534,400,''), 
		new Array('','BrickPaver_011.jpg',534,400,''), 
		new Array('','BrickPaver_012.jpg',534,400,''), 
		new Array('','BrickPaver_013.jpg',534,400,''), 
		new Array('','BrickPaver_014.jpg',534,400,''), 
		new Array('','BrickPaver_015.jpg',534,400,''), 
		new Array('','BrickPaver_016.jpg',534,400,''), 
		new Array('','BrickPaver_017.jpg',534,400,''), 
		new Array('','BrickPaver_018.jpg',534,400,''), 
		new Array('','BrickPaver_019.jpg',299,400,''), 
		new Array('','BrickPaver_020.jpg',534,400,''), 
		new Array('','BrickPaver_021.jpg',534,400,''), 
		new Array('','BrickPaver_022.jpg',534,400,''), 
		new Array('','BrickPaver_023.jpg',534,400,''), 
		new Array('','BrickPaver_024.jpg',534,400,''), 
		new Array('','BrickPaver_025.jpg',534,400,''), 
		new Array('','BrickPaver_026.jpg',534,400,''), 
		new Array('','BrickPaver_027.jpg',534,400,''), 
		new Array('','BrickPaver_028.jpg',534,400,''), 
		new Array('','BrickPaver_029.jpg',534,400,''), 
		new Array('','BrickPaver_030.jpg',534,400,''), 
		new Array('','BrickPaver_031.jpg',534,400,''), 
		new Array('','BrickPaver_032.jpg',534,400,''), 
		new Array('','BrickPaver_033.jpg',534,400,''), 
		new Array('','BrickPaver_034.jpg',534,400,''), 
		new Array('','BrickPaver_035.jpg',534,400,''), 
		new Array('','BrickPaver_036.jpg',534,400,''), 
		new Array('','BrickPaver_037.jpg',534,400,''), 
		new Array('','BrickPaver_038.jpg',534,400,''), 
		new Array('','BrickPaver_039.jpg',534,400,''), 
		new Array('','BrickPaver_040.jpg',534,400,''), 
		new Array('','BrickPaver_041.jpg',534,400,''), 
		new Array('','BrickPaver_042.jpg',534,400,''), 
		new Array('','BrickPaver_043.jpg',534,400,''), 
		new Array('','BrickPaver_044.jpg',534,400,''), 
		new Array('','BrickPaver_045.jpg',534,400,''), 
		new Array('','BrickPaver_046.jpg',382,253,''),	
		new Array('','pavers_circle_patio.jpg',534,400,''), 
		new Array('','pavers_front-landscape.jpg',599,400,''), 
		new Array('','pavers_paver_circle.jpg',534,400,''), 
		new Array('','pavers_paver_circle1.jpg',534,400,''), 
		new Array('','pavers_paver_steps.jpg',534,400,''), 
		new Array('','pavers_paver_walk.jpg',536,400,''), 
		new Array('','pavers_paver_walk1.jpg',534,400,''), 
		new Array('','pavers_paver_walk2.jpg',534,400,''), 
		new Array('','pavers_pond_w_patio.jpg',534,400,'')
    ),3,'2','ICPI Certified installer on staff. Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Landscapes','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','Landscapes_001.jpg',534,400,''), 
		new Array('','Landscapes_002.jpg',534,400,''), 
		new Array('','Landscapes_003.jpg',534,400,''), 
		new Array('','Landscapes_004.jpg',534,400,''), 
		new Array('','Landscapes_005.jpg',534,400,''), 
		new Array('','Landscapes_006.jpg',534,400,''), 
		new Array('','Landscapes_007.jpg',534,400,''), 
		new Array('','Landscapes_008.jpg',534,400,''), 
		new Array('','Landscapes_009.jpg',534,400,''), 
		new Array('','Landscapes_010.jpg',534,400,''), 
		new Array('','Landscapes_011.jpg',534,400,''), 
		new Array('','Landscapes_012.jpg',534,400,''), 
		new Array('','Landscapes_013.jpg',534,400,''), 
		new Array('','Landscapes_014.jpg',534,400,''), 
		new Array('','Landscapes_015.jpg',534,400,''), 
		new Array('','Landscapes_016.jpg',534,400,''), 
		new Array('','Landscapes_017.jpg',534,400,''), 
		new Array('','Landscapes_018.jpg',534,400,''), 
		new Array('','Landscapes_019.jpg',534,400,''), 
		new Array('','Landscapes_020.jpg',534,400,''), 
		new Array('','Landscapes_021.jpg',534,400,''), 
		new Array('','Landscapes_022.jpg',534,400,''), 
		new Array('','Landscapes_023.jpg',534,400,''),
		new Array('','land_front-landscape.jpg',599,400,''), 
		new Array('','land_landscaping.jpg',595,400,''), 
		new Array('','land_paver_walk1.jpg',534,400,'')
    ),5,'3','Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Irrigation Systems','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','Irrigation_001.jpg',360,238,''), 
		new Array('','Irrigation_002.jpg',354,281,''), 
		new Array('','Irrigation_003.jpg',258,400,'')
    ),0,'4','Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Natural Stone Walls & Pathways','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','NaturalStone_001.jpg',534,400,''), 
		new Array('','NaturalStone_002.jpg',534,400,''), 
		new Array('','NaturalStone_003.jpg',600,400,''), 
		new Array('','NaturalStone_004.jpg',534,400,''), 
		new Array('','NaturalStone_005.jpg',534,400,''), 
		new Array('','NaturalStone_006.jpg',534,400,''), 
		new Array('','NaturalStone_007.jpg',534,400,''), 
		new Array('','NaturalStone_008.jpg',534,400,''), 
		new Array('','NaturalStone_009.jpg',534,400,''), 
		new Array('','NaturalStone_010.jpg',534,400,''), 
		new Array('','NaturalStone_011.jpg',534,400,''), 
		new Array('','NaturalStone_012.jpg',534,400,''), 
		new Array('','NaturalStone_013.jpg',534,400,'')
    ),0,'5','Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Vinyl, Aluminum & Wood Fencing','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','VinylAluminum_001.jpg',534,400,''), 
		new Array('','VinylAluminum_002.jpg',534,400,''), 
		new Array('','VinylAluminum_003.jpg',534,400,''), 
		new Array('','VinylAluminum_004.jpg',534,400,''), 
		new Array('','VinylAluminum_005.jpg',534,400,''), 
		new Array('','VinylAluminum_006.jpg',534,400,''), 
		new Array('','VinylAluminum_007.jpg',534,400,''), 
		new Array('','VinylAluminum_008.jpg',534,400,''), 
		new Array('','VinylAluminum_009.jpg',534,400,''), 
		new Array('','VinylAluminum_010.jpg',534,400,''), 
		new Array('','VinylAluminum_011.jpg',534,400,''), 
		new Array('','VinylAluminum_012.jpg',534,400,''), 
		new Array('','VinylAluminum_013.jpg',534,400,''), 
		new Array('','VinylAluminum_014.jpg',534,400,''), 
		new Array('','VinylAluminum_015.jpg',534,400,''), 
		new Array('','VinylAluminum_016.jpg',534,400,'')
    ),1,'6','Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Vinyl Railings & Decks','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','VinylRailings_001.jpg',534,400,''), 
		new Array('','VinylRailings_002.jpg',534,400,''), 
		new Array('','VinylRailings_003.jpg',534,400,''), 
		new Array('','VinylRailings_004.jpg',534,400,''), 
		new Array('','VinylRailings_005.jpg',534,400,''), 
		new Array('','VinylRailings_006.jpg',534,400,''), 
		new Array('','VinylRailings_007.jpg',534,400,''), 
		new Array('','VinylRailings_008.jpg',534,400,'') 
    ),2,'7','Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  )
)

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;width:175px;">');
  document.write('<option value="portfolio.htm">Categories Menu</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]);
}