smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'portfolio.htm';
scriptName = 'portfolio.js';
countX = 4;
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('Portfolio','images/portfolio/small/','images/portfolio/medium/','images/portfolio/big/',
    new Array(
      new Array('Photo 1','a1.jpg',550,400),
      new Array('During','a2.jpg',550,400),
      new Array('Photo 3','a3.jpg',550,400),
      new Array('Photo 4','a4.jpg',550,400),
      new Array('Photo 5','a5.jpg',550,400),
      new Array('Photo 6','a6.jpg',550,400),
      new Array('Photo 7','a7.jpg',550,400),
      new Array('Photo 8','a8.jpg',550,400),
      new Array('Photo 9','a9.jpg',550,400),
      new Array('Photo 10','a10.jpg',550,400),
      new Array('Photo 11','a11.jpg',550,400),
      new Array('Photo 12','a12.jpg',550,400),
	  
	       new Array('Pool Area Before','b8.jpg',550,400),
	 new Array('Pool Area After','b1.jpg',550,366),
      new Array('Pool Area After','b2.jpg',550,400),
      new Array('Pool Area After','b3.jpg',300,448),
      new Array('Pool Area After','b4.jpg',550,400),
      new Array('Pool Area After','b5.jpg',550,366),
      new Array('Pool Area After','b6.jpg',550,366),
      new Array('Pool Area After','b7.jpg',550,366),
      new Array('Side Yard Before','b11.jpg',550,400),
      new Array('Side Yard After','b9.jpg',300,448),
      new Array('Side Yard After','b10.jpg',550,400),
      new Array('Side Yard After','b12.jpg',550,366),
	  
	  new Array('Photo 25','c1.jpg',550,400),
      new Array('Photo 26','c2.jpg',550,400),
      new Array('Photo 28','c3.jpg',550,400),
      new Array('Photo 29','c4.jpg',550,400),
      new Array('Photo 30','c5.jpg',550,400),
      new Array('Photo 31','c6.jpg',550,400),
      new Array('Photo 32','c7.jpg',550,400),
      new Array('Photo 33','c8.jpg',550,400),
      new Array('Photo 34','c9.jpg',550,400),
      new Array('Photo 35','c10.jpg',550,400),
      new Array('Photo 36','c11.jpg',550,400),
      new Array('Photo 37','c12.jpg',550,400),
	  
      new Array('Photo 38','d1.jpg',550,400),
      new Array('Photo 39','d2.jpg',550,400),
      new Array('Photo 40','d3.jpg',300,400),
      new Array('Photo 41','d4.jpg',550,400),
      new Array('Photo 42','d5.jpg',550,400),
      new Array('Photo 43','d6.jpg',550,400),
      new Array('Photo 44','d7.jpg',550,400),
      new Array('Photo 45','d8.jpg',550,400),
      new Array('Photo 46','d9.jpg',550,400),
      new Array('Photo 47','d10.jpg',550,400),
      new Array('Photo 48','d11.jpg',550,400),
      new Array('Photo 49','d12.jpg',550,400),

      new Array('before ','e11.jpg',550,400),
      new Array('before ','e12.jpg',550,400), 
	new Array('After ','e10.jpg',550,400),
	  new Array('Photo 50','e1.jpg',550,400),
      new Array('Photo 51','e2.jpg',550,400),
      new Array('Photo 52','e3.jpg',550,400),
      new Array('Photo 53','e4.jpg',550,400),
      new Array('Photo 54','e5.jpg',550,400),
      new Array('Photo 55','e6.jpg',550,400),
      new Array('Photo 56','e7.jpg',550,400),
      new Array('Photo 57','e8.jpg',550,400),
      new Array('Photo 58','e9.jpg',550,400),
	  

      new Array('before 1','f4.jpg',550,400),
	new Array('after 1','f2.jpg',550,400),
	  new Array('before 2','f5.jpg',550,400),
      new Array('after 2','f3.jpg',550,400),
      new Array('before 3','f6.jpg',550,400),
	  new Array('after 3','f7.jpg',550,400),
      new Array('Photo 69','f8.jpg',550,400),
      new Array('Photo 70','f9.jpg',550,400),	  
      new Array('Photo 71','f10.jpg',550,400),
      new Array('Photo 72','f11.jpg',550,400),
      new Array('Photo 73','f12.jpg',550,400),	
	  new Array('Photo 64','f1.jpg',550,400),
	  
      new Array('back before','g2.jpg',550,400),
      new Array('back during','g3.jpg',550,400),
	  new Array('back after','g1.jpg',550,400),
      new Array('Backyard After','g4.jpg',550,400),
      new Array('Backyard After (2)','g5.jpg',550,400),
      new Array('driveway before','g8.jpg',550,400),
      new Array('driveway after','g6.jpg',550,400),
      new Array('driveway after (2)','g7.jpg',550,400),
      new Array('front before','g12.jpg',550,400),
      new Array('front after','g9.jpg',550,400),
      new Array('Front After (2)','g10.jpg',550,400),
      new Array('Front After (3)','g11.jpg',550,400),
	  
      new Array('side before','h7.jpg',550,400),
	  new Array('side after','h3.jpg',550,400),
      new Array('side after (2)','h4.jpg',550,400),
      new Array('side during (3)','h8.jpg',550,400),
	  new Array('side after (3)','h5.jpg',550,400),
	   new Array('side during (5)','h9.jpg',550,400),
      new Array('side after (4)','h6.jpg',550,400),
	  new Array('Endless Summer Hydrangea','h1.jpg',550,400),
      new Array('Fondulac Dimensional Flagstone','h2.jpg',550,400),
      new Array('Sunken Patio During','h12.jpg',550,400),
	  new Array('Sunken Patio After','h10.jpg',550,400),
      new Array('Sunken Patio After (2)','h11.jpg',550,400),

	  
	  new Array('Annabelle Hydrangea','i1.jpg',550,400),
      new Array('Door County Flagstone','i2.jpg',550,400),
      new Array('Door County Outcropping','i3.jpg',550,400),
      new Array('Door County Weathered Edge Steps','i4.jpg',550,400),
      new Array('Photo 102','i5.jpg',550,400),
      new Array('Photo 103','i6.jpg',550,400),
      new Array('Photo 104','i7.jpg',550,400),
      new Array('Photo 105','i8.jpg',550,400),
      new Array('Photo 106','i9.jpg',550,400),
      new Array('Photo 107','i10.jpg',550,400),
      new Array('Photo 108','i11.jpg',550,400),
      new Array('Photo 109','i12.jpg',550,400),

      new Array('Before 1','j3.jpg',550,400),
      new Array('During','j6.jpg',550,400),
      new Array('Before 2','j4.jpg',550,400),
	  new Array('After 2','j1.jpg',550,400),
	  new Array('Before 3','j5.jpg',550,400),
      new Array('After 3','j2.jpg',550,400),
	  new Array('Photo 116','j7.jpg',550,400),
      new Array('Photo 117','j8.jpg',550,400),
      new Array('Photo 118','j9.jpg',550,400),
      new Array('Photo 119','j10.jpg',550,400),
      new Array('Photo 120','j11.jpg',550,400),
      new Array('Photo 121','j12.jpg',550,400),
	  
	  
	  
      new Array('Before 1','k2.jpg',550,366),
	   new Array('During 1','k8.jpg',550,400),
	new Array('After 1','k1.jpg',550,400),
      new Array('Photo 124','k3.jpg',550,400),
      new Array('Photo 125','k4.jpg',550,400),
      new Array('Photo 126','k5.jpg',550,400),
      new Array('Photo 127','k6.jpg',550,400),
      new Array('Photo 128','k7.jpg',550,400),
      new Array('Front','k9.jpg',550,400),
      new Array('Front 1','k10.jpg',550,400),
      new Array('Photo 132','k11.jpg',550,400),
      new Array('Photo 133','k12.jpg',550,400),
	  
new Array('Photo 134','terman-1.jpg',550,400,''),
new Array('Photo 135','terman-2.jpg',300,448,''),
new Array('Photo 136','terman-3.jpg',550,400,''),
new Array('Photo 137','terman-4.jpg',300,448,''),
new Array('Photo 138','terman-5.jpg',550,400,''),
new Array('Photo 139','terman-6.jpg',300,448,''),
new Array('Photo 140','terman-7.jpg',550,400,''),
new Array('Photo 141','terman-8.jpg',550,400,''),
new Array('Photo 142','terman-9.jpg',550,400,''),
new Array('Photo 143','terman-10.jpg',550,400,''),
new Array('Photo 144','terman-11.jpg',550,400,''),
new Array('Photo 145','terman-12.jpg',550,400,''),

new Array('Photo 146','oettle-1.jpg',550,400,''),
new Array('Photo 147','oettle-2.jpg',550,400,''),
new Array('Photo 148','oettle-3.jpg',550,400,''),
new Array('Photo 149','oettle-4.jpg',550,400,''),
new Array('Photo 150','oettle-5.jpg',550,400,''),
new Array('Photo 151','oettle-6.jpg',300,448,''),
new Array('Photo 152','oettle-7.jpg',550,400,''),
new Array('Photo 153','oettle-8.jpg',300,448,''),
new Array('Photo 154','oettle-9.jpg',550,400,''),
new Array('Photo 155','oettle-10.jpg',300,448,''),
new Array('Photo 156','oettle-11.jpg',550,400,''),
new Array('Photo 157','oettle-12.jpg',550,400,''),




      new Array('Before','l2.jpg',550,400),
	  new Array('After','l1.jpg',550,366),
      new Array('Photo 160','l3.jpg',550,366),
      new Array('Photo 161','l4.jpg',550,366),
      new Array('Photo 162','l5.jpg',550,366),
      new Array('Photo 163','l6.jpg',550,366),
      new Array('Photo 164','l7.jpg',550,366),
      new Array('Photo 165','l8.jpg',550,366),
      new Array('Photo 166','l9.jpg',550,366),
      new Array('Photo 167','l10.jpg',550,366),
      new Array('Photo 168','l11.jpg',550,400),
      new Array('Photo 169','l12.jpg',550,400),


	  new Array('After','m1.jpg',550,400),
      new Array('After','m2.jpg',550,400),
      new Array('Photo 172','m3.jpg',550,400),
      new Array('Photo 173','m4.jpg',550,400),
      new Array('Photo 174','m5.jpg',550,400),
      new Array('Photo 175','m6.jpg',550,400),
      new Array('Photo 176','m7.jpg',550,400),
      new Array('Photo 177','m8.jpg',550,400),
      new Array('Photo 178','m9.jpg',550,400),
      new Array('Photo 179','m10.jpg',550,400),
      new Array('Photo 180','m11.jpg',550,400),
      new Array('Photo 181','m12.jpg',550,400),
	  
	  	  new Array('Before','n1.jpg',550,400),
      new Array('Before (2)','n2.jpg',550,400),
      new Array('Photo 184','n3.jpg',550,400),
      new Array('Photo 185','n4.jpg',550,400),
      new Array('Photo 186','n5.jpg',550,400),
      new Array('Photo 187','n6.jpg',550,400),
      new Array('Photo 188','n7.jpg',550,400),
      new Array('Photo 189','n8.jpg',550,400),
      new Array('Photo 190','n9.jpg',550,400),
      new Array('Photo 191','n10.jpg',550,400),
      new Array('Photo 192','n11.jpg',550,400),
      new Array('Photo 193','n12.jpg',550,400),

	  	  new Array('Photo 194','o1.jpg',550,400),
      new Array('Photo 195','o2.jpg',550,400),
      new Array('Photo 196','o3.jpg',550,400),
      new Array('Photo 197','o4.jpg',550,400),
      new Array('Photo 198','o5.jpg',550,400),
      new Array('Photo 199','o6.jpg',550,400),
      new Array('Photo 200','o7.jpg',550,400),
      new Array('Photo 201','o8.jpg',550,400),
      new Array('Photo 202','o9.jpg',550,400),
      new Array('Photo 203','o10.jpg',550,400),
      new Array('Photo 204','o11.jpg',550,400),
      new Array('Photo 205','o12.jpg',550,400),

	  	  new Array('Photo 206','p1.jpg',550,366),
      new Array('Photo 207','p2.jpg',550,366),
      new Array('Photo 208','p3.jpg',550,366),
      new Array('Photo 209','p4.jpg',550,400),
      new Array('Photo 210','p5.jpg',300,448),
      new Array('Photo 211','p6.jpg',550,366),
      new Array('Photo 212','p7.jpg',300,448),
      new Array('Photo 213','p8.jpg',300,448),
      new Array('Photo 214','p9.jpg',550,400),
      new Array('Photo 215','p10.jpg',550,366),
      new Array('Photo 216','p11.jpg',300,448),
      new Array('Photo 217','p12.jpg',550,400),

	  	  new Array('Photo 218','q1.jpg',550,400),
      new Array('Photo 219','q2.jpg',550,400),
      new Array('Photo 220','q3.jpg',550,400),
      new Array('Photo 221','q4.jpg',550,366),
      new Array('Photo 222','q5.jpg',550,325),
      new Array('Photo 223','q6.jpg',550,255),
      new Array('Photo 224','q7.jpg',550,325),
      new Array('Photo 225','q8.jpg',550,366),
      new Array('Photo 226','q9.jpg',550,255),
      new Array('Photo 227','q10.jpg',550,366),
      new Array('Photo 228','q11.jpg',550,400),
      new Array('Photo 229','q12.jpg',550,400),
	  

	  	  new Array('Photo 230','u1.jpg',550,400),
      new Array('Photo 231','u2.jpg',550,400),
      new Array('Photo 232','u3.jpg',550,400),
      new Array('Photo 233','u4.jpg',550,400),
      new Array('Photo 234','u5.jpg',550,400),
      new Array('Photo 235','u6.jpg',550,400),
      new Array('Photo 236','u7.jpg',550,400),
      new Array('Photo 237','u8.jpg',550,400),
      new Array('Photo 238','u9.jpg',550,400),
      new Array('Photo 239','u10.jpg',550,400),
      new Array('Photo 240','u11.jpg',550,400),
      new Array('Photo 241','u12.jpg',550,400),

	  

	  	  new Array('Photo 242','r1.jpg',550,400),
      new Array('Photo 243','r2.jpg',550,400),
      new Array('Photo 244','r3.jpg',300,448),
      new Array('Photo 245','r4.jpg',550,400),
      new Array('Photo 246','r5.jpg',550,400),
      new Array('Photo 247','r6.jpg',550,400),
      new Array('Photo 248','r7.jpg',550,400),
      new Array('Photo 249','r8.jpg',550,400),
      new Array('Photo 250','r9.jpg',550,366),
      new Array('Photo 251','r10.jpg',550,366),
      new Array('Photo 252','r11.jpg',550,366),
      new Array('Photo 253','r12.jpg',550,366),


	  	  new Array('Photo 254','s1.jpg',550,400),
      new Array('Photo 255','s2.jpg',550,400),
      new Array('Photo 256','s3.jpg',550,400),
      new Array('Photo 257','s4.jpg',550,400),
      new Array('Photo 258','s5.jpg',550,400),
      new Array('Photo 259','s6.jpg',550,400),
      new Array('Photo 260','s7.jpg',550,400),
      new Array('Photo 261','s8.jpg',550,400),
      new Array('Photo 262','s9.jpg',550,400),
      new Array('Photo 263','s10.jpg',550,400),
      new Array('Photo 264','s11.jpg',550,400),
      new Array('Photo 265','s12.jpg',550,400),
	  
	  new Array('Photo 266','t1.jpg',550,400),
      new Array('Photo 267','t2.jpg',550,400),
      new Array('Photo 268','t3.jpg',550,400),
      new Array('Photo 269','t4.jpg',550,400),
      new Array('Photo 270','t5.jpg',550,400),
      new Array('Photo 271','t6.jpg',550,400),
      new Array('Photo 272','t7.jpg',550,400),
      new Array('Photo 273','t8.jpg',550,400),
      new Array('Photo 274','t9.jpg',550,400),
      new Array('Photo 275','t10.jpg',550,400),
      new Array('Photo 276','t11.jpg',550,400),
      new Array('Photo 277','t12.jpg',550,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]);
  showMessage('imagemediumname',arImages[section][4][number][0]);
}

function showImageBig(number) {
  showImagePopup(scriptName,section,number,arImages[section][4][number][2],
   arImages[section][4][number][3]);
}