smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.htm';
scriptName = 'portfolio.js';
countX = 3;
countY = 2;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Patios','images/portfolio/patios/small/','images/portfolio/patios/medium/','images/portfolio/patios/big/',
    new Array(
	new Array('Photo 1','patio1.jpg',570,400,''), 
	new Array('Photo 2','patio2.jpg',514,400,''), 
	new Array('Photo 3','patio3.jpg',510,400,''), 
	new Array('Photo 4','patio4.jpg',504,400,''), 
	new Array('Photo 5','patio5.jpg',515,400,''), 
	new Array('Photo 6','patio6.jpg',512,400,'')
    )
  ),
  
  new Array('Pool Decks','images/portfolio/pooldecks/small/','images/portfolio/pooldecks/medium/','images/portfolio/pooldecks/big/',
    new Array(
	new Array('Photo 1','pool1.jpg',509,400,''), 
	new Array('Photo 2','pool2.jpg',518,400,''), 
	new Array('Photo 3','pool3.jpg',520,400,''), 
	new Array('Photo 4','pool4.jpg',520,400,''), 
	new Array('Photo 5','pool5.jpg',514,400,''), 
	new Array('Photo 6','pool6.jpg',516,400,'')
    )
  ),
  
  new Array('Side Walks','images/portfolio/sidewalks/small/','images/portfolio/sidewalks/medium/','images/portfolio/sidewalks/big/',
    new Array(
	new Array('Photo 1','sidewak1.jpg',505,400,''), 
	new Array('Photo 2','sidewalk2.jpg',503,400,''), 
	new Array('Photo 3','sidewalk3.jpg',569,400,''), 
	new Array('Photo 4','sidewalk4.jpg',505,400,''), 
	new Array('Photo 5','sidewalk5.jpg',560,400,''), 
	new Array('Photo 6','sidewalk6.jpg',512,400,''), 
	new Array('Photo 7','sidewalk7.jpg',558,400,'')
    )
  ),
  
  new Array('Steps','images/portfolio/steps/small/','images/portfolio/steps/medium/','images/portfolio/steps/big/',
    new Array(
	new Array('Photo 1','steps1.jpg',523,400,''), 
	new Array('Photo 2','steps2.jpg',509,400,''), 
	new Array('Photo 3','steps3.jpg',512,400,''), 
	new Array('Photo 4','steps4.jpg',507,400,''), 
	new Array('Photo 5','steps5.jpg',515,400,''), 
	new Array('Photo 6','steps6.jpg',520,400,'')
    )
  ),
  
  new Array('Walls','images/portfolio/walls/small/','images/portfolio/walls/medium/','images/portfolio/walls/steps/big/',
    new Array(
	new Array('Photo 1','wall1.jpg',540,400,''), 
	new Array('Photo 2','wall2.jpg',568,400,''), 
	new Array('Photo 3','wall3.jpg',512,400,''), 
	new Array('Photo 4','wall4.jpg',514,400,''), 
	new Array('Photo 5','wall5.jpg',512,400,'')
    )
  ),

  new Array('Waterfeatures','images/portfolio/waterfeatures/small/','images/portfolio/waterfeatures/medium/','images/portfolio/waterfeatures/big/',
    new Array(
	new Array('Photo 1','water1.jpg',572,400,''), 
	new Array('Photo 2','water2.jpg',572,400,'')
    )
  )

)

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 showImageMedium(number) {
  showImage('imagemedium',arImages[section][2]+arImages[section][4][number][1]);
  showMessage('imagemediumname',arImages[section][4][number][0]);
}

function showImageBig(number) {
  showImagePopup(scriptName,section,number,arImages[section][4][number][2],
   arImages[section][4][number][3]);
}