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('Interior Painting','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before 1','int_img_0973.jpg',533,399,''), 
		new Array('Before 1','int_img_0975.jpg',533,399,''), 
		new Array('After 1','int_picture_008.jpg',533,399,''), 
		new Array('After 1','int_picture_011.jpg',533,399,''), 
		new Array('After 1','int_img_0965.jpg',533,399,''), 
		new Array('After 2','int_img_0982.jpg',533,399,''), 
		new Array('After 3','int_doorway_framed_LG.jpg',533,400,''), 
		new Array('After 4','int_DSC00326_LG.jpg',300,400,''), 
		new Array('After 5','int_footer_picture.jpg',579,400,''), 
		new Array('Before 6','int_picture-0872.jpg',361,400,''), 
		new Array('Before 6','int_Picture-153-LG.jpg',533,400,''), 
		new Array('Before 6','int_Picture_0873.jpg',533,400,'') 
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Exterior Painting','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before 1','ext_picture_001.jpg',566,400,''), 
		new Array('After 1','ext_picture_047.jpg',581,400,''), 
		new Array('After 1','ext_picture_032.jpg',552,400,''), 
		new Array('Before 2','ph_picture_005.jpg',533,400,''), 
		new Array('Before 2','ph_picture_010.jpg',533,400,''), 
		new Array('After 2','ph_picture_011.jpg',533,400,''), 
		new Array('Before 2','ph_picture_013.jpg',533,400,''), 
		new Array('Before 3','picture_017.jpg',533,400,''), 
		new Array('Before 3','picture_019_1.jpg',533,400,''), 
		new Array('Before3','picture_029.jpg',533,400,''), 
		new Array('After 3','ext_after1.jpg',448,336,''), 
		new Array('After 3','ext_after2.jpg',448,336,''), 
		new Array('Before 4','ext_deck3a.jpg',500,375,''), 
		new Array('Before 4','ext_deck3b.jpg',500,375,''), 
		new Array('After 4','ext_deck3c.jpg',500,375,''), 
		new Array('Before 5','ext_deck4a.jpg',500,375,''), 
		new Array('Before 5','ext_deck4b.jpg',500,375,''), 
		new Array('After 5','ext_deck4c.jpg',500,375,''), 
		new Array('Before 6','ext_Picture-100.jpg',533,400,''), 
		new Array('After 6','ext_Picture-101.jpg',513,400,''), 
		new Array('After 6','ext_Picture-102.jpg',432,400,''), 
		new Array('After 7','ext_Picture-104.jpg',533,400,''), 
		new Array('After 8','ext_Picture-105.jpg',317,400,''), 
		new Array('After 9','ext_Picture-108.jpg',515,400,''), 
		new Array('After 10','ext_Picture-111.jpg',451,400,''), 
		new Array('After 11','ext_Picture-112.jpg',636,400,''), 
		new Array('Before 12','ext_work-pictures-2005-095.jpg',487,400,''), 
		new Array('Before 13','decks_before_09_005.jpg',533,400,''), 
		new Array('Before 13','decks_before_09_009.jpg',533,400,''), 
		new Array('Before 13','decks_before_09_010.jpg',533,400,''), 
		new Array('Before 13','decks_before_09_014.jpg',533,400,''), 
		new Array('Before 13','decks_before_09_021.jpg',533,400,''), 
		new Array('Before 13','decks_before_09_029.jpg',533,400,'') 
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Power Washing','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before 1','picture_004.jpg',533,400,''), 
		new Array('Before 1','picture_002.jpg',533,400,''), 
		new Array('Before 1','picture_001.jpg',533,400,''), 
		new Array('After 1','ph_picture_008.jpg',533,400,''), 
		new Array('Before 2','picture_030.jpg',533,400,''), 
		new Array('Before 2','picture_006.jpg',533,400,''), 
		new Array('Before 2','picture_026.jpg',533,400,''), 
		new Array('Before 2','picture_032.jpg',533,400,''), 
		new Array('After 3','picture_062.jpg',533,400,''), 
		new Array('Before 4','picture_015.jpg',533,400,''), 
		new Array('Before 4','picture_019.jpg',533,400,'') 
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Deck Restoration','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('Before 1','dck_about-us.jpg',480,360,''), 
		new Array('Before 1','dck_deck3a.jpg',500,375,''), 
		new Array('After 1','dck_deck3b.jpg',500,375,''), 
		new Array('After 1','dck_deck3c.jpg',500,375,''), 
		new Array('After 2','dck_deck4a.jpg',500,375,''), 
		new Array('After 2','dck_deck4b.jpg',500,375,''), 
		new Array('After 2','dck_deck4c.jpg',500,375,''), 
		new Array('Before 3','dck_deckafter.jpg',480,360,''), 
		new Array('After 3','dck_Picture_009.jpg',360,270,''), 
		new Array('After 3','dck_Picture_021.jpg',360,270,'')
    ),'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][4]!='')
   showMessage('imagemediumname',arImages[section][4][number][4]);   
  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]);
}