smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'port_before_after.html';
scriptName = 'port_before_after.js';
countX = 4;
countY = 4;

// sections: name, small images path, medium images path, big images path
// images: name, src, big width, big height
var arImages = new Array(
  new Array('Before & After','images/portfolio_new/small/','images/portfolio_new/medium/','images/portfolio_new/big/',
    new Array(
		new Array('Before 1','BMN_camera_041.jpg',600,400,'Bloomington, MN'), 
		new Array('After 1','BMN_Picture_106.jpg',600,400,'Bloomington, MN'), 
		new Array('Before 2','BMN2_camera_043.jpg',600,400,'Bloomington, MN'), 
		new Array('After 2','BMN2_IM001402.jpg',533,400,'Bloomington, MN'), 
		new Array('Before 3','EMN2_Photo_042208_008.jpg',500,400,'Eagan, MN'), 
		new Array('After 3','EMN2_6-26_009.jpg',533,400,'Eagan, MN'), 
		new Array('Before 4','EXMN2_Picture_085.jpg',533,400,'Excelsior, MN'), 
		new Array('After 4','EXMN2_wissink_year_2_039.jpg',600,400,'Excelsior, MN'), 
		new Array('Before 5','GMN_Copy_of_Picture_067.jpg',600,400,'Grant, MN'), 
		new Array('After 5','GMN_Copy_of_Sr.s_190.jpg',533,400,'Grant, MN'), 
		new Array('Before 6','HLMN_2004_0914Image0160.jpg',300,400,'Ham Lake, MN'), 
		new Array('After 6','HLMN_Phillips_June_2006-14.jpg',533,400,'Ham Lake, MN'), 
		new Array('Before 7','HLMN2_Phillips30.jpg',533,400,'Ham Lake, MN'), 
		new Array('After 7','HLMN2_Phillips_June_2006-11.jpg',533,400,'Ham Lake, MN'), 
		new Array('Before 8','HLMN3_2005_0201Image0138.jpg',533,400,'Ham Lake, MN'), 
		new Array('After 8','HLMN3_Phillips_June_2006-57.jpg',300,400,'Ham Lake, MN'), 
		new Array('Before 9','HLMN4_2005_0201Image0168.jpg',533,400,'Ham Lake, MN'), 
		new Array('After 9','HLMN4_Phillips_June_2006-13.jpg',533,400,'Ham Lake, MN'), 
		new Array('Before 10','HUWI_Myhre_before_016.jpg',533,400,'Hudson, WI'), 
		new Array('After 10','HUWI_wurm_finished_030.jpg',533,400,'Hudson, WI'), 
		new Array('Before 11','MHMN_Miscc_photos_063.jpg',533,400,'Mahtomedi, MN'), 
		new Array('After 11','MHMN_07_Fagely_after_020.jpg',533,400,'Mahtomedi, MN'), 
		new Array('Before 12','MHMN2_Miscc_photos_058.jpg',533,400,'Mahtomedi, MN'), 
		new Array('After 12','MHMN2_07_Fagely_after_025.jpg',533,400,'Mahtomedi, MN'), 
		new Array('Before 13','MDMN_hyde_before_035.jpg',533,400,'Medina, MN'), 
		new Array('After 13','MDMN_Copy_of_hyde_finished_.jpg',533,400,'Medina, MN'), 
		new Array('Before 14','MDMN2_hyde_before_021.jpg',533,400,'Medina, MN'), 
		new Array('After 14','MDMN2_hyde_during_064.jpg',533,400,'Medina, MN'), 
		new Array('Before 15','MPMN_Before_013.jpg',533,400,'Minneapolis, MN'), 
		new Array('After 15','MPMN_P5240101.jpg',533,400,'Minneapolis, MN'), 
		new Array('Before 16','OMN_Lafavre_041.jpg',533,400,'Orono, MN'), 
		new Array('After 16','OMN_Picture_130.jpg',600,400,'Orono, MN'), 
		new Array('Before 17','RMN_Beach_002.jpg',533,400,'Robbinsdale, MN'), 
		new Array('After 17','RMN_Beach_007.jpg',533,400,'Robbinsdale, MN'), 
		new Array('Before 18','SHMN_Blaske_019.jpg',533,400,'Shoreview, MN'), 
		new Array('After 18','SHMN_P6240027.jpg',533,400,'Shoreview, MN'), 
		new Array('Before 19','SHMN2_Blaske_007.jpg',533,400,'Shoreview, MN'), 
		new Array('After 19','SHMN2_Blaske_Portfoio_1.jpg',300,400,'Shoreview, MN'), 
		new Array('Before 20','STMN_Picture_104.jpg',533,400,'St. Louis Park, MN'), 
		new Array('After 20','STMN_day_6_009.jpg',533,400,'St. Louis Park, MN'), 
		new Array('Before 21','SP_07_Brundage_Awards_059.jpg',300,400,'St. Paul'), 
		new Array('After 21','SP_07_Brundage_Awards_016.jpg',300,400,'St. Paul'), 
		new Array('Before 22','SF_GS_8.jpg',600,400,'State Fairgrounds'), 
		new Array('After 22','SF_08-08-20_Bever_Photos_06.jpg',533,400,'State Fairgrounds'), 
		new Array('Before 23','SWMN_Jones_Before.jpg',599,400,'Stillwater, MN'), 
		new Array('After 23','SWMN_JonesAfter_35.jpg',533,400,'Stillwater, MN'), 
		new Array('Before 24','SWMN2_Picture_013.jpg',562,375,'Stillwater, MN'), 
		new Array('After 24','SWMN2_Picture_593.jpg',533,400,'Stillwater, MN'), 
		new Array('Before 25','SWMN3_Obrian_001.jpg',533,400,'Stillwater, MN'), 
		new Array('After 25','SWMN3_obrian_finish.jpg',533,400,'Stillwater, MN'), 
		new Array('Before 26','WBLMN_Arcand_006.jpg',533,400,'White Bear Lake, MN'), 
		new Array('After 26','WBLMN_Arcand_After_004.jpg',533,400,'White Bear Lake, MN'), 
		new Array('Before 27','WBLMN2_Arcand_005.jpg',533,400,'White Bear Lake, MN'), 
		new Array('After 27','WBLMN2_Arcand_After_002.jpg',533,400,'White Bear Lake, MN'), 
		new Array('Before 28','WBMN_Picture_141_a.jpg',600,400,'Woodbury, MN'), 
		new Array('After 28','WBMN_Picture_518.jpg',533,400,'Woodbury, MN'),
		new Array('Before 29','Picture_143_a.jpg',600,400,'Woodbury, MN'), 
		new Array('After 29','Picture_983.jpg',533,400,'Woodbury, MN'), 
		new Array('Photo 1','HGTV_m_photos_001.jpg',533,400,'As seen on HGTV'), 
		new Array('Photo 2','HGTV_m_photos_002.jpg',533,400,'As seen on HGTV') 
    ),'Click on the images to view a larger display of our elegant colors, shapes and patterns.',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 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]+', '+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]);
}

