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('Photo Gallery','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('','dsc00252.jpg',493,400,''), 	
		new Array('Natural Stone Driveway Before','com_100.jpg',533,400,''), 
		new Array('Natural Stone Driveway After','com_117.jpg',533,400,''), 	
		new Array('Natural Stone Porch Before','com_103.jpg',533,400,''), 
		new Array('Natural Stone Porch After','com_116.jpg',533,400,''), 
		new Array('Paver Before After','paverbeforeafter.jpg',552,306,''), 
		new Array('Sealing','sealing_image_awesome.jpg',132,108,''), 
		new Array('Water Repelled','waterrepeled.jpg',240,160,''), 	
		new Array('Side by Side Comparison','before__after_sealing.jpg',534,400,''), 
		new Array('Side by Side Comparison','before__after_excellent.jpg',534,400,''), 
		new Array('Side by Side Comparison','p4010036.jpg',534,400,''),
		new Array('Before & After','14.jpg',480,300,''), 
		new Array('Before & After','1.jpg',479,300,''), 
		new Array('Before & After','5.jpg',480,300,''), 
		new Array('Before & After','13.jpg',480,300,''), 
		new Array('Before & After','before_and_after-th.jpg',120,149,''),
		new Array('Sealer Choice','sealer_choice.jpg',110,102,''), 		
		new Array('Re-Sanding Joints','polymericsand-th.jpg',120,77,''),
		new Array('Before Photo of Custom Home "Wet Look"','120.jpg',300,400,''), 
		new Array('After Photo of Custom Home "Wet Look"','140.jpg',533,400,''), 
		new Array('After Photo of Custom Home "Wet Look"','133.jpg',533,400,'')
    ),'Click on the images to view larger...'
  )
)

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]);
}