smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'gravels.htm';
scriptName = 'gravels.js';
countX = 2;
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('Bulk sand and gravel','images/products/small/','images/products/medium/','images/products/big/',
    new Array(
      new Array('#10 Granite Stone (Dust)','10 Granite Stone Dust.jpg',534,400),
      new Array('#26 Granite Stone (Crusher Run)','26 Granite Stone Crusher Run.jpg',534,400),
      new Array('#3 Granite Stone','3 Granite Stone.jpg',534,400),
      new Array('#57 Granite Stone','57 Granite Stone.jpg',534,400),
      new Array('#57 Pink Marble','57 Pink Marble.jpg',534,400),
      new Array('#57 White Marble','57 White Marble.jpg',534,400),
      new Array('#78 Granite Stone','78 Granite Stone.jpg',534,400),
      new Array('Autumn Haze 4-8','Autumn Haze 4-8.jpg',534,400),
      new Array('Autumn Haze 8-12','Autumn Haze 8-12.jpg',534,400),
      new Array('Crushed 78\'s','Crushed 78s.jpg',300,400),
      new Array('Gabion Granite Stone 4-8','Gabion Granite Stone 4-8.jpg',534,400),
      new Array('Landscaping #57\'s','Landscaping 57s.jpg',534,400),
      new Array('Landscaping #8F\'s','Landscaping 8Fs.jpg',534,400),
      new Array('Red #10\'s Dust','Red 10s Dust.jpg',534,400),
      new Array('Red #3\'s','Red 3s.jpg',534,400),
      new Array('Red 26\'s Crusher Run','Red 26s Crusher Run.jpg',534,400),
      new Array('Red 57\'s','Red 57s.jpg',534,400),
      new Array('Red 8\'s','Red 8s.jpg',534,400),
      new Array('River Jack #57\'s','River Jack 57s.jpg',534,400),
      new Array('River Jack 2 - 6','River Jack 2 - 6.jpg',534,400),
      new Array('River Rock #3','River Rock 3.jpg',534,400),
      new Array('River Rock #57\'s','River Rock 57s.jpg',534,400),
      new Array('River Rock #8\'s','River Rock 8s.jpg',534,400),
      new Array('SAND-Brown Mortar','SAND-Brown Mortar.jpg',534,400),
      new Array('SAND-Concrete Sand','SAND-Concrete Sand.jpg',534,400),
      new Array('SAND-White Sand','SAND-White Sand.jpg',534,400),
      new Array('SAND-Yellow Mortar','SAND-Yellow Mortar.jpg',534,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]);
}