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

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Commercial Projects','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','c_1002184.jpg',533,400), 
		new Array('','c_BB-07BG.jpg',495,400), 
		new Array('','c_BB-08BG.jpg',510,400), 
		new Array('','c_CanyonLakesRoad.jpg',533,400), 
		new Array('','c_CommercialgoldBG.jpg',533,400), 
		new Array('','c_DSC_0246.jpg',265,400), 
		new Array('','c_Estanzia.jpg',700,366), 
		new Array('','c_HawksCountryClub.jpg',419,281), 
		new Array('','c_HawksCountryClub1.jpg',268,400), 
		new Array('','c_NovaLibrary.jpg',422,280), 
		new Array('','c_NovaLibrary1.jpg',267,400), 
		new Array('','c_Scan0001.jpg',304,400), 
		new Array('','c_Scan00020.jpg',317,400), 
		new Array('','c_Scan00030.jpg',503,400), 
		new Array('','c_Scan00040.jpg',626,400), 
		new Array('','c_Scan00050.jpg',620,400), 
		new Array('','c_Scan00060.jpg',264,400), 
		new Array('','c_Scan00070.jpg',615,400), 
		new Array('','c_ThePeninsula.jpg',619,400), 
		new Array('','c_ThePeninsula1.jpg',330,400) 
    ),0
  ),
  new Array('Residential Projects','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','r_12x12OldChicagoRedYelBrow.jpg',539,400), 
		new Array('','r_12x12TanCoral.jpg',539,400), 
		new Array('','r_4x8Drive.jpg',539,400), 
		new Array('','r_BishopHatOakrun.jpg',541,400), 
		new Array('','r_CamelCoralDrive.jpg',537,400), 
		new Array('','r_Cobble.jpg',539,400), 
		new Array('','r_CobStonePoincianaDrive.jpg',539,400), 
		new Array('','r_CornithOrangeTanChocolate.jpg',539,400), 
		new Array('','r_CrownStoneGranite.jpg',540,400), 
		new Array('','r_CrownStoneOakrun.jpg',539,400), 
		new Array('','r_CrownStoneRoyalBlend.jpg',538,400), 
		new Array('','r_CrownStoneTanCoralDrive.jpg',539,400), 
		new Array('','r_CrwonStoneFanRedTan.jpg',539,400), 
		new Array('','r_GreyDriveway.jpg',539,400), 
		new Array('','r_GuitarGroovedDrive.jpg',538,400), 
		new Array('','r_NaturalGreyBlend.jpg',539,400), 
		new Array('','r_Poincian4x8.jpg',539,400), 
		new Array('','r_POOL.jpg',630,395)
    ),0
  ),
  new Array('Before and After','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before','ba_AsphaltPaversBG.jpg',700,379), 
		new Array('After','ba_AsphaltPaversAfterBG.jpg',650,400), 
		new Array('Before','ba_ChattahoochieBeforeBG.jpg',629,400), 
		new Array('After','ba_ChattahoochieAfterBG.jpg',635,400), 
		new Array('Before','ba_ClayBeforeBG.jpg',665,400), 
		new Array('After','ba_ClayAfterBG.jpg',652,400), 
		new Array('Before','ba_DoubleDriveBeforeBG.jpg',654,400), 
		new Array('After','ba_DoubleDriveAfterBG.jpg',645,400), 
		new Array('Before','ba_OldChicagoBeforeBG.jpg',700,379), 
		new Array('After','ba_OldChicagoAfterBG.jpg',700,378), 
		new Array('Before','ba_PrecastBeforeBG.jpg',653,400), 
		new Array('After','ba_PrecastAfterBG.jpg',637,400), 
		new Array('Before','ba_WoodenDeckBeforeBG.jpg',631,400),
		new Array('After','ba_WoodenDeckAfterBG.jpg',604,400), 
		new Array('Before','ba_walkway2BG.jpg',265,400), 
		new Array('After','ba_WalkwayBG.jpg',285,400) 
    ),0
  ),
  new Array('Services - Cleaning/Sealing','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('','sc_cleaning1.jpg',591,400), 
		new Array('','sc_cleaning.jpg',604,400), 
		new Array('','sc_Before_AfterBG.jpg',525,400), 
		new Array('','sc_fixedbeforeBG.jpg',613,400), 
		new Array('','sc_Fixed2BG.jpg',543,400), 
		new Array('','sc_AdjustedCompBG.jpg',605,400)
    ),0
  )  
)

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 preloadphotos() {
  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;">');
  document.write('<option value="portfolio.htm">Categories Menu</option>');
  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]);
}