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('Planting and Sod', 'planting_sod', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','planting_001.jpg',599,400,''), 
		new Array('','planting_002.jpg',448,336,''), 
		new Array('','planting_003.jpg',448,336,''), 
		new Array('','planting_004.jpg',545,400,''), 
		new Array('','planting_006.jpg',599,400,''), 
		new Array('','planting_007.jpg',448,299,'') 
    )
  ),

  new Array('Hardscapes', 'hardscapes', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','hard_walls_001.jpg',448,299,'')
    ),'','hardscapes.htm'
  ),  
  
  new Array('Construction', 'construction', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','construct_001.jpg',266,400,''), 
		new Array('','construct_002.jpg',448,336,''), 
		new Array('','construct_003.jpg',448,336,''), 
		new Array('','construct_004.jpg',266,400,''), 
		new Array('','construct_005.jpg',448,336,''), 
		new Array('','construct_006.jpg',448,336,''), 
		new Array('','construct_007.jpg',266,400,''), 
		new Array('','construct_008.jpg',448,299,''), 
		new Array('','construct_009.jpg',448,336,'')
    )
  ),
  new Array('Water Features', 'water_features', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','waterf_001.jpg',448,299,''), 
		new Array('','waterf_002.jpg',448,267,''), 
		new Array('','waterf_003.jpg',448,336,''), 
		new Array('','waterf_004.jpg',448,336,'')
    )
  ),
  new Array('Night Lighting', 'night_lighting', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','nightlight_001.jpg',448,299,''), 
		new Array('','nightlight_002.jpg',448,299,''), 
		new Array('','nightlight_003.jpg',448,299,''), 
		new Array('','nightlight_004.jpg',448,299,'') 
    )
  ),
  new Array('Outdoor Living', 'outdoor_living', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','outdoor_001.jpg',266,400,''), 
		new Array('','outdoor_002.jpg',448,299,''), 
		new Array('','outdoor_003.jpg',448,299,''), 
		new Array('','outdoor_004.jpg',448,299,''), 
		new Array('','outdoor_005.jpg',448,299,''), 
		new Array('','outdoor_006.jpg',448,336,'')
    )
  ),
  new Array('Pools and Spas', 'pools_spas', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','pools_001.jpg',448,299,''), 
		new Array('','pools_002.jpg',448,336,''), 
		new Array('','pools_003.jpg',448,336,''), 
		new Array('','pools_004.jpg',448,336,'')
    )
  ),  
  new Array('Miscellaneous', 'miscellaneous', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','about_001.jpg',533,400,''), 
		new Array('','about_002.jpg',433,325,''), 
		new Array('','about_003.jpg',433,325,''), 
		new Array('','decks_001.jpg',433,325,''), 
		new Array('','decks_002.jpg',433,325,''), 
		new Array('','decks_003.jpg',433,325,''), 
		new Array('','decks_004.jpg',433,325,''), 
		new Array('','decks_005.jpg',245,325,''), 
		new Array('','decks_006.jpg',431,325,''), 
		new Array('','design_001.jpg',369,300,''), 
		new Array('','design_002.jpg',433,325,''), 
		new Array('','design_003.jpg',433,325,''), 
		new Array('','design_004.jpg',414,325,''), 
		new Array('','design_005.jpg',433,325,''), 
		new Array('','hardscape_001.jpg',431,325,''), 
		new Array('','hardscape_002.jpg',433,325,''), 
		new Array('','hardscape_003.jpg',433,325,''), 
		new Array('','hardscape_004.jpg',433,325,''), 
		new Array('','hardscape_005.jpg',433,325,''), 
		new Array('','hardscape_006.jpg',433,325,''), 
		new Array('','irrigation_001.jpg',433,325,''), 
		new Array('','irrigation_002.jpg',433,325,''), 
		new Array('','light_001.jpg',433,325,''), 
		new Array('','light_002.jpg',433,325,''), 
		new Array('','maint_001.jpg',433,325,''), 
		new Array('','maint_002.jpg',433,325,''), 
		new Array('','maint_003.jpg',433,325,''), 
		new Array('','maint_004.jpg',433,325,''), 
		new Array('','mixed_001.jpg',700,328,''), 
		new Array('','mixed_002.jpg',700,328,''), 
		new Array('','mixed_003.jpg',700,328,''), 
		new Array('','mixed_004.jpg',700,328,''), 
		new Array('','mixed_005.jpg',700,328,''), 
		new Array('','mixed_006.jpg',700,328,''), 
		new Array('','mixed_007.jpg',700,328,''), 
		new Array('','mixed_008.jpg',700,328,''), 
		new Array('','mixed_009.jpg',700,328,''), 
		new Array('','mixed_010.jpg',700,328,''), 
		new Array('','mixed_011.jpg',700,328,''), 
		new Array('','mixed_012.jpg',700,328,''), 
		new Array('','mixed_013.jpg',700,328,''), 
		new Array('','mixed_014.jpg',700,328,''), 
		new Array('','mixed_015.jpg',700,328,''), 
		new Array('','mixed_016.jpg',700,328,''), 
		new Array('','mixed_017.jpg',700,328,''), 
		new Array('','mixed_018.jpg',700,328,''), 
		new Array('','outdoore_001.jpg',433,325,''), 
		new Array('','outdoore_002.jpg',433,325,''), 
		new Array('','outdoore_003.jpg',433,325,''), 
		new Array('','outdoore_004.jpg',433,325,''), 
		new Array('','outdoore_005.jpg',433,325,''), 
		new Array('','outdoore_006.jpg',433,325,''), 
		new Array('','water_001.jpg',433,325,''), 
		new Array('','water_002.jpg',433,325,''), 
		new Array('','water_003.jpg',433,325,''), 
		new Array('','water_004.jpg',433,325,''), 
		new Array('','water_005.jpg',433,325,''), 
		new Array('','water_006.jpg',433,325,'')
    )
  )
)

if (typeof(section)=='undefined')
 section = getParameter(self.document.location.href, 'section');
var sectionIndex = 0;

if (section != '') {
  for (var i=0; i<arImages.length; i++) {
    if (arImages[i][1] == section) {
	  sectionIndex = i;
	  break;
	}
  }
}

section = arImages[sectionIndex][1];

ind = getParameter(self.document.location.href, 'ind');
if (isNaN(ind) || (ind=='') || (ind<0) || (ind>arImages[sectionIndex][5].length))
  ind = 0;

var arPreloadImages = new Array();
function preload() {
  if (arImages[sectionIndex][3]!='') {
    for (i=ind;(i<(Number(ind)+Number(countX*countY))) && (i<arImages[sectionIndex][5].length);i++) {
      arPreloadImages[i] = new Image(mediumSizes[0],mediumSizes[1]);
      arPreloadImages[i].src = arImages[sectionIndex][3]+arImages[sectionIndex][5][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='+arImages[jp][1]+'"'+((jp==sectionIndex)?' selected':'')+'>'+arImages[jp][0]+'</option>');
  }  
  document.write('</select></td></tr>')
  document.write('</table>');
}

function showImageMedium(number) {
  showImage('imagemedium',arImages[sectionIndex][3]+arImages[sectionIndex][5][number][1]);
  if (arImages[sectionIndex][5][number][0]!='')
   showMessage('imagemediumname',arImages[sectionIndex][5][number][0]);
  else
   showMessage('imagemediumname','Photo '+Number(Number(number)+1));

}