smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.htm';
scriptName = 'portfolio.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('Residential','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','res_018.jpg',400,267,''), 
		new Array('','res_019.jpg',400,267,''), 
		new Array('','res_025.jpg',400,267,''), 
		new Array('','res_027.jpg',400,267,''), 
		new Array('','res_036.jpg',400,267,''), 
		new Array('','res_038.jpg',400,267,''), 
		new Array('','res_045.jpg',400,267,''), 
		new Array('','res_046.jpg',400,267,''), 
		new Array('','res_051.jpg',400,267,''), 
		new Array('','res_054.jpg',400,267,''), 
		new Array('','res_056.jpg',400,267,''), 
		new Array('','res_057.jpg',400,267,''), 
		new Array('','res_058.jpg',400,267,''), 
		new Array('','res_059.jpg',400,267,''), 
		new Array('','res_060.jpg',400,267,''), 
		new Array('','res_062.jpg',400,267,''), 
		new Array('','res_064.jpg',400,267,''), 
		new Array('','res_069.jpg',400,267,''), 
		new Array('','res_076.jpg',400,267,''), 
		new Array('','res_078.jpg',400,267,'')	
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',11
  ),
  new Array('Builders','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','builders5.jpg',400,300,''), 
		new Array('','builders6.jpg',400,300,''), 
		new Array('','builderspics.jpg',400,300,''), 
		new Array('','builderspics2.jpg',450,191,''), 
		new Array('','builderspics3.jpg',400,300,''), 
		new Array('','builderspics4.jpg',400,300,''), 
		new Array('','builderspics7.jpg',400,300,''), 
		new Array('','builderspicsafterA.jpg',400,300,''), 
		new Array('','builderspicsafterB.jpg',400,300,''), 
		new Array('','buildw_079.jpg',400,267,''), 
		new Array('','buildw_081.jpg',400,267,''), 
		new Array('','buildw_082.jpg',400,267,''), 
		new Array('','buildw_084.jpg',400,267,''), 
		new Array('','buildw_085.jpg',400,267,''), 
		new Array('','buildw_086.jpg',400,267,'')	
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',12
  ),
  new Array('Commercial','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Camino Real','cr_01.jpg',512,384,''), 
		new Array('Camino Real','cr_02.jpg',512,384,''), 
		new Array('Camino Real','cr_03.jpg',512,384,''), 
		new Array('Camino Real','cr_04.jpg',512,384,''), 
		new Array('Camino Real','cr_05.jpg',512,384,''), 
		new Array('Camino Real','cr_06.jpg',512,384,''), 
		new Array('Camino Real','cr_07.jpg',512,384,''), 
		new Array('Camino Real','cr_08.jpg',512,384,''), 
		new Array('Camino Real','cr_09.jpg',300,400,''), 
		new Array('Camino Real','cr_10.jpg',512,384,''), 
		new Array('Camino Real','cr_11.jpg',300,400,''), 
		new Array('Camino Real','cr_12.jpg',512,384,''), 
		new Array('Camino Real','cr_13.jpg',300,400,''), 
		new Array('Camino Real','cr_14.jpg',512,384,''), 
		new Array('Camino Real','cr_15.jpg',512,384,''), 
		new Array('Camino Real','cr_16.jpg',512,384,''), 
		new Array('Camino Real','cr_17.jpg',512,384,''), 
		new Array('Camino Real','cr_18.jpg',512,384,''), 
		new Array('Camino Real','cr_19.jpg',512,384,''), 
		new Array('Camino Real','cr_20.jpg',512,384,''), 
		new Array('Camino Real','cr_21.jpg',300,400,''), 
		new Array('Camino Real','cr_22.jpg',512,384,''), 
		new Array('Camino Real','cr_23.jpg',512,384,''), 
		new Array('Camino Real','cr_24.jpg',300,400,''), 
		new Array('Camino Real','cr_25.jpg',512,384,''), 
		new Array('Camino Real','cr_26.jpg',512,384,''), 
		new Array('Camino Real','cr_27.jpg',512,384,''), 
		new Array('Camino Real','cr_28.jpg',300,400,''), 
		new Array('Camino Real','cr_29.jpg',512,384,''), 
		new Array('Camino Real','cr_30.jpg',512,384,''), 
		new Array('Camino Real','cr_31.jpg',512,384,''), 
		new Array('Camino Real','cr_32.jpg',300,400,''), 
		new Array('Camino Real','cr_33.jpg',300,400,''), 
		new Array('Camino Real','cr_34.jpg',512,384,''), 
		new Array('Camino Real','cr_35.jpg',512,384,''), 
		new Array('Camino Real','cr_36.jpg',300,400,''), 
		new Array('Camino Real','cr_37.jpg',512,384,''), 
		new Array('Camino Real','cr_38.jpg',300,400,''), 
		new Array('Camino Real','cr_39.jpg',300,400,''), 
		new Array('Camino Real','cr_40.jpg',300,400,''), 
		new Array('Camino Real','cr_41.jpg',300,400,''), 
		new Array('Camino Real','cr_42.jpg',300,400,''), 
		new Array('Camino Real','cr_43.jpg',300,400,''), 
		new Array('Camino Real','cr_44.jpg',300,400,''), 
		new Array('Camino Real','cr_45.jpg',512,384,''), 
		new Array('Camino Real','cr_46.jpg',512,384,''), 
		new Array('Camino Real','cr_47.jpg',300,400,''), 
		new Array('Camino Real','cr_48.jpg',300,400,''), 
		new Array('Camino Real','cr_49.jpg',300,400,''), 
		new Array('Camino Real','cr_50.jpg',300,400,''), 
		new Array('Camino Real','cr_51.jpg',300,400,''), 
		new Array('Camino Real','cr_52.jpg',512,384,''), 
		new Array('Camino Real','cr_53.jpg',300,400,''), 
		new Array('Camino Real','cr_54.jpg',300,400,''), 
		new Array('Camino Real','cr_55.jpg',512,384,''), 
		new Array('Camino Real','cr_56.jpg',300,400,''), 
		new Array('Camino Real','cr_57.jpg',512,384,''), 
		new Array('Camino Real','cr_58.jpg',512,384,''), 
		new Array('Camino Real','cr_59.jpg',300,400,''), 
		new Array('Camino Real','cr_60.jpg',512,384,''), 
		new Array('Camino Real','cr_61.jpg',512,384,''), 
		new Array('Camino Real','cr_62.jpg',300,400,''), 
		new Array('Camino Real','cr_63.jpg',300,400,''), 
		new Array('Camino Real','cr_64.jpg',300,400,''), 
		new Array('Camino Real','cr_65.jpg',512,384,''), 
		new Array('Camino Real','cr_66.jpg',512,384,''), 
		new Array('Camino Real','cr_67.jpg',512,384,''), 
		new Array('Camino Real','cr_68.jpg',512,384,''), 
		new Array('Camino Real','cr_69.jpg',512,384,''), 
		new Array('Camino Real','cr_70.jpg',300,400,''), 
		new Array('Camino Real','cr_71.jpg',300,400,''), 
		new Array('Camino Real','cr_72.jpg',512,384,''), 
		new Array('Camino Real','cr_73.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_01.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_02.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_03.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_04.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_05.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_06.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_07.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_08.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_09.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_10.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_11.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_12.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_13.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_14.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_15.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_16.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_17.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_18.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_19.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_20.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_21.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_22.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_23.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_24.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_25.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_26.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_27.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_28.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_29.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_30.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_31.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_32.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_33.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_34.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_35.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_36.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_37.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_38.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_39.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_40.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_41.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_42.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_43.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_44.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_45.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_46.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_47.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_48.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_49.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_50.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_51.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_52.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_53.jpg',512,384,''), 
		new Array('Caldwell Theater','ct_54.jpg',300,400,''), 
		new Array('Caldwell Theater','ct_55.jpg',512,384,''),
		new Array('','commerciallpics6.jpg',400,300,''), 
		new Array('','commercialpics.jpg',400,300,''), 
		new Array('','commercialpics2.jpg',400,300,''), 
		new Array('','commercialpics3.jpg',400,300,''), 
		new Array('','commercialpics4.jpg',400,300,''), 
		new Array('','commercialpics5.jpg',400,300,''), 
		new Array('','commercialpics8.jpg',400,300,''), 
		new Array('','commercialwork9.jpg',400,300,'')	
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',13
  ),
  new Array('Marble','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','marblework1.jpg',400,300,''), 
		new Array('','marblework2.jpg',400,300,''), 
		new Array('','marblework3.jpg',400,300,''), 
		new Array('','marblework4.jpg',400,300,''), 
		new Array('','marblework5.jpg',400,300,''), 
		new Array('','marblework6.jpg',400,300,'')	
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',14
  ),
  new Array('Retaining Walls','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','RETAINING WALL 3.jpg',591,400,''), 
		new Array('','RETAINING WALL.jpg',600,399,''), 
		new Array('','RETAINING WALL2.jpg',602,400,''), 
		new Array('','ROMAN PISA 2.jpg',600,399,''), 
		new Array('','ROMAN PISA.jpg',600,399,''), 	
		new Array('','retainingwall2.jpg',161,120,''), 
		new Array('','RETAININGWALL3.jpg',155,123,''), 
		new Array('','retainingwallpics.jpg',155,116,'') 	
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',15
  ),
  new Array('Before & After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before 1','after11.jpg',400,300,''), 
		new Array('After 1','after1.jpg',400,300,''), 
		new Array('Before 2','after31.jpg',400,300,''), 
		new Array('After 2','after3.jpg',400,300,''), 
		new Array('Before 3','after41.jpg',400,300,''), 
		new Array('After 3','after4.jpg',400,300,''), 
		new Array('Before 4','after51.jpg',400,300,''), 
		new Array('After 4','after5.jpg',400,300,''), 
		new Array('Before 5','after61.jpg',400,300,''),	
		new Array('After 5','after6.jpg',400,300,'') 
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',16
  )
)

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][4]!='')
   showMessage('imagemediumname',arImages[section][4][number][4]);   
  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]);
}