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

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Paver Installation','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before','pi_Before.jpg',533,400,''), 
		new Array('During','pi_During.jpg',533,400,''),
		new Array('After','pi_After.jpg',533,400,'') 
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Paver Sealing','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before 1','s_Before.jpg',533,400,''), 
		new Array('After 1','s_After.jpg',533,400,''), 
		new Array('Before 2','s_Before2.jpg',533,400,''), 
		new Array('After 2','s_After2.jpg',533,400,''), 
		new Array('Before 3','s_Before3.jpg',533,400,''), 
		new Array('After 3','s_After3.jpg',533,400,''), 
		new Array('Before 4','s_Before4.jpg',533,400,''), 
		new Array('After 4','s_After4.jpg',533,400,''), 
		new Array('Before 5','s_Before5.jpg',533,400,''), 
		new Array('After 5','s_After5.jpg',533,400,''), 
		new Array('Before 6','s_Before6.jpg',533,400,''), 
		new Array('After 6','s_After6.jpg',533,400,''), 
		new Array('Seal Job 1','s_SealJob.jpg',533,400,''), 
		new Array('Seal Job 2','s_SealJob2.jpg',533,400,''), 
		new Array('Seal Job 3','s_SealJob3.jpg',533,400,''), 
		new Array('Seal Job 4','s_SealJob4.jpg',533,400,''), 
		new Array('Water Beading','s_WaterBeading.jpg',533,400,''),
		new Array('','PaverSealing_001.jpg',533,400,''), 
		new Array('','PaverSealing_002.jpg',533,400,''), 
		new Array('','PaverSealing_003.jpg',533,400,''), 
		new Array('','PaverSealing_004.jpg',533,400,''), 
		new Array('','PaverSealing_005.jpg',533,400,''), 
		new Array('','PaverSealing_006.jpg',533,400,''), 
		new Array('','PaverSealing_007.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Pressure Washing Anti Growth','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before Pressure Washing','pwag_BeforePressureWashing.jpg',533,400,''),
		new Array('Anti Growth','pwag_Anti-Growth.jpg',533,400,''), 
		new Array('Before & After','pwag_Before&After.jpg',533,400,''), 
		new Array('After','pwag_After.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Stamped Concrete','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('European Fan 1','sc_EuropeanFan.jpg',533,400,''), 
		new Array('European Fan 2','sc_EuropeanFan2.jpg',533,400,''), 
		new Array('European Fan 3','sc_EuropeanFan3.jpg',533,400,''), 
		new Array('European Fan 4','sc_EuropeanFan4.jpg',564,400,''), 
		new Array('London Cobblestone 1','sc_LondonCobblestone.jpg',533,400,''), 
		new Array('London Cobblestone 2','sc_LondonCobblestone2.jpg',603,400,''), 
		new Array('Old Granite 1','sc_OldGranite.jpg',533,400,''), 
		new Array('Old Granite 2','sc_OldGranite2.jpg',533,400,''), 
		new Array('Old Granite 3','sc_OldGranite3.jpg',517,400,''), 
		new Array('Old Granite 4','sc_OldGranite4.jpg',533,400,''), 
		new Array('Old Granite 5','sc_OldGranite5.jpg',533,400,''), 
		new Array('Old Granite 6','sc_OldGranite6.jpg',533,400,''), 
		new Array('Random Stone 1','sc_RandomStone.jpg',533,400,''), 
		new Array('Random Stone 2','sc_RandomStone2.jpg',533,400,''), 
		new Array('Random Stone 3','sc_RandomStone3.jpg',533,400,''), 
		new Array('Random Stone 4','sc_RandomStone4.jpg',533,400,''), 
		new Array('Random Stone 5','sc_RandomStone5.jpg',533,400,''), 
		new Array('Random Stone 6','sc_RandomStone6.jpg',533,400,''), 
		new Array('Royal Ashler 1','sc_RoyalAshler.jpg',517,400,''), 
		new Array('Royal Ashler 2','sc_RoyalAshler2.jpg',533,400,''), 
		new Array('Royal Ashler 3','sc_RoyalAshler3.jpg',533,400,''), 
		new Array('Royal Ashler 4','sc_RoyalAshler4.jpg',561,400,''), 
		new Array('Royal Ashler 5','sc_RoyalAshler5.jpg',533,400,''), 
		new Array('Royal Ashler 6','sc_RoyalAshler6.jpg',533,400,''), 
		new Array('Shell Stone 1','sc_ShellStone.jpg',533,400,''), 
		new Array('Shell Stone 2','sc_ShellStone2.jpg',533,400,''), 
		new Array('Shell Stone 3','sc_ShellStone3.jpg',533,400,''), 	
		new Array('','StampedConcrete_001.jpg',533,400,''), 
		new Array('','StampedConcrete_002.jpg',533,400,''), 
		new Array('','StampedConcrete_003.jpg',402,302,''), 
		new Array('','StampedConcrete_004.jpg',533,400,'') 
    ),'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 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 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;">');
  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]);
}