smallSizes = new Array(70,70);
mediumSizes = new Array(280,170);
pageName = 'colors.htm';
scriptName = 'colors.js';
countX = 3;
countY = 4;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height

//Trendstone (groundface block)
//Astra-Glaze-SW Block
//Mesastone Block (shotblast)

var arImages = new Array(

// Smooth Face
  new Array('Standard CMU','images/colors/Smooth Face/small/','images/colors/Smooth Face/medium/','images/colors/Smooth Face/big/',
    new Array(
      new Array('Autumn','Autumn.jpg',540,360),
      new Array('Black','Black.jpg',540,360),
      new Array('Bone','Bone.jpg',540,360),
      new Array('Buff','Buff.jpg',540,360),
      new Array('Charcoal','Charcoal.jpg',540,360),
      new Array('Cocoa Brown','Cocoa-Brown.jpg',540,360),
      new Array('Fuego Red','Fuego-Red.jpg',540,360),
      new Array('Gray','Gray.jpg',540,360),
      new Array('Harvest Brown','Harvest-Brown.jpg',540,360),
      new Array('Papago Red','Papago-Red.jpg',540,360),
      new Array('Peach','Peach.jpg',540,360),
      new Array('Plum','Plum.jpg',540,360),
      new Array('Purple Haze','Purple-Haze.jpg',540,360),
      new Array('Sedona Red','Sedona-Red.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown.jpg',540,360),
      new Array('Umber','Umber.jpg',540,360)
	)
  ),

  new Array('Split Face','images/colors/Split Face/small/','images/colors/Split Face/medium/','images/colors/Split Face/big/',
    new Array(
      new Array('Autumn','Autumn.jpg',540,360),
      new Array('Black','Black.jpg',540,360),
      new Array('Bone','Bone.jpg',540,360),
      new Array('Buff','Buff.jpg',540,360),
      new Array('Charcoal','Charcoal.jpg',540,360),
      new Array('Cocoa Brown','Cocoa-Brown.jpg',540,360),
      new Array('Fuego Red','Fuego-Red.jpg',540,360),
      new Array('Gray','Gray.jpg',540,360),
      new Array('Harvest Brown','Harvest-Brown.jpg',540,360),
      new Array('Papago Red','Papago-Red.jpg',540,360),
      new Array('Peach','Peach.jpg',540,360),
      new Array('Plum','Plum.jpg',540,360),
      new Array('Purple Haze','Purple-Haze.jpg',540,360),
      new Array('Sedona Red','Sedona-Red.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown.jpg',540,360),
      new Array('Umber Brown','Umber-Brown.jpg',540,360)
    )
  ),

  new Array('Founders Finish','images/colors/Founders Finish/small/','images/colors/Founders Finish/medium/','images/colors/Founders Finish/big/',
    new Array(
      new Array('Bone','Bone.jpg',540,360),
      new Array('Canyon','Canyon.jpg',540,360),
      new Array('Desert','Desert.jpg',540,360),
      new Array('Gray','Gray.jpg',540,360),
      new Array('Hayden','Hayden.jpg',540,360),
      new Array('Highland','Highland.jpg',540,360),
      new Array('Maricopa','Maricopa.jpg',540,360),
      new Array('Oak Creek','Oak-Creek.jpg',540,360),
      new Array('Platinum','Platinum.jpg',540,360),
      new Array('Sedona','Sedona.jpg',540,360),
      new Array('Sunset','Sunset.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown.jpg',540,360),
      new Array('Tierra','Tierra.jpg',540,360)
	)
  ),


  new Array('Sonora & Fluted Block','images/colors/Sonoran/small/','images/colors/Sonoran/medium/','images/colors/Sonoran/big/',
    new Array(
      new Array('Autumn','Autumn.jpg',540,360),
      new Array('Autumn','Autumn1.jpg',540,360),
      new Array('Black','Black.jpg',540,360),
      new Array('Black','Black1.jpg',540,360),
      new Array('Bone','Bone.jpg',540,360),
      new Array('Bone','Bone1.jpg',540,360),
      new Array('Buff','Buff.jpg',540,360),
      new Array('Buff','Buff1.jpg',540,360),
      new Array('Charcoal','Charcoal.jpg',540,360),
      new Array('Charcoal','Charcoal1.jpg',540,360),
      new Array('Cocoa Brown','Cocoa-Brown.jpg',540,360),
      new Array('Cocoa Brown','Cocoa-Brown1.jpg',540,360),
      new Array('Fuego Red','Fuego-Red.jpg',540,360),
      new Array('Fuego Red','Fuego-Red1.jpg',540,360),
      new Array('Gray','Gray.jpg',540,360),
      new Array('Gray','Gray1.jpg',540,360),
      new Array('Harvest Brown','Harvest-Brown.jpg',540,360),
      new Array('Harvest Brown','Harvest-Brown1.jpg',540,360),
      new Array('Papago Red','Papago-Red.jpg',540,360),
      new Array('Papago Red','Papago-Red1.jpg',540,360),
      new Array('Peach','Peach.jpg',540,360),
      new Array('Peach','Peach1.jpg',540,360),
      new Array('Purple Haze','Purple-Haze.jpg',540,360),
      new Array('Purple Haze','Purple-Haze1.jpg',540,360),
      new Array('Sedona Red','Sedona-Red.jpg',540,360),
      new Array('Sedona Red','Sedona-Red1.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown1.jpg',540,360),
      new Array('Umber Brown','Umber-Brown.jpg',540,360),
      new Array('Umber Brown','Umber-Brown1.jpg',540,360)
	)
  ),

// Smooth Face
  new Array('Vertical Scored Block','images/colors/Smooth Face/small/','images/colors/Smooth Face/medium/','images/colors/Smooth Face/big/',
    new Array(
      new Array('Autumn','Autumn.jpg',540,360),
      new Array('Black','Black.jpg',540,360),
      new Array('Bone','Bone.jpg',540,360),
      new Array('Buff','Buff.jpg',540,360),
      new Array('Charcoal','Charcoal.jpg',540,360),
      new Array('Cocoa Brown','Cocoa-Brown.jpg',540,360),
      new Array('Fuego Red','Fuego-Red.jpg',540,360),
      new Array('Gray','Gray.jpg',540,360),
      new Array('Harvest Brown','Harvest-Brown.jpg',540,360),
      new Array('Papago Red','Papago-Red.jpg',540,360),
      new Array('Peach','Peach.jpg',540,360),
      new Array('Plum','Plum.jpg',540,360),
      new Array('Purple Haze','Purple-Haze.jpg',540,360),
      new Array('Sedona Red','Sedona-Red.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown.jpg',540,360),
      new Array('Umber','Umber.jpg',540,360)
	)
  ),


// Smooth Face
  new Array('Integra Wall System','images/colors/Smooth Face/small/','images/colors/Smooth Face/medium/','images/colors/Smooth Face/big/',
    new Array(
      new Array('Autumn','Autumn.jpg',540,360),
      new Array('Black','Black.jpg',540,360),
      new Array('Bone','Bone.jpg',540,360),
      new Array('Buff','Buff.jpg',540,360),
      new Array('Charcoal','Charcoal.jpg',540,360),
      new Array('Cocoa Brown','Cocoa-Brown.jpg',540,360),
      new Array('Fuego Red','Fuego-Red.jpg',540,360),
      new Array('Gray','Gray.jpg',540,360),
      new Array('Harvest Brown','Harvest-Brown.jpg',540,360),
      new Array('Papago Red','Papago-Red.jpg',540,360),
      new Array('Peach','Peach.jpg',540,360),
      new Array('Plum','Plum.jpg',540,360),
      new Array('Purple Haze','Purple-Haze.jpg',540,360),
      new Array('Sedona Red','Sedona-Red.jpg',540,360),
      new Array('Tierra Brown','Tierra-Brown.jpg',540,360),
      new Array('Umber','Umber.jpg',540,360)
	)
  ),

  new Array('Interlocking Concrete Pavers','','','',
    new Array(
	)
  ),

  new Array('Keystone Retaining Walls','','','',
    new Array(
	)
  ),

  new Array('Trendstone (groundface block)','images/colors/groundface/small/','images/colors/groundface/medium/','',
    new Array(
      new Array('Purple haze','color_0.jpg',540,360),
      new Array('Peach','color_2.jpg',540,360),
      new Array('Cocoa Brown','color_3.jpg',540,360),
      new Array('Autumn Blend','color_4.jpg',540,360),
      new Array('Fuego Red','color_6.jpg',540,360),
      new Array('Tierra Brown','color_7.jpg',540,360),
      new Array('Umber Brown','color_8.jpg',540,360)
	)
  ),

  new Array('Astra-Glaze-SW Block','images/colors/glazed/small/','images/colors/glazed/medium/','',
    new Array(
      new Array('Purple haze','color_0.jpg',540,360),
      new Array('Gray Blend','color_1.jpg',540,360),
      new Array('Peach','color_2.jpg',540,360),
      new Array('Cocoa Brown','color_3.jpg',540,360),
      new Array('Autumn Blend','color_4.jpg',540,360),
      new Array('Sedona Red','color_5.jpg',540,360),
      new Array('Fuego Red','color_6.jpg',540,360),
      new Array('Tierra Brown','color_7.jpg',540,360)
	)
  ),
  
  new Array('Mesastone Block (shotblast)','images/colors/mesastone/small/','images/colors/mesastone/medium/','',
    new Array(
      new Array('Purple haze','color_0.jpg',540,360),
      new Array('Gray Blend','color_1.jpg',540,360),
      new Array('Peach','color_2.jpg',540,360),
      new Array('Cocoa Brown','color_3.jpg',540,360),
      new Array('Autumn Blend','color_4.jpg',540,360),
      new Array('Sedona Red','color_5.jpg',540,360),
      new Array('Fuego Red','color_6.jpg',540,360),
      new Array('Tierra Brown','color_7.jpg',540,360),
      new Array('Umber Brown','color_8.jpg',540,360)
	)
  )

)

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