smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'colors.htm';
scriptName = 'colors_new.js';
countX = 3;
countY = 5;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Colors Collection','images/colors_new/tiles/','','images/colors_new/popups/',
    new Array(
		new Array('Aspen Brown','aspen_brown.jpg',251,269), 
		new Array('Remington','remington.jpg',251,245), 
		new Array('Burnt Sienna','burnt_sienna.jpg',251,249), 
		new Array('Peach','peach.jpg',251,235), 
		new Array('Buckskin','buckskin.jpg',223,257), 
		new Array('Butter Cream','butter_cream.jpg',251,268), 
		new Array('Charcoal','charcoal.jpg',251,253), 
		new Array('Indy Red','indy_red.jpg',251,249), 
		new Array('Dover White','dover_white.jpg',251,244), 
		new Array('Cocoa','cocoa.jpg',251,220), 
		new Array('Arctic White','arctic_white.jpg',251,244), 
		new Array('Peanut','peanut.jpg',223,257), 
		new Array('Chamois','chamois.jpg',251,268), 
		new Array('Empire Gray','empire_gray.jpg',241,269), 
		new Array('Sierra Buff','sierra_buff.jpg',223,257), 
		new Array('Slate','slate.jpg',251,238), 
		new Array('Soft Pink','soft_pink.jpg',251,249), 
		new Array('Sandstone','sandstone.jpg',251,268), 
		new Array('Harvest','harvest.jpg',257,241), 
		new Array('Wild Cherry','wild_cherry.jpg',251,245), 
		new Array('Natural Gray','natural_gray.jpg',251,248)
    )
  )
)

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