smallSizes = new Array(77,77);
mediumSizes = new Array(133,133);
pageName = 'patterns.htm';
scriptName = 'patterns.js';
countX = 2;
countY = 4;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Bergerac Pavers','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('BERGERAC_A1+A2<br>Linear Pattern', 'bergerac1.gif')
    )
  ),

  new Array('Mega-Bergerac','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('MEGA_BERG_A1+A2<br>Linear Pattern<br>0% Large Square', 'megabergerac1.gif'),
      new Array('MEGA_BERG_B1+B2<br>Modular Pattern 0% Large<br>Square', 'megabergerac2.gif'),
      new Array('MEGA_BERG_C1+C2<br>Modular Pattern 10-15%<br>Large Square', 'megabergerac3.gif'),
      new Array('MEGA_BERG_D1+D2<br>Modular Pattern 20-25%<br>Large Square', 'megabergerac4.gif'),
      new Array('MEGA_BERG_E1+E2<br>Linear Pattern (checkerboard)<br>100% Large Square', 'megabergerac5.gif')
    )
  ),

  new Array('Mega Bergerac Paver (Small Rectangles)','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('MEGA_BERGERAC_A1+A2<br>90&deg; Herringbone', 'megabergerac_sr1.gif'),
      new Array('MEGA_BERGERAC_B1+B2<br>45&deg; Herringbone', 'megabergerac_sr2.gif'),
      new Array('MEGA_BERGERAC_C1+C2<br>Running Bond', 'megabergerac_sr3.gif')
    )
  ),

  new Array('Holland Paver','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('HOLLAND_A1<br>90&deg; Herringbone', 'holland1.gif'),
      new Array('HOLLAND_B1<br>45&deg; Herringbone', 'holland2.gif'),
      new Array('HOLLAND_C1<br>Running Bond', 'holland3.gif')
    )
  ),

  new Array('Dublin Cobble Paver','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('DUBLIN_COBBLE_A1+A2<br>Linear Pattern', 'dublin_cobble1.gif')
    )
  ),

  new Array('Dublin Cobble Modular (3pc)','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('DUBLIN_MOD_A1+A2<br>Linear Pattern,<br>0% Large Square', 'dublin_cobble_3pc1.gif'),
      new Array('DUBLIN_MOD_B1+B2<br>Modular Pattern,<br>0% Large Square', 'dublin_cobble_3pc2.gif'),
      new Array('DUBLIN_MOD_C1+C2<br>Modular Pattern,<br>10-15% Large Square', 'dublin_cobble_3pc3.gif'),
      new Array('DUBLIN_MOD_D1+D2<br>Modular Pattern,<br>20-25% Large Square', 'dublin_cobble_3pc4.gif'),
      new Array('DUBLIN_MOD_E1+E2<br>Linear Pattern (checkerboard)<br>100% Large Square', 'dublin_cobble_3pc5.gif')
    )
  ),

  new Array('Urbana Pavers','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('URBANA_A1+A2<br>Linear Pattern<br>0% Large Square', 'urbana1.gif'),
      new Array('URBANA_B1+B2<br>Modular Pattern<br>0% Large Square', 'urbana2.gif'),
      new Array('URBANA_C1+C2<br>Modular Pattern<br>10-15% Large Square', 'urbana3.gif'),
      new Array('URBANA_D1+D2<br>Modular Pattern<br>20-25% Large Square', 'urbana4.gif'),
      new Array('URBANA_E1+E2<br>Linear Pattern (checkerboard),<br>100% Large Square', 'urbana5.gif')
    )
  ),

  new Array('Arbel Pavers','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('ARBEL_A2<br>Random Pattern', 'arbel1.gif')
    )
  ),

  new Array('Mega-Arbel Pavers','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('MEGA-ARBEL_A2<br>Random Pattern', 'mega_arbel1.gif')
    )
  ),

  new Array('Subterra Permeable Paver','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('SUBTERRA_A2<br>90&deg; Herringbone', 'subterra1.gif'),
      new Array('SUBTERRA_B2<br>Runner Bond', 'subterra2.gif')
    )
  ),

  new Array('Old World Pavers','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('OLD_WORLD_PAVER_A1+A2<br>Linear Pattern', 'oldworld1.gif'),
      new Array('OLD_WORLD_PAVER_B1+B2<br>Linear Pattern with<br>Soldiers', 'oldworld2.gif')
    )
  ),

  new Array('Mega Lafitt Paver','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('MEGA_LAFITT_A1+A2<br>Linear Pattern<br>0% Large Square', 'mega_lafitt1.gif'),
      new Array('MEGA_LAFITT_B1+B2<br>Modular Pattern 0% Large<br>Square', 'mega_lafitt2.gif'),
      new Array('MEGA_LAFITT_C1+C2<br>Modular Pattern 10-15%<br>Large Square', 'mega_lafitt3.gif'),
      new Array('MEGA_LAFITT_D1+D2<br>Modular Pattern 20-25%<br>Large Square', 'mega_lafitt4.gif'),
      new Array('MEGA_LAFITT_E1+E2<br>Linear Pattern (checkerboard)<br>100% Large Square', 'mega_lafitt5.gif')
    )
  ),

  new Array('Water Ford Stone','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('WATERFORD_A1+A2<br>Random Ashlar', 'water_ford1.gif')
    )
  ),

  new Array('Dufferin Stone','images/patterns/small/','images/patterns/medium/','',
    new Array(
      new Array('DUFFERIN_A1+A2<br>Random Ashlar', 'dufferin1.gif')
    )
  )

)

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