
smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'mwb_photos.htm';
scriptName = 'mwb_photos.js';
countX = 5;
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('Remodeling &amp; Restorations - Interior Collection', 'interior_collection', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before','interior_3.jpg',733,480),
		new Array('After','interior_6.jpg',640,480), 
		new Array('Before','interior_11.jpg',640,480), 
		new Array('After','interior_14.jpg',640,480), 
		new Array('Before','interior_15.jpg',726,480), 
		new Array('After','interior_17.jpg',640,480), 
		new Array('Before','interior_23.jpg',724,480), 
		new Array('After','interior_24.jpg',640,480), 
		new Array('After','interior_26.jpg',640,480), 
		new Array('After','interior_27.jpg',640,480), 
		new Array('After','interior_29.jpg',640,480), 
		new Array('After','interior_30.jpg',640,480), 
		new Array('After','interior_35.jpg',640,480), 
		new Array('After','interior_36.jpg',640,480) 
    )
  ),
  new Array('Remodeling &amp; Restorations - Exterior Collection', 'exterior_collection', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
		new Array('Before','exterior_Before-1.jpg',448,317),
		new Array('After','exterior_After-1.jpg',448,336), 		
		new Array('Before','exterior_Before-2.jpg',448,294),
		new Array('After','exterior_After-2.jpg',448,336), 
		new Array('Before','exterior_3.jpg',640,480),
		new Array('Before','exterior_5.jpg',640,480),
		new Array('Before','exterior_6.jpg',640,480),
		new Array('Before','exterior_7.jpg',640,480),
		new Array('Before','exterior_8.jpg',640,480), 
		new Array('Before','exterior_11.jpg',640,480), 
		new Array('Before','exterior_12.jpg',640,480), 
		new Array('After','exterior_27.jpg',448,336), 
		new Array('After','exterior_32.jpg',640,480), 
		new Array('After','exterior_36.jpg',640,480), 
		new Array('After','exterior_37.jpg',640,480), 
		new Array('After','exterior_38.jpg',640,480), 
		new Array('After','exterior_43.jpg',448,336), 
		new Array('After','exterior_50.jpg',640,480) 
    )
  ),
  new Array('New Construction', 'new_construction', 'images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/', 
    new Array(  
		new Array('','interior_newph_001.jpg',600,400), 
		new Array('','interior_newph_002.jpg',600,400), 
		new Array('','interior_newph_003.jpg',600,400), 
		new Array('','interior_newph_004.jpg',600,400), 
		new Array('','interior_newph_005.jpg',600,400), 
		new Array('','interior_newph_006.jpg',600,400), 
		new Array('','interior_newph_007.jpg',600,400), 
		new Array('','interior_newph_008.jpg',600,400), 
		new Array('','interior_newph_009.jpg',600,400), 
		new Array('','interior_newph_010.jpg',600,400), 
		new Array('','interior_newph_011.jpg',600,400), 
		new Array('','interior_newph_012.jpg',600,400), 
		new Array('','interior_newph_013.jpg',600,400), 
		new Array('','interior_newph_014.jpg',600,400), 
		new Array('','interior_newph_015.jpg',600,400), 
		new Array('','interior_newph_016.jpg',600,400), 
		new Array('','interior_newph_017.jpg',600,400), 
		new Array('','interior_newph_018.jpg',600,400), 
		new Array('','interior_newph_019.jpg',600,400), 
		new Array('','interior_newph_020.jpg',600,400)
    )
  )
)  
section = getParameter(self.document.location.href, 'section');
var sectionIndex = 0;

if (section != '') {
  for (var i=0; i<arImages.length; i++) {
    if (arImages[i][1] == section) {
	  sectionIndex = i;
	  break;
	}
  }
}

section = arImages[sectionIndex][1];

ind = getParameter(self.document.location.href, 'ind');
if (isNaN(ind) || (ind=='') || (ind<0) || (ind>arImages[sectionIndex][5].length))
  ind = 0;

var arPreloadImages = new Array();
function preload() {
  if (arImages[sectionIndex][3]!='') {
    for (i=ind;(i<(Number(ind)+Number(countX*countY))) && (i<arImages[sectionIndex][5].length);i++) {
      arPreloadImages[i] = new Image(mediumSizes[0],mediumSizes[1]);
      arPreloadImages[i].src = arImages[sectionIndex][3]+arImages[sectionIndex][5][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='+arImages[jp][1]+'"'+((jp==sectionIndex)?' selected':'')+'>'+arImages[jp][0]+'</option>');
  }  
  document.write('</select></td></tr>')
  document.write('</table>');
}

function showImageMedium(number) {
  showImage('imagemedium',arImages[sectionIndex][3]+arImages[sectionIndex][5][number][1]);
  if (arImages[sectionIndex][5][number][0]!='')
   showMessage('imagemediumname',arImages[sectionIndex][5][number][0]);
  else
   showMessage('imagemediumname','Photo '+Number(Number(number)+1));

}

