smallSizes = new Array(155,76);
mediumSizes = new Array(200,170);
pageName = 'products_bulkconstr.htm';
scriptName = 'colors.js';
countX = 2;
countY = 2;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Integral Color','images/colors/integralcolor/','','',
    new Array(
		new Array('413 Colony Red','0.jpg',155,76,'1% loading'), 
		new Array('413 Clay','1.jpg',155,76,'2% loading'), 
		new Array('413 Fox Red','2.jpg',155,76,'3% loading'),
		new Array('413 Terra Cota','3.jpg',155,76,'4% loading'), 
		new Array('417 Rose','4.jpg',155,76,'1% loading'),
		new Array('417 Brick Red','5.jpg',155,76,'2% loading'), 
		new Array('417 Paver Red','6.jpg',155,76,'3% loading'), 
		new Array('417 Apple Red','7.jpg',155,76,'4% loading'), 
		new Array('489 Dusty Rose','8.jpg',155,76,'1% loading'), 
		new Array('489 Light Plum','9.jpg',155,76,'2% loading'),
		new Array('489 Redwood','10.jpg',155,76,'3% loading'), 
		new Array('489 Dark Redwood','11.jpg',155,76,'4% loading'), 
		new Array('288 Rosemary','12.jpg',155,76,'1% loading'), 
		new Array('288 Ginger','13.jpg',155,76,'2% loading'), 
		new Array('288 Bamboo','14.jpg',155,76,'3% loading'), 
		new Array('288 Straw','15.jpg',155,76,'4% loading'), 
		new Array('750 Desert Tan','16.jpg',155,76,'1% loading'), 
		new Array('750 Salmon','17.jpg',155,76,'2% loading'), 
		new Array('750 Prairie Tan','18.jpg',155,76,'3% loading'), 
		new Array('750 Peach','19.jpg',155,76,'4% loading'), 
		new Array('775 Sand','20.jpg',155,76,'1% loading'), 
		new Array('775 Cedar','21.jpg',155,76,'2% loading'), 
		new Array('775 Camel','22.jpg',155,76,'3% loading'), 
		new Array('775 Sedona','23.jpg',155,76,'4% loading'), 
		new Array('757 Buckwheat','24.jpg',155,76,'1% loading'), 
		new Array('757 Pecan','25.jpg',155,76,'2% loading'), 
		new Array('757 Antique Gold','26.jpg',155,76,'3% loading'), 
		new Array('757 Old Gold','27.jpg',155,76,'4% loading'), 
		new Array('755 Trail Dust','28.jpg',155,76,'1% loading'), 
		new Array('755 Driftwood','29.jpg',155,76,'2% loading'), 
		new Array('755 Spice','30.jpg',155,76,'3% loading'), 
		new Array('755 Apricot','31.jpg',155,76,'4% loading'), 
		new Array('306 Canvas','32.jpg',155,76,'1% loading'), 
		new Array('306 Toffee','33.jpg',155,76,'2% loading'), 
		new Array('306 Burlap','34.jpg',155,76,'3% loading'), 
		new Array('306 Cinnamon','35.jpg',155,76,'4% loading'), 
		new Array('238 Thyme','36.jpg',155,76,'1% loading'), 
		new Array('238 Doeskin','37.jpg',155,76,'2% loading'), 
		new Array('238 Buttercup','38.jpg',155,76,'3% loading'), 
		new Array('238 Marigold','39.jpg',155,76,'4% loading'), 
		new Array('338 Earthen','40.jpg',155,76,'1% loading'), 
		new Array('338 Rawhide','41.jpg',155,76,'2% loading'), 
		new Array('338 Buckskin','42.jpg',155,76,'3% loading'), 
		new Array('338 Leather','43.jpg',155,76,'4% loading'), 
		new Array('385 Taupe','44.jpg',155,76,'1% loading'), 
		new Array('385 Lava','45.jpg',155,76,'2% loading'), 
		new Array('385 Buffalo','46.jpg',155,76,'3% loading'), 
		new Array('385 Bark','47.jpg',155,76,'4% loading'), 
		new Array('242 Sandstone','48.jpg',155,76,'1% loading'), 
		new Array('242 Sahara','49.jpg',155,76,'2% loading'), 
		new Array('242 Sandalwood','50.jpg',155,76,'3% loading'), 
		new Array('242 Nutmeg','51.jpg',155,76,'4% loading'), 
		new Array('492 Mauve','52.jpg',155,76,'1% loading'), 
		new Array('492 Merlot','53.jpg',155,76,'2% loading'), 
		new Array('492 Lilac','54.jpg',155,76,'3% loading'), 
		new Array('492 Garnet','55.jpg',155,76,'4% loading'), 
		new Array('467 Ash','56.jpg',155,76,'1% loading'), 
		new Array('467 Oyster','57.jpg',155,76,'2% loading'), 
		new Array('467 Orchid','58.jpg',155,76,'3% loading'), 
		new Array('467 Rustique','59.jpg',155,76,'4% loading'), 
		new Array('920 Slate','60.jpg',155,76,'1% loading'), 
		new Array('920 Smoke','61.jpg',155,76,'2% loading'), 
		new Array('920 Charcoal','62.jpg',155,76,'3% loading'), 
		new Array('920 Onyx','63.jpg',155,76,'4% loading') 
    ),155,76,2,2
  ),
  new Array('Hardeners and Releases','images/colors/hardeners/','','',
    new Array(
	    new Array('Ash White','0.jpg',140,42,'Signature Series'), 
		new Array('Sage','1.jpg',140,42,'Signature Series'), 
		new Array('Shadow Slate','2.jpg',140,42,'Signature Series'), 
		new Array('Bluestone','3.jpg',140,42,'Signature Series'), 
		new Array('Coronado','4.jpg',140,42,'Signature Series'), 
		new Array('Pecan','5.jpg',140,42,'Signature Series'), 
		new Array('Federal Yellow','6.jpg',140,42,'Signature Series'), 
		new Array('Federal Red','7.jpg',140,42,'Signature Series'), 
		new Array('Bone','8.jpg',140,42,'Classic Series'), 
		new Array('Antique White','9.jpg',140,42,'Classic Series'), 
		new Array('Cream Beidge','10.jpg',140,42,'Classic Series'), 
		new Array('Sand','12.jpg',140,42,'Classic Series'), 
		new Array('Venetian Pink','13.jpg',140,42,'Classic Series'), 
		new Array('Quarry Red','14.jpg',140,42,'Classic Series'), 
		new Array('Brick Red','15.jpg',140,42,'Classic Series'), 
		new Array('Canyon Red','16.jpg',140,42,'Classic Series'), 
		new Array('Stone Grey','17.jpg',140,42,'Classic Series'), 
		new Array('Light Grey','18.jpg',140,42,'Classic Series'), 
		new Array('Charcoal','19.jpg',140,42,'Classic Series'), 
		new Array('Black','20.jpg',140,42,'Classic Series'), 
		new Array('Saddle Brown','21.jpg',140,42,'Classic Series'), 
		new Array('Desert Tan','22.jpg',140,42,'Classic Series'), 
		new Array('Rust','23.jpg',140,42,'Classic Series'), 
		new Array('Nutmeg','24.jpg',140,42,'Classic Series'), 
		new Array('Autumn','25.jpg',140,42,'Classic Series'), 
		new Array('Mesa','26.jpg',140,42,'Classic Series'), 
		new Array('Terra Cota','27.jpg',140,42,'Classic Series'), 
		new Array('Plum','28.jpg',140,42,'Classic Series')
    ),140,42,2,2
  ),
  new Array('Acid Stains','images/colors/concrete/','','',
    new Array(
		new Array('Amber','0.jpg',191,191,'Concrete Stain'), 
		new Array('Antique Coppper','1.jpg',191,191,'Concrete Stain'), 
		new Array('Sun Baked Clay','2.jpg',191,191,'Concrete Stain'), 
		new Array('Hickory','3.jpg',191,191,'Concrete Stain'), 
		new Array('Peppercorn','4.jpg',191,191,'Concrete Stain'),
		new Array('Amarillo Tan','earth_AmarilloTan.jpg',191,191,'Earthtone Stains'), 
		new Array('Antique Gold','earth_AntiqueGold.jpg',191,191,'Earthtone Stains'), 
		new Array('Black Onyx','earth_BlackOnyx.jpg',191,191,'Earthtone Stains'), 
		new Array('Black Walnut','earth_BlackWalnut.jpg',191,191,'Earthtone Stains'), 
		new Array('Java Brown','earth_JavaBrown.jpg',191,191,'Earthtone Stains'), 
		new Array('Leaf Green','earth_LeafGreen.jpg',191,191,'Earthtone Stains'), 
		new Array('Sun Glow','earth_SunGlow.jpg',191,191,'Earthtone Stains'), 
		new Array('Terra Cotta','earth_TerraCotta.jpg',191,191,'Earthtone Stains'), 
		new Array('Aqua Blue Stain','kok_AquaBlueStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('Black Stain','kok_BlackStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('Cola Stain','kok_ColaStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('English Red Stain','kok_EnglishRedStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('Golden Wheat Stain','kok_GoldenWheatStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('Green Lawn Stain','kok_GreenLawnStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('Malay Tan Stain','kok_MalayTanStain.jpg',191,191,'Kokomo 2x concrete floor stain'), 
		new Array('Vintage Umber Stain','kok_VintageUmberStain.jpg',191,191,'Kokomo 2x concrete floor stain') 		
    ),191,191,3,2
  ),
  new Array('Enviro color chart','images/colors/enviro/','','',
    new Array(
		new Array('Black','Black.jpg',200,100,''), 
		new Array('White','White.jpg',200,100,''), 
		new Array('Grey (TL)','Grey_TL.jpg',200,100,''), 
		new Array('Red (TL)','Red_TL.jpg',200,100,''), 
		new Array('Green (TL)','Green_TL.jpg',200,100,''), 
		new Array('Blue (TL)','Blue_TL.jpg',200,100,''), 
		new Array('Turquoise (TL)','Turquoise_TL.jpg',200,100,''), 
		new Array('Yellow (TL)','Yellow_TL.jpg',200,100,''),
		new Array('Brown','Brown.jpg',200,100,''), 
		new Array('Pink','Pink.jpg',200,100,''), 
		new Array('Light Blue','Light_Blue.jpg',200,100,''), 
		new Array('Purple','Purple.jpg',200,100,''), 
		new Array('Light Green','LIght_Green.jpg',200,100,''), 
		new Array('Terra Cotta (TL)','Terra_Cotta_TL.jpg',200,100,''), 
		new Array('Dark Green (TL)','Dark_Green_TL.jpg',200,100,''), 
		new Array('Light Brown (TL)','Light_Brown_TL.jpg',200,100,''), 
		new Array('Cola (TL)','Cola_TL.jpg',200,100,''), 
		new Array('Brown (TL)','Brown_TL.jpg',200,100,'')
    ),200,100,3,2
  ),  
  new Array('Portfolio','images/colors/concrete/','','',
    new Array(
		new Array('1',191,191,'1') 		
    ),191,191,3,9,'portfolio.htm?section=3'
  )    
)

section = getParameter(self.document.location.href, 'section');
if (isNaN(section) || (section=='') || (section<0) || (section>arImages.length-1))
  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_portfolio() {
  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;width:150px;">');
  for (jp=0;jp<arImages.length;jp++) {
	if (typeof(arImages[jp][9])!='undefined') 
	 s_link=arImages[jp][9];
	else
	 s_link=pageName+'?section='+jp;
    document.write('<option value="'+s_link+'"'+((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]);
}