smallSizes = new Array(50,50);
mediumSizes = new Array(273,170);
pageName = 'roof.htm';
scriptName = 'roof.js';
countX = 3;
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('Roof Pavers','images/roof/small/','images/roof/big/','images/roof/popup/',
    new Array(
      new Array('','DSC00520.jpg',450,338,'','Large Scale Narrow Modular Pavers-Steel Reinforced','Pedestal set roof application',' Pedestal set roof application','','12" x 36" x 2 1/2"<br>12" x 48" x 2 1/2"','','Sandblast','','* Featured with Bison pedestals<br><img src="images/logo_bison.jpg">'),
      new Array('','DSC00522.jpg',450,338,'','Large Scale Narrow Modular Pavers-Steel Reinforced','Pedestal set roof application',' Pedestal set roof application','','12" x 36" x 2 1/2"<br>12" x 48" x 2 1/2"','','Sandblast','','* Featured with Bison pedestals<br><img src="images/logo_bison.jpg">'),

      new Array('','TNAH-multilevel.jpg',280,400,'images/profile/roof/Roof-Paver2.gif','Steel Reinforced Roof Paver','2004 New American Home, Las Vegas','Pedestal Supported','','24" x 24" x 2"','French Gray','Sandblast'),
      new Array('','TNAH-Small-005.jpg',260,400,'images/profile/roof/Roof-Paver2.gif','Steel Reinforced Roof Paver','2004 New American Home, Las Vegas','Pedestal Supported','','24" x 24" x 2"','French Gray','Sandblast'),
      new Array('','Roof-Pavers-Berkley.jpg',602,400,'images/profile/roof/Roof-Paver2.gif','Steel Reinforced Roof Paver','Graduate Theological Union, Berkley, CA','Pedestal Supported','','24" x 24" x 2"','Custom Color and Granada White with additional aggregate','Sandblast'),
      new Array('','77-07-70-Master.jpg',602,400,'images/profile/roof/Roof-Paver2.gif','Steel Reinforced Roof Paver','Townsend Condominiums, San Francisco','Pedestal Supported','','24" x 24" x 2"','',''),
      new Array('','77-07-88-Print-CMYK.jpg',602,400,'images/profile/roof/Roof-Paver2.gif','Steel Reinforced Roof Paver','Townsend Condominiums, San Francisco','Pedestal Supported','','24" x 24" x 2"','',''),
      new Array('','DSC_0126.jpg',598,400,'images/profile/roof/Drydeck.gif','Drydeck Roof Paver','Wilshire Margot, Los Angeles','Loose Layed','','24" x 24" x 2 1/2"','Porcelain & Caramel','Sandblast'),
      new Array('','DSC_0094flat.jpg',598,400,'images/profile/roof/Drydeck.gif','Drydeck Roof Paver','Wilshire Margot, Los Angeles','Loose Layed','','24" x 24" x 2 1/2"','Porcelain & Caramel','Sandblast'),
      new Array('','Wilshire-Margotflat.jpg',575,400,'images/profile/roof/Drydeck.gif','Drydeck Roof Paver','Wilshire Margot, Los Angeles','Loose Layed','','24" x 24" x 2 1/2"','Porcelain & Caramel','Sandblast'),

      new Array('','ritz dana point 007.jpg',534,400),
      new Array('','ritz dana point 022.jpg',534,400),
      new Array('','brown brothers 003.jpg',534,400),
      new Array('','dk2point loma.jpg',534,400),
      new Array('','DSC_0067.jpg',598,400),
      new Array('','DSC_0071.jpg',598,400),
      new Array('','DSC_0076.jpg',268,400),
      new Array('','DSC_0079.jpg',598,400),
      new Array('','DSC_0089.jpg',598,400),
      new Array('','pedestal.jpg',600,400),
      new Array('','pedestal4.jpg',600,400),
      new Array('','pedestal7.jpg',600,400),

      new Array('','12560004.jpg',614,400),
      new Array('','12560007.jpg',614,400),
      new Array('','12560008.jpg',262,400),
      new Array('','12560012.jpg',614,400),
      new Array('','Scan1.jpg',316,400),
      new Array('','Scan2 Edited.jpg',501,400),

      new Array('','Roof pavers railroad sq 016.jpg',496,400),
      new Array('','Roof Pavers.jpg',300,400),
      new Array('','P1010002.jpg',300,400),
      new Array('','P1010008.jpg',534,400),
 
      new Array('','pp01.jpg',273,170,'images/profile/roof/p01.gif','Drydeck Pavers, pedestal supported & Classic Pool Coping','Corporate Apartments in Santa Monica, CA','Coping - Mortar set, Drydeck - Loose laid','','14" x 24" x 2&frac12;", 24" x 24" x 2&frac12;"','Granada White and Iceberg Green','Light Sandblast Finish','This pool setting incorporates both Stepstone Pool Coping with Drydeck Pavers to form a design of fundamental beauty and substance that will last for many years'),
      new Array('','pp10-11.jpg',273,170,'images/profile/roof/p14.gif','Drydeck Pavers, pedestal supported','Corporate Apartments in Santa Monica, CA','Loose laid','','24" x 24" x 2&frac12;"','Granada White and Iceberg Green','Fine Grain Stipple Finish','Drydeck Pavers, pedestal supported, help create a design of fundamental beauty and substance that will last for many years'),
      new Array('','pp44-45.jpg',273,170,'images/profile/roof/p17.gif','California Architectural Pavers, pedestal supported','Getty Museum in Los Angeles, CA','Loose Laid','','24" x 24" x 2"','White - Custom Color','Light Sandblast Finish','This roof-top project was perfect for Stepstone California Architectural Pavers, pedestal supported, because of the visual appeal (hides roof drains) and it allows for a flat surface, providing safe walking access to building equipment. See "DETAILS" for more information'),
      new Array('','pp47.jpg',273,170,'images/profile/roof/p14.gif','California Architectural Pavers, pedestal supported','Century City Marriott, CA','Loose Laid','','18" x 18" x 2"','Beige - Custom Color','Sandblast Finish','Stepstone&lsquo;s California Architectural Pavers, pedestal supported, work wonders on this 3rd Floor roof-top deck area for guests to enjoy. Pool splash water falls between the pavers to the sloped roof, flowing to drainage below. See "DETAILS" for more information'),
      new Array('','pp48-49.jpg',273,170,'images/profile/roof/p14.gif','Classic Lightweight Ballastone Paver','Police Administration in Santa Ana, CA','Mortar Set','','24" x 24" x 2&frac12;"','Granada White','Fine Grain Stipple Finish','Stepstone makes a lightweight roofing paver called the Classic Lightweight Ballastone Paver for areas that require less weight and lighter foot traffic. Classic Lightweight Ballastone Pavers are made with expanded polystyrene and concrete reducing the weight by nearly half. See "DETAILS" for more information'),
      new Array('','pp02-03.jpg',273,170,'images/profile/dekstone/p14.gif','Drydeck Pavers, pedestal supported','Corporate Apartments in Santa Monica, CA','Loose laid','','24" x 24" x 2&frac12;"','Caf&eacute; Brown','Fine Grain Stipple Finish','A closer look at this outside courtyard setting with Stepstone Drydeck Pavers, pedestal supported. The pedestal feet keep the paver elevated allowing water to flow freely to the drains below'),
      new Array('','pp04-05.jpg',273,170,'images/profile/dekstone/p14.gif','Drydeck Pavers, pedestal supported','Corporate Apartments in Santa Monica, CA','Loose laid','','24" x 24" x 2&frac12;"','Almond','Fine Grain Stipple Finish','Another outside courtyard utilizing Stepstone Drydeck Pavers, pedestal supported, which help make being outside more enjoyable'),
      new Array('','pp05.jpg',273,170,'images/profile/dekstone/p14.gif','Drydeck Pavers, pedestal supported','Corporate Apartments in Santa Monica, CA','Loose laid','','24" x 24" x 2&frac12;"','Almond','Fine Grain Stipple Finish','Stepstone Drydeck Pavers, pedestal supported, are ideal for this outside corridor. The pavers are an open joint, loose laid flexible deck system designed to rest directly on the deck with embedded pedestal feet made of "DOW" styrofoam at the corners'),
      new Array('','pp08-09.jpg',273,170,'images/profile/dekstone/p14.gif','Drydeck Pavers, pedestal supported','Corporate Apartments in Santa Monica, CA','Loose laid','','24" x 24" x 2&frac12;"','Granada White and Iceberg Green','Fine Grain Stipple Finish','As seen earlier, this pool setting uses Drydeck Pavers, pedestal supported, to carry away pool splash. The water falls between the pavers and flows to the drains below')

    )
  )
)

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 showProfileNew(ind) {
  width = arImages[section][4][ind][2]+300;
  height = arImages[section][4][ind][3]+150;
  if (height<500) height = 500;
  win = window.open('profile_popup.htm?script='+scriptName+'&section='+section
	+'&ind='+ind,'_blank','width='+width+',height='
	+height+',left=17,top=17,statusbar=no,toolbar=no,scrollbars= never,navbar=no');
  win.focus();
}