smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'concrete.htm';
scriptName = 'concrete.js';
countX = 5;
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('Photo Gallery','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Cobble & Exposed Aggregate','img_3813_edited-1.jpg',300,400,''), 
		new Array('Cobble & Exposed Aggregate','img_3814_edited-1.jpg',300,400,''), 
		new Array('Exposed Aggregate Concrete','CConcrete_img_3247_edited-1.jpg',600,400,''), 
		new Array('Taylor Exposed Aggregate','hardscape-1.jpg',533,400,''), 
		new Array('Taylor Exposed Aggregate','hardscape-2.jpg',533,400,''), 
		new Array('Taylor Exposed Aggregate','hardscape-3.jpg',486,400,''), 	
		new Array('Acid Wash Concrete','CConcrete_img_3247_edited-1.jpg',600,400,''), 
		new Array('Acid Wash Concrete','CConcrete_img_3248_edited-1.jpg',579,400,''), 
		new Array('Acid wash finish','customconcrete.jpg',335,400,''), 
//		new Array('Exposed aggregate concrete','lw_concrete_1.jpg',608,400,''), 
//		new Array('Exposed aggregate concrete','lw_concrete_2.jpg',269,400,''),
		new Array('Texture matt finish','image1-40.jpg',586,400,''), 
		new Array('Exposed aggregate finish','customconcrete1.jpg',700,398,''), 
		new Array('Acidwash finish','lw_waterfeaturespools3-1.jpg',533,400,''),
		new Array('Ashline - Exposed Aggregate','img_1765_edited-1.jpg',533,400,''),
		new Array('Cantilevered Pool Coping','lw_web_paving-1.jpg',533,400,''),
		new Array('Goodwyn - Stamped Concrete','ref_image1-61.jpg',591,400,''),
		new Array('Colored Concrete & Reefstone','img_1781.jpg',533,400,''),
		new Array('Aryan','img_3024_edited-1.jpg',533,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Premium Colors','images/concrete_colors/small/','images/concrete_colors/medium/','images/concrete_colors/big/',
    new Array(
		new Array('Sangria<br>1.5 LBS 1117','pr_sangria.jpg',333,400,''), 
		new Array('Tile Red<br>3 LBS 1117','pr_tilered.jpg',333,400,''), 
		new Array('Brick Red<br>4 LBS 160','pr_brickred.jpg',333,400,''), 
		new Array('San Diego Buff<br>1.5 LBS 5237','pr_sandiegobuff.jpg',333,400,''), 
		new Array('Sunset Rose<br>1 LB 160','pr_sansetrose.jpg',333,400,''), 
		new Array('Baja Red<br>2 LBS 160','pr_bajared.jpg',333,400,''), 
		new Array('Terra Cotta<br>4 LBS 10134','pr_terracota.jpg',333,400,''), 
		new Array('Spanish Gold<br>3 LBS 5084','pr_spanishgold.jpg',333,400,''), 
		new Array('Southern Blush<br>1 LB 10134','pr_southernblush.jpg',333,400,''), 
		new Array('Salmon<br>2 LBS 10134','pr_salmon.jpg',333,400,''), 
		new Array('Mesa Buff<br>2 LBS 5447','pr_mesabuff.jpg',333,400,''), 
		new Array('Palomino<br>3 LBS 5447','pr_palomino.jpg',333,400,''), 
		new Array('Flagstone Brown<br>3 LBS 641','pr_flagstonebrown.jpg',333,400,''), 
		new Array('Mesquite<br>1 LB 677','pr_mesquite.jpg',333,400,''), 
		new Array('Taupe<br>2 LBS 677','pr_taupe.jpg',333,400,''), 
		new Array('Sierra<br>2 LBS 61078','pr_sierra.jpg',333,400,''), 
		new Array('Adobe<br>4 LBS 61078','pr_adobe.jpg',333,400,''), 
		new Array('Kahlua<br>4 LBS 677','pr_kahlua.jpg',333,400,''), 
		new Array('Pewter<br>1 LB 860','pr_pewter.jpg',333,400,''), 
		new Array('Cobblestone<br>2 LBS 860','pr_cobblestone.jpg',333,400,''), 
		new Array('Graphite<br>2 LBS 8084 *','pr_graphite.jpg',333,400,''), 
		new Array('Willow Green<br>3 LBS 5376','pr_willowgreen.jpg',333,400,''),
		new Array('Green Slate<br>3 LBS 3685','pr_greenslate.jpg',333,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  ),
  new Array('Standard Colors','images/concrete_colors/small/','images/concrete_colors/medium/','images/concrete_colors/big/',
    new Array(
		new Array('Sandstone<br>0.75 LB 5237','st_sandstone.jpg',333,400,''), 
		new Array('Canyon<br>0.5 LB 160','st_canyon.jpg',333,400,''), 
		new Array('Santa Fe<br>0.75 LB 1117','st_santafe.jpg',333,400,''), 
		new Array('Mocha<br>1 LB 6058','st_mocha.jpg',333,400,''), 
		new Array('Rustic Brown<br>2 LBS 6058','st_rusticbrown.jpg',333,400,''), 
		new Array('Pebble<br>0.5 LB 641','st_pebble.jpg',333,400,''), 
		new Array('Dune<br>0.5 LB 6058','st_dune.jpg',333,400,''), 
		new Array('Outback<br>0.5 LB 677','st_outback.jpg',333,400,''), 
		new Array('Sequoia Sand<br>1 LB 641','st_sequilasand.jpg',333,400,''), 
		new Array('Yosemit Brown<br>2 LBS 641','st_yosemitbrown.jpg',333,400,''),
		new Array('Silversmoke<br>0.25 LB 8084 * or 1.25 LBS 860','st_silversmoke.jpg',333,400,''), 
		new Array('Light Gray<br>0.5 LB 8084 * or 2.5 LBS 860','st_lightgray.jpg',333,400,''), 
		new Array('Omaha Tan<br>1 LB 5084','st_omahatan.jpg',333,400,''), 
		new Array('Harvest Gold<br>2 LBS 5084','st_harvestgold.jpg',333,400,''), 
		new Array('Dark Gray<br>1 LB 8084 * or 5 LBS 860','st_darkgray.jpg',333,400,''), 
		new Array('Bayou<br>1 LB 6130','st_bayou.jpg',333,400,''), 
		new Array('Cocoa<br>2 LBS 6130','st_cocoa.jpg',333,400,'')
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.'
  )
)

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 menu_concrete_colors() {
  var jp;
  document.write('<table border="0" cellspacing="0" cellpadding="0">');
  document.write('<tr><td>Choose a category:&nbsp;<select name="cat" class="select1" onChange="if (this.value.length!=0) window.location=this.value" style="font-size:9px;">');
  for (jp=0;jp<arImages.length;jp++) {
    document.write('<option value="'+pageName+'?section='+jp+'"'+((jp==section)?' selected':'')+'>'+arImages[jp][0]+'</option>');
  }  
  document.write('</select></td></tr>')
  document.write('</table>');
} 
  
function showImageMedium(number) {
  showImage('imagemedium',arImages[section][2]+arImages[section][4][number][1]);
  if (arImages[section][4][number][0]!='')
   showMessage('imagemediumname',arImages[section][4][number][0]);   
  else
   showMessage('imagemediumname','Photo '+Number(Number(number)+1));
}

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