
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('Our Portfolio','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','104_0299.jpg',533,400,''), 
		new Array('','photo_002.jpg',532,400,''), 
		new Array('','driveways_004.jpg',533,400,''), 
		new Array('','photo_032.jpg',532,400,''), 
		new Array('','photo_017.jpg',532,400,''), 
		new Array('','photo_034.jpg',532,400,''), 
		new Array('','photo_024.jpg',532,400,''), 
		new Array('','photo_010.jpg',532,400,''), 
		new Array('','pools_001.jpg',446,400,''), 
		new Array('','photo_013.jpg',532,400,''), 
		new Array('','dsc02521.jpg',533,400,''), 
		new Array('','photo_008.jpg',532,400,''), 
		new Array('','photo_022.jpg',532,400,''), 
		new Array('','104_0300.jpg',533,400,''), 
		new Array('','DSC02860.jpg',533,400,''), 
		new Array('','DSC02822.jpg',533,400,''), 
		new Array('','DSC02896.jpg',533,400,''), 
		new Array('','photo_014.jpg',532,400,''), 
		new Array('','pools_004.jpg',533,400,''), 
		new Array('','DSC02850.jpg',533,400,''), 
		new Array('','driveways_001.jpg',359,400,''), 
		new Array('','photo_030.jpg',532,400,''), 
		new Array('','photo_033.jpg',532,400,''), 
		new Array('','photo_025.jpg',532,400,''), 
		new Array('','photo_003.jpg',532,400,''), 
		new Array('','photo_026.jpg',532,400,''), 
		new Array('','DSC02714.jpg',533,400,''), 
		new Array('','photo_029.jpg',532,400,''), 
		new Array('','DSC02724.jpg',533,400,''), 
		new Array('','firepits_002.jpg',613,400,''), 
		new Array('','104_0311.jpg',533,400,''), 
		new Array('','pools_003.jpg',700,361,''), 
		new Array('','photo_021.jpg',532,400,''), 
		new Array('','patios_002.jpg',533,400,''), 
		new Array('','photo_009.jpg',532,400,''), 
		new Array('','DSC02890.jpg',533,400,''), 
		new Array('','DSC02711_edited.jpg',259,400,''), 
		new Array('','photo_012.jpg',532,400,''), 
		new Array('','patios_001.jpg',476,400,''), 
		new Array('','dsc02526.jpg',533,400,''), 
		new Array('','photo_028.jpg',532,400,''), 
		new Array('','DSC02884.jpg',533,400,''), 
		new Array('','DSC02846.jpg',533,400,''), 
		new Array('','DSC02531.jpg',533,400,''), 
		new Array('','DSC02874.jpg',533,400,''), 
		new Array('','dsc02534.jpg',300,400,''), 
		new Array('','pools_002.jpg',533,400,''), 
		new Array('','photo_011.jpg',532,400,''), 
		new Array('','photo_023.jpg',532,400,''), 
		new Array('','photo_004.jpg',532,400,''), 
		new Array('','photo_020.jpg',532,400,''), 
		new Array('','photo_007.jpg',532,400,''), 
		new Array('','firepits_001.jpg',569,400,''), 
		new Array('','photo_031.jpg',532,400,'')
    ),0
  ),
  new Array('Before and After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before','before_1.jpg',533,400,''), 
		new Array('After 1','dsc03365.jpg',225,400,''), 
		new Array('After 2','img_0122.jpg',533,400,'')
    ),0
  )
)

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 preloadphotos() {
  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">');
  document.write('<option value="portfolio.htm">Categories Menu</option>');
  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][0]!='')
   showMessage('imagemediumname',arImages[section][4][number][0]);   
  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]);
}
