smallSizes = new Array(66,66);
mediumSizes = new Array(160,240);
pageName = 'gallery.htm';
scriptName = 'gallery.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('','images/small/','images/medium/','images/big/',
    new Array(
      new Array('Webb Before 1','Webb-before-1.jpg',400,266),
      new Array('Webb Before 2','Webb-before-2.jpg',400,266),
      new Array('Webb After 1','Webb-after-1.jpg',400,266),
      new Array('Webb After 2','Webb-after-2.jpg',266,400),
      new Array('Tapia Before','Tapia-Before.jpg',266,400),
      new Array('Tapia After','Tapia-After.jpg',266,400),
      new Array('Semeniuk Before 1','Semeniuk-Before-1.jpg',350,400),
      new Array('Semeniuk Before ','Semeniuk-Before-2.jpg',300,400),
      new Array('Semeniuk After 1','Semeniuk-After-1.jpg',266,400),
      new Array('Semeniuk After 2','Semeniuk-After-2.jpg',266,400),
      new Array('Rose Before','Rose-before.jpg',400,266),
      new Array('Rose After','Rose-after.jpg',400,266),
      new Array('Riendeau Before','Riendeau-Before.jpg',300,400),
      new Array('Riendeau After','Riendeau-After.jpg',400,300),
      new Array('Rich.Rinkema-Before','Rich.Rinkema-Before.jpg',300,400),
      new Array('Rich.Rinkema-After','Rich.Rinkema-After.jpg',300,400),
      new Array('Pond Before','Pond-Before.jpg',400,300),
      new Array('Pond After 1','Pond-After-1.jpg',400,300),
      new Array('Pond After 2','Pond-After-2.jpg',400,300),
      new Array('Pelland Before','Pelland-Before-1.jpg',300,400),
	  new Array('Pelland After 1','Pelland-After-1.jpg',300,400),
      new Array('Pelland After 2','Pelland-After-2.jpg',300,400),
	  new Array('Kalieta Before','Kalieta-Before.jpg',300,400),
	  new Array('Kalieta After','Kalieta-After.jpg',300,400),
      new Array('Kimel Before 1','Kimel-Before-1.jpg',300,400),
	  new Array('Kimel Before 2','Kimel-Before-2.jpg',300,400),
	  new Array('Kimel Before 3','Kimel-Before-3.jpg',400,300),
	  new Array('Kimel Before 4-1','Kimel-Before-4-1.jpg',300,400),
	  new Array('Kimel Before 4-2','Kimel-Before-4-2.jpg',400,300),
	  new Array('Kimel After 1','Kimel-After-1.jpg',400,300),
	  new Array('Kimel After 2','Kimel-After-2.jpg',300,400),
	  new Array('Kimel After 4-1','Kimel-After-4-1-1.jpg',400,300),
	  new Array('Kimel After 4-2','Kimel-After-4-1-2.jpg',400,300),
	  new Array('Kimel After 4-3','Kimel-After-4-2.jpg',300,400),
	  new Array('Kimel After 3-1','Kimel-After-3-1.jpg',300,400),
	  new Array('Kimel After 3-2','Kimel-After-3-2.jpg',300,400),	  
	  new Array('Keller Before','Keller-Before.jpg',300,400),
	  new Array('Keller After','Keller-After.jpg',300,400),	  
	  new Array('Kay Before 1','Kay-Before-1.jpg',400,300),	
	  new Array('Kay Before 2','Kay-Before-2.jpg',400,300),	
	  new Array('Kay After 1','Kay-After-1.jpg',400,300),	
	  new Array('Kay After 2','Kay-After-2.jpg',400,300),	
	  new Array('Dion Before 1','Dion-before-1.jpg',400,300),	
	  new Array('Dion Before 2','Dion-before-2.jpg',400,300),	
	  new Array('Dion After 1','Dion-after-1.jpg',400,300),
	  new Array('Dion After 2','Dion-after-2.jpg',400,300),	
	  new Array('Fonatana Before','Fonatana-before-2.jpg',400,300),
	  new Array('Fonatana After','Fonatana-after-1.jpg',400,300),
	  new Array('Before','Before.jpg',400,300),
	  new Array('After 1','After-1.jpg',400,287),
	  new Array('After 2','After-2.jpg',288,400),
	  new Array('Mayo After','Mayo-After.jpg',400,300),
      new Array('Picture 1','Picture-1.jpg',400,256),
	  new Array('Picture 2','Picture-2.jpg',400,254),
	  new Array('Picture 3','Picture-3.jpg',287,400),
	  new Array('Picture 4','Picture-4.jpg',400,287)
    )
  )
)

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]);
}