smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.htm';
scriptName = 'portfolio.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('Firepits','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','fp_BrumAF_3.jpg',533,400,''), 
		new Array('','fp_BrumAF_6.jpg',533,400,''), 
		new Array('','fp_Shop_White_Home_027.jpg',533,400,''), 
		new Array('','fp_Shop_White_Home_028.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Before  and  After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before 1','befafter_b1.jpg',441,326,''), 
		new Array('After 1','befafter_a1.jpg',438,325,''), 
		new Array('Before 2','befafter_b2.jpg',441,326,''), 
		new Array('After 2','befafter_a2.jpg',441,326,''), 
		new Array('Before 3','befafter_b3.jpg',440,326,''),
		new Array('After 3','befafter_a3.jpg',442,327,''),
		new Array('Before 4','ba_Brum_BF_1.jpg',533,400,''), 
		new Array('Before 4','ba_Brum_BF_2.jpg',533,400,''), 
		new Array('Before 4','ba_Brum_BF_3.jpg',533,400,''), 
		new Array('Before 4','ba_Brum_BF_4.jpg',533,400,''), 
		new Array('After 4','ba_Brum_AF_3.jpg',533,400,''), 
		new Array('After 4','ba_Brum_AF_4.jpg',533,400,''), 
		new Array('After 4','ba_Brum_AF_5.jpg',533,400,''), 
		new Array('After 5','ba_massoll_AF1.jpg',533,400,''), 
		new Array('After 5','ba_Massoll_AF2.jpg',533,400,''), 
		new Array('After 5','ba_Massoll_AF3.jpg',333,250,''), 
		new Array('After 5','ba_Massoll_AF4.jpg',532,400,''), 
		new Array('After 5','ba_Massoll_AF5.jpg',333,250,''), 
		new Array('After 5','ba_Massoll_AF6.jpg',533,400,''), 
		new Array('After 5','ba_Massoll_AF7.jpg',533,400,''), 
		new Array('After 5','ba_Massoll_AF8.jpg',533,400,''), 
		new Array('Before 6','ba_Redhead_BF1.jpg',533,400,''), 
		new Array('Before 6','ba_Redhead_BF2.jpg',333,250,''), 
		new Array('Before 6','ba_Redhead_BF3.jpg',333,250,''), 
		new Array('Before 6','ba_Redhead_BF4.jpg',300,400,''), 
		new Array('After 6','ba_Redhead_AF1.jpg',333,250,''), 
		new Array('After 6','ba_Redhead_Af10.jpg',533,400,''), 
		new Array('After 6','ba_Redhead_AF2.jpg',533,400,''), 
		new Array('After 6','ba_Redhead_AF3.jpg',533,400,''), 
		new Array('After 6','ba_Redhead_AF4.jpg',333,250,''), 
		new Array('After 6','ba_Redhead_AF5.jpg',533,400,''), 
		new Array('After 6','ba_Redhead_AF6.jpg',250,333,''), 
		new Array('After 6','ba_Redhead_AF7.jpg',300,400,''), 
		new Array('Before 7','ba_Trotter_House_BF_1.jpg',533,400,''), 
		new Array('Before 7','ba_Trotter_House_BF_4.jpg',533,400,''), 
		new Array('After 7','ba_Trotter_House_After_1.jpg',533,400,''), 
		new Array('After 7','ba_Trotter_House_After_2.jpg',533,400,''), 
		new Array('After 7','ba_Trotter_House_After_4.jpg',533,400,''), 
		new Array('Before 8','ba_VanN_Before_1.jpg',300,400,''), 
		new Array('Before 8','ba_VanN_Before_2.jpg',300,400,''), 
		new Array('After 8','ba_VanN_After_1.jpg',533,400,''), 
		new Array('After 8','ba_VanN_After_3.jpg',300,400,''), 
		new Array('After 8','ba_VanN_After_4.jpg',533,400,''), 
		new Array('After 8','ba_VanN_After_5.jpg',533,400,''), 
		new Array('Before 9','herr_bf_1.jpg',300,400,''), 
		new Array('Before 9','herr_bf_2.jpg',533,400,''), 
		new Array('After 9','herr_after.jpg',533,400,''), 
		new Array('After 9','herr_after_2.jpg',300,400,''), 
		new Array('After 9','herr_after_4.jpg',300,400,''), 
		new Array('After 9','herr_after_5.jpg',533,400,''), 
		new Array('After 9','herr_after_7.jpg',533,400,''),
		new Array('Webber in Duluth Before 1','wid_001.jpg',300,400,''), 
		new Array('Webber in Duluth Before 2','wid_002.jpg',533,400,''), 
		new Array('Webber in Duluth Before 3','wid_003.jpg',533,400,''), 
		new Array('Webber in Duluth Before 4','wid_004.jpg',533,400,''), 
		new Array('Webber in Duluth Before 5','wid_005.jpg',533,400,''), 
		new Array('Webber in Duluth Before 6','wid_006.jpg',533,400,''), 
		new Array('Webber in Duluth After 1','wid_007.jpg',300,400,''), 
		new Array('Webber in Duluth After 2','wid_008.jpg',533,400,''), 
		new Array('Webber in Duluth After 3','wid_009.jpg',533,400,''), 
		new Array('Webber in Duluth After 4','wid_010.jpg',533,400,''), 
		new Array('Webber in Duluth After 5','wid_011.jpg',533,400,''), 	
		new Array('','ba_WIP_4.jpg',533,400,''),
		new Array('','ba_Tanner_Halloween_2007.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Outdoor Fireplaces','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','of_Lydia_Outdoor_Kitchen_Massoll_Before.jpg',300,400,''), 
		new Array('','of_October_Ad_Picture.jpg',533,400,''), 
		new Array('','of_OF_Ad_Pic.jpg',533,400,''), 
		new Array('','of_Outdoor_Fireplace1.jpg',300,400,''), 
		new Array('','of_Planchard_Home_Roswell.jpg',300,400,''),
		new Array('','of_017.jpg',300,400,''), 
		new Array('','of_020.jpg',300,400,'') 		 
//		new Array('','of_Shop_White_Home_004.jpg',533,400,''), 
//		new Array('','of_Shop_White_Home_033.jpg',533,400,''), 
//		new Array('','of_Shop_White_Home_034.jpg',300,400,''), 
//		new Array('','of_Shop_White_Home_035.jpg',300,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Patios','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
//		new Array('','pt_Johnson_Backyard_Kitchen_001.jpg',533,400,''), 
//		new Array('','pt_Johnson_Backyard_Kitchen_003.jpg',533,400,''), 
//		new Array('','pt_Johnson_Backyard_Kitchen_004.jpg',300,400,''), 
//		new Array('','pt_Johnson_Backyard_Kitchen_005.jpg',533,400,''), 
//		new Array('','pt_Johnson_Backyard_Kitchen_006.jpg',300,400,''), 
//		new Array('','pt_Johnson_Backyard_Kitchen_007.jpg',533,400,''), 
//		new Array('','pt_Johnson_Backyard_Kitchen_008.jpg',300,400,''), 
		new Array('','pt_Lydia_BDay_Outdoor_Kitchen_Massoll.jpg',300,400,''), 
//		new Array('','pt_October_Ad_2.jpg',300,400,''), 
		new Array('','pt_October_Ad_Picture.jpg',533,400,''), 
		new Array('','pt_October_Ad_Pic_3.jpg',300,400,''), 
		new Array('','pt_OF_Ad_Pic.jpg',533,400,''), 
		new Array('','pt_Outdoor_Fireplace1.jpg',300,400,''), 
		new Array('','pt_Planchard_Home_Roswell_004.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_001.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_003.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_004.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_006.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_007.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_008.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_027.jpg',533,400,''), 
		new Array('','pt_Shop_White_Home_030.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Retaining Walls','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','rw_Gonzalez_Webber_Ferrell_011.jpg',533,400,''), 
		new Array('','rw_Gonzalez_Webber_Ferrell_012.jpg',300,400,''), 
		new Array('','rw_Gonzalez_Webber_Ferrell_013.jpg',533,400,''), 
		new Array('','rw_Gonzalez_Webber_Ferrell_014.jpg',300,400,''), 
		new Array('','rw_Morrow_Retaining_Wall_2.jpg',533,400,''), 
		new Array('','rw_Morrow_Retaining_Wall_3.jpg',533,400,''), 
		new Array('','rw_Morrow_Retainng_Wall.jpg',533,400,''), 
		new Array('','rw_My_pictures_001.jpg',533,400,''), 
		new Array('','rw_My_pictures_004.jpg',533,400,''), 
		new Array('','rw_Shop_White_Home_012.jpg',533,400,''), 
		new Array('','rw_Shop_White_Home_013.jpg',533,400,''), 
		new Array('','rw_Shop_White_Home_014.jpg',533,400,''), 
		new Array('','rw_Shop_White_Home_027.jpg',533,400,''),
		new Array('','wid_007.jpg',300,400,''),
		new Array('','wid_008.jpg',533,400,''), 
		new Array('','wid_009.jpg',533,400,''), 
		new Array('','wid_010.jpg',533,400,''), 
		new Array('','wid_011.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Steps and Walkways','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','sw_Front_Door_Steps_and_Walkway.jpg',325,400,''), 
		new Array('','sw_My_pictures_004.jpg',533,400,''), 
		new Array('','sw_Paver_Walkway.jpg',314,400,''), 
		new Array('','sw_Steps_Wall_Columns.jpg',274,400,''), 
		new Array('','sw_Steps_with_curve.jpg',254,258,''), 
		new Array('','sw_Tanner_Bday_Halloween.jpg',300,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Natural Stone','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before 1','frontprochbefore2.jpg',533,400,''),
		new Array('After 1','frontporchafter.jpg',533,400,''), 
		new Array('Before 2','campbell_before_2.jpg',533,400,''), 
		new Array('After 2','campbellafter_2.jpg',533,400,''), 
		new Array('Before 3','cambpell_before_4.jpg',533,400,''), 
		new Array('After 3','campbell_after_3.jpg',533,400,''), 
		new Array('After 3','campbell_after_7.jpg',533,400,''), 
		new Array('After 3','campbell_after_9.jpg',263,350,''), 
		new Array('After 3','campbell_after_1.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Small Courtyard','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before','herr_bf_1.jpg',300,400,''), 
		new Array('Before','herr_bf_2.jpg',533,400,''), 
		new Array('After','herr_after.jpg',533,400,''), 
		new Array('After','herr_after_2.jpg',300,400,''), 
		new Array('After','herr_after_4.jpg',300,400,''), 
		new Array('After','herr_after_5.jpg',533,400,''), 
		new Array('After','herr_after_7.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Other Backyard Dreams Come True...','images/photos/small/','images/photos/medium/','images/photos/big/',
    new Array(
		new Array('','0.jpg',402,400,''),
		new Array('','1.jpg',400,400,''),
		new Array('','10.jpg',510,400,''),
		new Array('','11.jpg',509,400,''),
		new Array('','12.jpg',390,400,''),
		new Array('','13.jpg',400,400,''),
		new Array('','14.jpg',405,400,''),
		new Array('','15.jpg',398,400,''),
		new Array('','16.jpg',418,400,''),
		new Array('','17.jpg',399,400,''),
		new Array('','18.jpg',400,400,''),
		new Array('','2.jpg',400,400,''),
		new Array('','20.jpg',511,400,''),
		new Array('','21.jpg',393,400,''),
		new Array('','22.jpg',397,400,''),
		new Array('','23.jpg',512,400,''),
		new Array('','24.jpg',398,400,''),
		new Array('','25.jpg',343,433,''),
		new Array('','26.jpg',502,400,''),
		new Array('','27.jpg',444,354,''),
		new Array('','28.jpg',323,400,''),
		new Array('','29.jpg',305,400,''),
		new Array('','3.jpg',400,400,''),
		new Array('','30.jpg',398,400,''),
		new Array('','31.jpg',515,400,''),
		new Array('','32.jpg',400,400,''),
		new Array('','33.jpg',393,400,''),
		new Array('','34.jpg',398,400,''),
		new Array('','35.jpg',313,400,''),
		new Array('','36.jpg',400,400,''),
		new Array('','37.jpg',319,400,''),
		new Array('','38.jpg',507,400,''),
		new Array('','39.jpg',398,400,''),
		new Array('','4.jpg',520,400,''),
		new Array('','40.jpg',515,401,''),
		new Array('','41.jpg',313,400,''),
		new Array('','42.jpg',396,400,''),
		new Array('','43.jpg',520,400,''),
		new Array('','44.jpg',313,400,''),
		new Array('','45.jpg',515,400,''),
		new Array('','46.jpg',424,426,''),
		new Array('','47.jpg',326,420,''),
		new Array('','48.jpg',318,400,''),
		new Array('','49.jpg',501,401,''),
		new Array('','5.jpg',398,400,''),
		new Array('','50.jpg',404,400,''),
		new Array('','51.jpg',318,400,''),
		new Array('','52.jpg',400,400,''),
		new Array('','53.jpg',400,400,''),
		new Array('','54.jpg',325,400,''),
		new Array('','55.jpg',504,400,''),
		new Array('','6.jpg',398,400,''),
		new Array('','7.jpg',318,400,''),
		new Array('','8.jpg',321,400,''),
		new Array('','9.jpg',541,436,'')
    ),'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]);
}