var mainContent="";

mainContent +='<div id="THwrapper">';
mainContent +='<div id="GalleryInstructions">';
mainContent +='<h1 id="Headercaption">Loading .. </h1><br />';
mainContent +='<h2>To return to the homepage click on the HCF logo, top left corner.</h2>';
mainContent +='<h2>Click on a thumbnail picture to see a large image.</h2>';
mainContent +='<h2>You will also be able to scroll through these large images or see a slideshow of all large images.</h2>';
mainContent +='</div>';
mainContent +='<div id="PhotoWrapper">';


for (var i=1; i<=TotalSlides; i++){
 mainContent +='<div class="figure">';
 if (pictureDataObject[i-1].pictureFormat == imgLandscapeFormat){
  mainContent +='<div class="photo"><a href="javascript:displayHRpage(' + i +');"><img id="TH' + i + '" src="" height="133" width="200"></a></div>';
  mainContent +='<div id="txtTH' + i + '" class="THsize txtDisplay"></div>';
 } else if(pictureDataObject[i-1].pictureFormat == imgPortraitFormat) {
  mainContent +='<div class="photoPortrait"><a href="javascript:displayHRpage(' + i +');"><img id="TH' + i + '" src="" height="200" width="133"></a></div>'; 
  mainContent +='<div id="txtTH' + i + '" class="THsizePortrait txtDisplay"></div>';
 } else {
  mainContent +='<div class="photo"><a href="javascript:displayHRpage(' + i +');"><img id="TH' + i + '" src="images/FormatError.jpg" height="133" width="200"></a></div>';  
  mainContent +='<div id="txtTH' + i + '" class="THsize txtDisplay"></div>';
 }
 
 mainContent +='</div>';

}
mainContent +='</div></div>';


mainContent +='<div id="HRwrapper">';
mainContent +='<div class="HRfigure">';
//mainContent +='<div id="HRimgContainer" class="HRphoto"><img id="HRpicture" src="'+fileHRfolder + '/' + filePrefixHR + StartPictureNumber + '.jpg" style="filter:progid:DXImageTransform.Microsoft.Fade(duration=1)" height="410" width="615"></div>';
mainContent +='<div id="HRimgContainer" class="HRphoto"><img id="HRpicture" src="" style="filter:progid:DXImageTransform.Microsoft.Fade(duration=1)" height="410" width="615"></div>';

mainContent +='<div id="txtHR" class="HRsize txtDisplay"></div>';
mainContent +='</div></div>'; 


mainContent +='<div id="FloatMenu">';
mainContent +='<div id="Tbox">';
mainContent +='<table cellpadding="0" cellspacing="0"><tr>';
mainContent +='<td><a href="javascript:nextSlide();" class="Box1 txtBoxStyle">Next Slide</a></td>';
mainContent +='<td><div class="borderdraw rightarrow"><!-- --></div></td>';
mainContent +='</tr></table></div>';
mainContent +='<table cellpadding="0" cellspacing="0"><tr>';
mainContent +='<td><div class="spacerBox"><!-- --></div></td>';
mainContent +='</tr></table>';

mainContent +='<div id="Cbox">';	
mainContent +='<table  cellpadding="0" cellspacing="0"><tr>';
mainContent +='<td><a href="javascript:startSlideshow();" class="Box2 txtBoxStyle">Start <br /> Slideshow</a></td>';
mainContent +='</tr><tr>';
mainContent +='<td><div class="spacerBox"><!-- --></div></td>';
mainContent +='</tr><tr>';
mainContent +='<td><a href="javascript:displayTHpage();" class="Box1 txtBoxStyle">Thumbnails</a></td>';
mainContent +='</tr></table></div>';
mainContent +='<div id="Sbox">';
mainContent +='<table  cellpadding="0" cellspacing="0"><tr>';
mainContent +='<td><a href="javascript:stopSlideshow();" class="Box2 txtBoxStyle">Stop <br /> Slideshow</a></td>';
mainContent +='</tr><tr>';
mainContent +='<td><div class="spacerBox"><!-- --></div></td>';
mainContent +='</tr><tr>';
mainContent +='<td><a href="javascript:stopSlideshowAnddisplayTHpage();" class="Box1 txtBoxStyle">Thumbnails</a></td>';
mainContent +='</tr></table></div>';
mainContent +='<table cellpadding="0" cellspacing="0"><tr>';
mainContent +='<td><div class="spacerBox"><!-- --></div></td>';
mainContent +='</tr></table>';
mainContent +='<div id="Bbox">';		 
mainContent +='<table cellpadding="0" cellspacing="0"><tr>';
mainContent +='<td><div class="borderdraw leftarrow"><!-- --></div></td>';
mainContent +='<td><a href="javascript:previousSlide();" class="Box1 txtBoxStyle">Prev Slide</a></td>';
mainContent +='</tr></table></div></div>';

var ErrorDivStr = "";

ErrorDivStr +='<div id="ErrorWrapper">';
ErrorDivStr +='Photo Gallery Display ABORTED: <br/><br />';
ErrorDivStr +='Data input errors: <br/>';
ErrorDivStr +='First Slide Number = ' + StartPictureNumber;
ErrorDivStr +='<br />Last Slide Number = ' + EndPictureNumber;
ErrorDivStr +='<br />filePrefixHR = ' + filePrefixHR;
ErrorDivStr +='<br /><br /></div>';
