smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.html';
scriptName = 'portfolio.js';
countX = 4;
countY = 5;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Driveways','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','Driveways_001.jpg',493,400,''), 
		new Array('','Driveways_002.jpg',400,400,''), 
		new Array('','Driveways_003.jpg',671,400,''), 
		new Array('','Driveways_004.jpg',396,400,''), 
		new Array('','Driveways_005.jpg',266,400,''), 
		new Array('','Driveways_006.jpg',600,400,''), 
		new Array('','Driveways_007.jpg',266,400,''), 
		new Array('','Driveways_008.jpg',266,400,''), 
		new Array('','Driveways_009.jpg',266,400,''), 
		new Array('','Driveways_010.jpg',265,400,''), 
		new Array('','Driveways_011.jpg',265,400,''), 
		new Array('','Driveways_012.jpg',265,400,''), 
		new Array('','Driveways_013.jpg',265,400,''), 
		new Array('','Driveways_014.jpg',602,400,''), 
		new Array('','Driveways_015.jpg',265,400,''), 
		new Array('','Driveways_016.jpg',265,400,''), 
		new Array('','Driveways_017.jpg',287,400,''), 
		new Array('','Driveways_018.jpg',256,400,''), 
		new Array('','Driveways_019.jpg',533,400,''), 
		new Array('','Driveways_020.jpg',266,400,''), 
		new Array('','Driveways_021.jpg',266,400,''), 
		new Array('','Driveways_022.jpg',600,400,''), 
		new Array('','Driveways_023.jpg',266,400,''), 
		new Array('','Driveways_024.jpg',266,400,''), 
		new Array('','Driveways_025.jpg',266,400,''), 
		new Array('','Driveways_026.jpg',266,400,''), 
		new Array('','Driveways_027.jpg',266,400,''), 
		new Array('','Driveways_028.jpg',266,400,''), 
		new Array('','Driveways_029.jpg',266,400,''), 
		new Array('','Driveways_030.jpg',266,400,''), 
		new Array('','Driveways_031.jpg',600,400,''), 
		new Array('','Driveways_032.jpg',266,400,''), 
		new Array('','Driveways_033.jpg',533,400,''), 
		new Array('','Driveways_034.jpg',533,400,''), 
		new Array('','Driveways_035.jpg',300,400,''), 
		new Array('','Driveways_036.jpg',600,400,''), 
		new Array('','Driveways_037.jpg',266,400,''), 
		new Array('','Driveways_038.jpg',265,400,''), 
		new Array('','Driveways_039.jpg',602,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('','Patios_001.jpg',265,400,''), 
		new Array('','Patios_002.jpg',265,400,''), 
		new Array('','Patios_003.jpg',300,400,''), 
		new Array('','Patios_004.jpg',288,400,''), 
		new Array('','Patios_005.jpg',533,400,''), 
		new Array('','Patios_006.jpg',278,400,''), 
		new Array('','Patios_007.jpg',600,400,''), 
		new Array('','Patios_008.jpg',266,400,''), 
		new Array('','Patios_009.jpg',600,400,''), 
		new Array('','Patios_010.jpg',600,400,''), 
		new Array('','Patios_011.jpg',600,400,''), 
		new Array('','Patios_012.jpg',266,400,''), 
		new Array('','Patios_013.jpg',266,400,''), 
		new Array('','Patios_014.jpg',600,400,''), 
		new Array('','Patios_015.jpg',266,400,''), 
		new Array('','Patios_016.jpg',266,400,''), 
		new Array('','Patios_017.jpg',533,400,''), 
		new Array('','Patios_018.jpg',266,400,''), 
		new Array('','Patios_019.jpg',300,400,''), 
		new Array('','Patios_020.jpg',266,400,''), 
		new Array('','Patios_021.jpg',266,400,''), 
		new Array('','Patios_022.jpg',600,400,''), 
		new Array('','Patios_023.jpg',266,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Pool Decks','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','Pooldecks_001.jpg',499,400,''), 
		new Array('','Pooldecks_002.jpg',319,400,''), 
		new Array('','Pooldecks_003.jpg',399,400,''), 
		new Array('','Pooldecks_004.jpg',490,400,''), 
		new Array('','Pooldecks_005.jpg',393,400,''), 
		new Array('','Pooldecks_006.jpg',397,400,''), 
		new Array('','Pooldecks_007.jpg',265,400,''), 
		new Array('','Pooldecks_008.jpg',265,400,''), 
		new Array('','Pooldecks_009.jpg',265,400,''), 
		new Array('','Pooldecks_010.jpg',265,400,''), 
		new Array('','Pooldecks_011.jpg',265,400,''), 
		new Array('','Pooldecks_012.jpg',266,400,''), 
		new Array('','Pooldecks_013.jpg',266,400,''), 
		new Array('','Pooldecks_014.jpg',533,400,''), 
		new Array('','Pooldecks_015.jpg',600,400,''), 
		new Array('','Pooldecks_016.jpg',600,400,''), 
		new Array('','Pooldecks_017.jpg',266,400,''), 
		new Array('','Pooldecks_018.jpg',600,400,''), 
		new Array('','Pooldecks_019.jpg',600,400,''), 
		new Array('','Pooldecks_020.jpg',265,400,''), 
		new Array('','Pooldecks_021.jpg',265,400,''), 
		new Array('','Pooldecks_022.jpg',602,400,''), 
		new Array('','Pooldecks_023.jpg',398,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Walkways','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','Walkways_001.jpg',496,400,''), 
		new Array('','Walkways_002.jpg',404,400,''), 
		new Array('','Walkways_003.jpg',266,400,''), 
		new Array('','Walkways_004.jpg',266,400,''), 
		new Array('','Walkways_005.jpg',266,400,''), 
		new Array('','Walkways_006.jpg',266,400,''), 
		new Array('','Walkways_007.jpg',266,400,''), 
		new Array('','Walkways_008.jpg',600,400,''), 
		new Array('','Walkways_009.jpg',265,400,''), 
		new Array('','Walkways_010.jpg',265,400,''), 
		new Array('','Walkways_011.jpg',490,400,''), 
		new Array('','Walkways_012.jpg',562,400,''), 
		new Array('','Walkways_013.jpg',266,400,''), 
		new Array('','Walkways_014.jpg',266,400,''), 
		new Array('','Walkways_015.jpg',533,400,''), 
		new Array('','Walkways_016.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Miscellaneous','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','misc_001.jpg',266,400,''), 
		new Array('','misc_028.jpg',266,400,''), 
		new Array('','misc_029.jpg',600,400,''), 
		new Array('','misc_030.jpg',600,400,''), 
		new Array('','misc_031.jpg',600,400,''), 
		new Array('','misc_032.jpg',600,400,''), 
		new Array('','misc_033.jpg',266,400,''), 
		new Array('','misc_034.jpg',266,400,''), 
		new Array('','misc_035.jpg',266,400,''), 
		new Array('','misc_036.jpg',600,400,''), 
		new Array('','misc_037.jpg',559,400,''), 
		new Array('','misc_038.jpg',266,400,''), 
		new Array('','misc_039.jpg',600,400,''), 
		new Array('','misc_040.jpg',300,400,''), 
		new Array('','misc_041.jpg',533,400,''), 
		new Array('','misc_042.jpg',533,400,''),
		new Array('','misc_002.jpg',400,400,''), 
		new Array('','misc_003.jpg',700,321,''), 
		new Array('','misc_004.jpg',700,321,''), 
		new Array('','misc_005.jpg',400,400,''), 
		new Array('','misc_006.jpg',427,400,''), 
		new Array('','misc_007.jpg',400,400,''), 
		new Array('','misc_008.jpg',613,400,''), 
		new Array('','misc_009.jpg',613,400,''), 
		new Array('','misc_010.jpg',613,400,''), 
		new Array('','misc_011.jpg',613,400,''), 
		new Array('','misc_012.jpg',613,400,''), 
		new Array('','misc_013.jpg',613,400,''), 
		new Array('','misc_014.jpg',613,400,''), 
		new Array('','misc_015.jpg',613,400,''), 
		new Array('','misc_016.jpg',613,400,''), 
		new Array('','misc_017.jpg',613,400,''), 
		new Array('','misc_018.jpg',613,400,''), 
		new Array('','misc_019.jpg',613,400,''), 
		new Array('','misc_020.jpg',613,400,''), 
		new Array('','misc_021.jpg',613,400,''), 
		new Array('','misc_022.jpg',613,400,''), 
		new Array('','misc_023.jpg',613,400,''), 
		new Array('','misc_024.jpg',613,400,''), 
		new Array('','misc_025.jpg',613,400,''), 
		new Array('','misc_026.jpg',613,400,''), 
		new Array('','misc_027.jpg',613,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][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]);
}