smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.htm';
scriptName = 'portfolio.js';
countX = 5;
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('Pavers Portfolio','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','10000001.jpg',597,381,''), 
		new Array('','10000002.jpg',588,378,''), 
		new Array('','10000003.jpg',599,377,''), 
		new Array('','10000004.jpg',597,373,''), 
		new Array('','10000005.jpg',600,377,''), 
		new Array('','10000006.jpg',597,371,''), 
		new Array('','10000007.jpg',597,373,''), 
		new Array('','10000008.jpg',602,378,''), 
		new Array('','10000009.jpg',594,377,''), 
		new Array('','10000010.jpg',599,380,''), 
		new Array('','10000011.jpg',603,387,''), 
		new Array('','10000012.jpg',603,385,''), 
		new Array('','10000013.jpg',600,387,''), 
		new Array('','10000014.jpg',606,384,''), 
		new Array('','10000015.jpg',601,376,''), 
		new Array('','10000016.jpg',601,378,''), 
		new Array('','10000017.jpg',601,372,''), 
		new Array('','10000018.jpg',602,384,''), 
		new Array('','10000019.jpg',602,382,''), 
		new Array('','10000020.jpg',601,384,''), 
		new Array('','10000021.jpg',255,396,''), 
		new Array('','10000022.jpg',535,384,''), 
		new Array('','10000023.jpg',602,383,''), 
		new Array('','10000024.jpg',599,389,''), 
		new Array('','20000001.jpg',247,391,''), 
		new Array('','20000002.jpg',251,393,''), 
		new Array('','20000003.jpg',605,381,''), 
		new Array('','20000004.jpg',255,390,''), 
		new Array('','20000005.jpg',598,376,''), 
		new Array('','20000006.jpg',606,384,''), 
		new Array('','20000007.jpg',603,391,''), 
		new Array('','20000008.jpg',600,382,''), 
		new Array('','20000009.jpg',605,386,''), 
		new Array('','20000010.jpg',603,374,''), 
		new Array('','20000011.jpg',605,383,''), 
		new Array('','20000012.jpg',599,374,''), 
		new Array('','20000013.jpg',606,384,''), 
		new Array('','20000014.jpg',597,388,''), 
		new Array('','20000015.jpg',604,382,''), 
		new Array('','20000016.jpg',597,384,''), 
		new Array('','20000017.jpg',610,396,''), 
		new Array('','20000018.jpg',605,384,''), 
		new Array('','20000019.jpg',601,374,''), 
		new Array('','20000020.jpg',606,380,''), 
		new Array('','20000021.jpg',606,380,''), 
		new Array('','20000022.jpg',605,400,''), 
		new Array('','20000023.jpg',607,386,''), 
		new Array('','30000001.jpg',610,386,''), 
		new Array('','30000002.jpg',600,385,''), 
		new Array('','30000003.jpg',605,390,''), 
		new Array('','30000004.jpg',607,384,''), 
		new Array('','30000005.jpg',604,388,''), 
		new Array('','30000006.jpg',604,390,''), 
		new Array('','30000007.jpg',599,373,''), 
		new Array('','30000008.jpg',605,382,''), 
		new Array('','30000009.jpg',598,374,''), 
		new Array('','30000010.jpg',605,396,''), 
		new Array('','30000011.jpg',602,380,''), 
		new Array('','30000012.jpg',604,388,''), 
		new Array('','30000013.jpg',603,392,''), 
		new Array('','30000014.jpg',607,390,''), 
		new Array('','30000015.jpg',605,392,''), 
		new Array('','30000016.jpg',605,391,''), 
		new Array('','30000017.jpg',250,395,''), 
		new Array('','30000018.jpg',461,382,''), 
		new Array('','30000019.jpg',603,391,''), 
		new Array('','30000020.jpg',609,386,''), 
		new Array('','30000021.jpg',605,391,''), 
		new Array('','30000022.jpg',608,387,''), 
		new Array('','30000023.jpg',605,384,''), 
		new Array('','30000024.jpg',596,376,'')
    ),'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]);
}