smallSizes = new Array(77,77);
mediumSizes = new Array(200,170);
pageName = 'siding_gallery.htm';
scriptName = 'portfolio4.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('Our Portfolio','images/Gallery/Vynil_Siding/small/','images/Gallery/Vynil_Siding/medium/','images/Gallery/Vynil_Siding/big/',
    new Array(
		new Array('Photo 1','1.jpg',400,300), 
		new Array('Photo 2','2.jpg',325,300), 
		new Array('Photo 3','3.jpg',400,300), 
		new Array('Photo 4','4.jpg',238,300), 
		new Array('Photo 5','5.jpg',300,300),
		new Array('Photo 6','6.jpg',195,300), 
		new Array('Photo 7','7.jpg',282,300), 
		new Array('Photo 8','8.jpg',230,300), 
		new Array('Photo 9','9.jpg',361,300), 
		new Array('Photo 10','10.jpg',400,300), 
		new Array('Photo 11','11.jpg',400,300), 
		new Array('Photo 12','12.jpg',400,300), 
		new Array('Photo 13','13.jpg',400,300), 
		new Array('Photo 14','14.jpg',360,300), 
		new Array('Photo 15','15.jpg',360,300)
    )
  )
)

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="">Please select...</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]);
}