hook = location.href.indexOf('?')

if(hook > -1) {
  numberImage = Number(location.href.slice(hook + 1))

    num = numberImage + 1

    if(num < 10) {
      zeros = '00' + num
    } else if(num < 100) {
      zeros = '0' + num
    } else {
      zeros = num
    }

  srcImage = '/images/' + locationPage + idPage + '/' + idPage + zeros + '.jpg'

  textNavigation = '<p>'
  
  if(numberImage > 0) {
    textNavigation += '<a href="' +idPage + '.htm' + '?' + (numberImage - 1) + '">Previous</a> | '
  }

  textNavigation += '<a href="' + idPage + '.htm' + '">Up</a>'

  if(numberImage < (countImages - 1)) {
    textNavigation += ' | <a href="' + idPage + '.htm' + '?' + (numberImage + 1) + '">Next</a>'
  }

  textNavigation += '</p>'

  document.write(textNavigation)
  document.write('<p><img src="' + srcImage + '"></p>')
  document.write('<p>Image ' + (numberImage + 1) + ' of ' + countImages +'.</p>')

} else {

  document.write('<p>Click on any image to see a larger version.</p>')
  document.write('<table width="640" border="0" cellspacing="0" cellpadding="10">')
  document.write('<tr height="100">')

  for( x = 0; x < countImages; x+=1 ) {

    num = x + 1

    if(num < 10) {
      zeros = '00' + num
    } else if(num < 100) {
      zeros = '0' + num
    } else {
      zeros = num
    }

    srcThumbnail = '/thumbnails/' + locationPage + idPage + '/' + idPage + zeros + '.jpg'

    document.write('<td align="center" width="160"></a><a href="' + idPage +'.htm' + '?' + x + '"><img border="0" src="' + srcThumbnail + '"></a></td>')
    if((x % 4) == 3) {
      document.write('</tr>')
      document.write('<tr height="120">')
    }
  }

  document.write('</tr>')
  document.write('</table>')

  textImages = '<p>' + countImages + ' '

  if(countImages == 1) {
    textImages += 'image'
  } else {
    textImages += 'images'
  }
  
  textImages += '.</p>'

  document.write(textImages)
}