// Start with first page (zero based)
var pageNumber = 0;
// Start with first image on page
var pageImageIndex = 0;



function returnFrameHTML()
{

   
return(returnThumbNailsHTML());

}

//------------------------------------------------------------
function returnImageHTML(imagename){


var result = '<HTML><HEAD></HEAD>'
result += '<BODY bgcolor="#505050" TEXT="#FDECBF" >' + returnNext() + '<center><h2>' + imagename + '</h2><P>\n ' ;
result += '<font color="FFFFFF"><IMG SRC="' + imagename + '" border="10">\n';
result += '</font></center></BODY></HTML>\n' ;

return result;
}

//-------------------------------------------------------------
function displayImage(index)
{  
    imagename = returnImageName(index);  
    document.write( returnImageHTML(imagename)) ; 
    document.close();  
           
}


//---------------------------------------------------------------
// Display an image by index number (setting current image)
function displayImageByIndex(imageIndex)
{ 
  
  
  displayImage(imageIndex);
  
}

//------------------------------------------------------------------
function returnNext()
{
  result = '<FORM  onSubmit="displayImageByIndex(5)" action=".index2.html" >' +
  '<INPUT TYPE=SUBMIT value="Next Photo">'  +
  '</FORM>' ;
  return result;
  
  
}
//------------------------------------------------------------------

// return HTML to display thumbnail selection
function returnThumbNailsHTML()
{

  // page header
  var result =
    '<HTML>\n' +
    '<HEAD>\n' +
    '</HEAD>\n' +
    '<BODY\n' +
    '    TEXT="' + htmlOpts["colorfore"] + '"\n' +
    '    BGCOLOR="' + htmlOpts["colorback"] + '"\n' +
    '    BACKGROUND="' + iconImageUrls["background"] + '"\n' +
    '    LINK="' + htmlOpts["colorlink"] + '"\n' +
    '    VLINK="' + htmlOpts["colorvlink"] + '"\n' +
    '    ALINK="' + htmlOpts["coloralink"] + '"\n' +
    '>\n';

  // if no images then return empty page
  if( imageNames[pageNumber].length == 0 ) {
    result +=
      '</BODY>\n' +
      '</HTML>\n' ;
    return result;
  }

 
  result +=
    '<CENTER>\n' +
    '<IMG SRC="' + montageImages[pageNumber] + '" ' +
    montageImageSizes[pageNumber] +
    ' USEMAP="#thumbnails" BORDER=0>' +
    '<MAP NAME="thumbnails">\n';
    

  for( imageNum = 0; imageNum < imageThumbCoords[pageNumber].length; ++imageNum ) {
    result +=
      '  <AREA HREF="javascript:displayImageByIndex(' + imageNum + ');"' +
      ' SHAPE=RECT COORDS="' + imageThumbCoords[pageNumber][imageNum] + '">\n';
  }

  result +=
    '</MAP>\n';

  result +=
    '</CENTER>\n' +
    '</BODY>\n' +
    '</HTML>\n' ;

  return result;
}

//------------------------------------------------------------

// return HTML to display image with corresponding index
function XreturnImageHTML(imageIndex)
{
  pageImageIndex = imageIndex;
    var result =
    '<HTML>\n' +
    '<HEAD>\n' +
    '</HEAD>\n' +
    '<BODY\n' +
    '    TEXT="' + htmlOpts["colorfore"] + '"\n' +
    '    BGCOLOR="' + htmlOpts["colorback"] + '"\n' +
    '    BACKGROUND="' + iconImageUrls["background"] + '"\n' +
    '    LINK="' + htmlOpts["colorlink"] + '"\n' +
    '    VLINK="' + htmlOpts["colorvlink"] + '"\n' +
    '    ALINK="' + htmlOpts["coloralink"] + '"\n' +
    '>\n';

  result += '  <H2 ALIGN="center">';
  // if image title defined, then use it, otherwise, image name 
  if( imageLabels[imageNames[pageNumber][imageIndex]] != null ) {
    result += imageLabels[imageNames[pageNumber][imageIndex]];
  } else {
    result += imageNames[pageNumber][imageIndex];
  }
  result +=
    '</H2>\n';

  // Look for image file extension
  var image = imageNames[pageNumber][imageIndex];
  var delim = image.lastIndexOf('.');
  var extension = '';
  if ( delim > 0 ) {
    extension = image.substring(delim + 1);
    extension = extension.toLowerCase();
  }
  
  if( extension == 'gif' || extension == 'jpg' || extension == 'jpeg' ) {
    // Browser supports displaying image in-line
    result += '<P ALIGN="center"><IMG SRC="' + image + '"></P>\n';
    
  }
  else {
    // Browser requires an external helper program
    result +=
      '<P>Your browser may not have the capability to view files of format "' + imageExtensions[extension]
	+ '" as an in-line image. View image via <A HREF="' + image + '">a link</A> instead.</P>\n';
  }
  if(htmlOpts["anonymous"] == 0) {
    result +=
      '<BR><HR>\n' +
      '<ADDRESS><CENTER>Produced by ' +
      '<A HREF="http://www.simplesystems.org/WebMagick/">WebMagick</A> ' +
      htmlOpts["version"] + '\nCopyright &copy; Bob Friesenhahn</CENTER></ADDRESS>\n';
  }
  result +=
    '</BODY>\n' +
    '</HTML>\n';
  
  return result;
}

//--------------------------------------------------------------
function returnImageName(imageIndex)
{
    image = imageNames[pageNumber][imageIndex];
    return image;
}    

//------------------------------------------------------------------
// display next index page
function nextIndex() {
  if( pageNumber < htmlOpts["numpages"] ) {
    ++pageNumber;
    pageImageIndex = 0;
    displayThumbNails();
  }
}

// display preceding index page
function prevIndex() {
  if( pageNumber > 0 ) {
    --pageNumber;
    pageImageIndex = 0;
    displayThumbNails();
  }
}

// Display specific index page
function goToIndex(number)
{
  pageNumber = number;
  pageImageIndex = 0;
  displayThumbNails();
}
//---------------------------------------------------------------------


