smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'colors.htm';
scriptName = 'colors.js';
countX = 4;
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('Bergerac','images/newcolors/Bergerac/small/','images/newcolors/Bergerac/medium/','images/newcolors/Bergerac/big/',
    new Array(
		new Array('Fossil Beige','Fossil_Beige.jpg',411,400,''), 
		new Array('Potomac','Potomac.jpg',411,400,''), 
		new Array('Silex Gray','Silex_Gray.jpg',411,400,''), 
		new Array('Terra Cotta','Terra_Cotta.jpg',411,400,'') 
    )
  ),
  new Array('London Cobble','images/newcolors/Cambridge/small/','images/newcolors/Cambridge/medium/','images/newcolors/Cambridge/big/',
    new Array(
		new Array('Fossil Beige','Fossil_Beige.jpg',400,400,''), 
		new Array('Potomac','Potomac.jpg',400,400,''), 
		new Array('Silex Gray','Silex_Gray.jpg',400,400,''), 
		new Array('Terra Cotta','Terra_Cotta.jpg',400,400,'')
    )
  ),
  new Array('Celtik Wall','images/newcolors/Celtik_Wal/small/','images/newcolors/Celtik_Wal/medium/','images/newcolors/Celtik_Wal/big/',
    new Array(
		new Array('Edinburgh','Edinburgh.jpg',493,400,''), 
		new Array('Oxford Charcoal','Oxford_Charcoal.jpg',375,400,''), 
		new Array('Potomac','Potomac.jpg',246,400,''), 
		new Array('Sheffield Beige','Sheffield_Beige.jpg',383,400,'') 
    )
  ),
  new Array('Dublin Cobble','images/newcolors/Dublin_Cobble/small/','images/newcolors/Dublin_Cobble/medium/','images/newcolors/Dublin_Cobble/big/',
    new Array(
		new Array('Fossil Beige','Fossil_Beige.jpg',392,400,''), 
		new Array('Potomac','Potomac.jpg',392,400,''), 
		new Array('Silex Gray','Silex_Gray.jpg',392,400,''), 
		new Array('Terra Cotta','Terra_Cotta.jpg',392,400,'')
    )
  ),
  new Array('Dublin Modular','images/newcolors/Dublin_Modular/small/','images/newcolors/Dublin_Modular/medium/','images/newcolors/Dublin_Modular/big/',
    new Array(
		new Array('Fossil Beige','Fossil_Beige.jpg',400,400,''), 
		new Array('Potomac','Potomac.jpg',400,400,''), 
		new Array('Silex Gray','Silex_Gray.jpg',400,400,''), 
		new Array('Terra Cotta','Terra_Cotta.jpg',400,400,'') 
    )
  ),
  new Array('Dufferin Stone','images/newcolors/Dufferin_Stone/small/','images/newcolors/Dufferin_Stone/medium/','images/newcolors/Dufferin_Stone/big/',
    new Array(
		new Array('Mixed','Mixed.jpg',683,400,'') 
    )
  ),
  new Array('Holland Stone','images/newcolors/Holland_Stone/small/','images/newcolors/Holland_Stone/medium/','images/newcolors/Holland_Stone/big/',
    new Array(
		new Array('Charcoal','Charcoal.jpg',533,400,''), 
		new Array('Fossil Beige','Fossil_Beige.jpg',533,400,''), 
		new Array('Potomac','Potomac.jpg',533,400,''), 
		new Array('Silex Gray','Silex_Gray.jpg',533,400,''), 
		new Array('Terra Cotta','Terra_Cotta.jpg',533,400,'') 
    )
  ),
  new Array('Mega Bergerac','images/newcolors/MegaBergerac/small/','images/newcolors/MegaBergerac/medium/','images/newcolors/MegaBergerac/big/',
    new Array(
		new Array('Fossil Beige','Fossil_Beige.jpg',250,400,''), 
		new Array('Potomac','Potomac.jpg',250,400,''), 
		new Array('Silex Gray','Silex_Gray.jpg',250,400,''), 
		new Array('Terra Cotta','Terra_Cotta.jpg',250,400,'') 
    )
  ),
  new Array('Natures Walk','images/newcolors/Natures_Walk/small/','images/newcolors/Natures_Walk/medium/','images/newcolors/Natures_Walk/big/',
    new Array(
		new Array('Tan Charcoal','Tan_Charcoal.jpg',398,400,'') 
    )
  ),
  new Array('Portage Stone','images/newcolors/Portage_Stone/small/','images/newcolors/Portage_Stone/medium/','images/newcolors/Portage_Stone/big/',
    new Array(
		new Array('Gray Charcoal','Gray_Charcoal.jpg',692,400,''), 
		new Array('Tan Charcoal','Tan_Charcoal.jpg',692,400,'') 
    )
  ),
  new Array('Yorkstone','images/newcolors/Yorkstone/small/','images/newcolors/Yorkstone/medium/','images/newcolors/Yorkstone/big/',
    new Array(
		new Array('Gray','Gray.jpg',300,400,'')  
    )
  )
)

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