// JavaScript Document
function popPhoto(location, alttext) {
 //location = LOCATION OF THE FILE
 //alttext = IMAGE CAPTION
 photos = new Array()
 photos[1] = 'pictures/7201baystreet/stills/01-Front.JPG'
 photos[2] = 'pictures/7201baystreet/stills/02-Courtyard.JPG'
 photos[3] = 'pictures/7201baystreet/stills/03-Waterfront.JPG'
 photos[4] = 'pictures/7201baystreet/stills/04-Dock.JPG'
 photos[5] = 'pictures/7201baystreet/stills/05-Backside.JPG'
 photos[6] = 'pictures/7201baystreet/stills/06-Pool.JPG'
 photos[7] = 'pictures/7201baystreet/stills/07-LivingRoom.JPG'
 photos[8] = 'pictures/7201baystreet/stills/08-Kitchen.JPG'
 photos[9] = 'pictures/7201baystreet/stills/09-BreakfastNook.JPG'
 photos[10] = 'pictures/7201baystreet/stills/10-Bedroom.JPG'
 photos[11] = 'pictures/7201baystreet/stills/11-LivingRoom.JPG'
 photos[12] = 'pictures/7201baystreet/stills/12-Kitchen.JPG'
 photos[13] = 'pictures/7201baystreet/stills/13-Bedroom.JPG'
 photos[14] = 'pictures/7201baystreet/stills/14-GroupRoom.JPG'
 photos[15] = 'pictures/7201baystreet/stills/15-Auditorium.JPG'
 photos[16] = 'pictures/7201baystreet/stills/16-LivingRoom.JPG'
 photos[17] = 'pictures/7201baystreet/stills/17-Bedroom.JPG'
 photos[18] = 'pictures/7201baystreet/stills/18-Kitchen.JPG'
 photos[19] = 'pictures/7201baystreet/stills/19-Bathroom.JPG'
 photos[20] = 'pictures/7201baystreet/stills/20-LivingRoom.JPG'
 photos[21] = 'pictures/7201baystreet/stills/21-Bedroom.JPG'
 photos[22] = 'pictures/7201baystreet/stills/22-Pool.JPG'
 photos[23] = 'pictures/7201baystreet/stills/23-Courtyard.JPG'
 photoBox = document.getElementById('popPhoto')
 photoBox.style.display = 'block'
 index = 1
 newindex = index
 html = '<center><table border=0 cellpadding=5 cellspacing=0>'
 html += '<tr>'
 for(i=1;i<=5;i++) {
  if(i==3) { html += '<td width="600" rowspan="4" align="center"><a href="javascript:closePhoto()"><img src="' + location + '" width="600" alt="' + alttext + '" /></a></td>' }
  else { html += '<td width="100" align="center"><a href="javascript:popPhoto(\'' + photos[i] + '\', \'' + photos[i] + '\')"><img src="' + photos[i] + '" width="100" alt="' + photos[i] + '" /></a></td>' }
  newindex++
  }
 index = newindex
 html += '</tr><tr>'
 for(i=index;i<index+4;i++) {
  html += '<td width="100" align="center"><a href="javascript:popPhoto(\'' + photos[i] + '\', \'' + photos[i] + '\')"><img src="' + photos[i] + '" width="100" alt="' + photos[i] + '" /></a></td>'
  newindex++
  }
 index = newindex
 html += '</tr><tr>'
 for(i=index;i<index+4;i++) {
  html += '<td width="100" align="center"><a href="javascript:popPhoto(\'' + photos[i] + '\', \'' + photos[i] + '\')"><img src="' + photos[i] + '" width="100" alt="' + photos[i] + '" /></a></td>'
  newindex++
  }
 index = newindex
 html += '</tr><tr>'
 for(i=index;i<index+4;i++) {
  html += '<td width="100" align="center"><a href="javascript:popPhoto(\'' + photos[i] + '\', \'' + photos[i] + '\')"><img src="' + photos[i] + '" width="100" alt="' + photos[i] + '" /></a></td>'
  newindex++
  }
 index = newindex
 html += '</tr><tr>'
 for(i=index;i<index+4;i++) {
  if(i==index+2) {
   html += '<td width="600" align="center">To view a new picture, simply click on the corresponding thumbnail to view the picture in a larger format.<br/><br/><a href="javascript:closePhoto()"><font style="color:#000000;font-weight:bold;font-family:Arial, Verdana, Tahoma">Close Photo Popup</font></a></td>'
   }
  html += '<td width="100" align="center"><a href="javascript:popPhoto(\'' + photos[i] + '\', \'' + photos[i] + '\')"><img src="' + photos[i] + '" width="100" alt="' + photos[i] + '" /></a></td>'
  newindex++
  }
 html += '</tr>'
 html += '</table></center>'
 photoBox.innerHTML = html
}

function closePhoto() {
 photobox = document.getElementById('popPhoto')
 photoBox.style.display = 'none'
 photoBox.innerHTML = ''
 }