//Begin include file for general javascript functions
//This is file ./inc/ugeneral_gallery_include.js
//(c) Troy R. Bishop 2003


var NORETURN = "NORETURN";

var commonSysImagePath = "..\/sysimages\/"; // Parameter set here
var galleryImagePath = ""; // Parameter set by local include files

var mainWindowInnerHeight = 0;
var singleviewnavlayerWidth = 0;
var singleviewnavlayerHeight = 0;
var singleviewpiclayerWidth = 0;
var singleviewpiclayerHeight = 0;
var viewportWidth = 0;
var viewportHeight = 0;
var XScrollPos = 0;
var YScrollPos = 0;
var newImageNumber = 0;
var newImageSizeNumber = 0;
var newImagesrc = "";
var newImageWidth = 0;
var newImageHeight = 0;
var lastShownImageNumber;
var lastShownImageWidth;
var lastShownImageHeight;
var lastShownImageSizeNumber;
var thumbSizeNumber = 1;
var regularSizeNumber = 2;
var mediumSizeNumber = 3;
var largeSizeNumber = 4;
var adjustedSizeNumber1 = 2;
var adjustedSizeNumber2 = 3;
var adjustedSizeNumber3 = 4;
var imageSizeWord = ["", "thumb", "regular", "medium", "large"];
var captionBGIsToBeDisplayed = 0;
var captionTextIsToBeDisplayed = 0;



if (document.images)
   {
   thumbnails_normal = new Image(); 
   thumbnails_normal.src = "./thumbnails_normal.gif";

   thumbnails_hover = new Image(); 
   thumbnails_hover.src = "./thumbnails_hover.gif";

   magbutton1_normal = new Image(); 
   magbutton1_normal.src = "./magbutton1_normal.gif";

   magbutton2_normal = new Image(); 
   magbutton2_normal.src = "./magbutton2_normal.gif";

   magbutton3_normal = new Image(); 
   magbutton3_normal.src = "./magbutton3_normal.gif";

   magbutton1_hover = new Image(); 
   magbutton1_hover.src = "./magbutton1_hover.gif";

   magbutton2_hover = new Image(); 
   magbutton2_hover.src = "./magbutton2_hover.gif";

   magbutton3_hover = new Image(); 
   magbutton3_hover.src = "./magbutton3_hover.gif";

   magbutton1_selected = new Image(); 
   magbutton1_selected.src = "./magbutton1_selected.gif";

   magbutton2_selected = new Image(); 
   magbutton2_selected.src = "./magbutton2_selected.gif";

   magbutton3_selected = new Image(); 
   magbutton3_selected.src = "./magbutton3_selected.gif";

   prevbutton_normal = new Image(); 
   prevbutton_normal.src = "./prevbutton_normal.gif";

   prevbutton_hover = new Image(); 
   prevbutton_hover.src = "./prevbutton_hover.gif";

   prevbutton_selected = new Image(); 
   prevbutton_selected.src = "./prevbutton_selected.gif";

   upbutton_normal = new Image(); 
   upbutton_normal.src = commonSysImagePath + "upbutton_normal.gif";

   upbutton_hover = new Image(); 
   upbutton_hover.src = commonSysImagePath + "upbutton_hover.gif";
   }

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

function reinitializeGlobalVariables()

//----------------------------------------------------------------
{
XScrollPos = 0;
YScrollPos = 0;
newImageNumber = 0;
newImageSizeNumber = 0;
newImagesrc = "";
newImageWidth = 0;
newImageHeight = 0;
lastShownImageNumber;
lastShownImageWidth;
lastShownImageHeight;
lastShownImageSizeNumber;
}

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

function setToThumbnailVisibility()

//----------------------------------------------------------------
{
singleviewpiclayer.style.visibility='hidden';
singleviewouterlayer.style.visibility='hidden';
thumbnaillayer.style.visibility='visible';
document.body.style.overflow='auto';
document.body.style.scrollbarBaseColor='black';
document.body.style.scrollbarArrowColor='cyan';
document.body.style.scrollbarFaceColor='#333333';
document.body.style.scrollbarTrackColor='#000000';
}

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

function setToSingleVisibility()

//----------------------------------------------------------------
{
thumbnaillayer.style.visibility='hidden';
singleviewouterlayer.style.visibility='visible';
document.body.style.overflow='hidden';
}

lastShownImageSizeNumber = 0;
lastShownImageNumber=0;

// Object constructor

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

function imageRecord(imageName, copyrightYear, thumbURL, thumbWidth, thumbHeight, regularURL, regularWidth, regularHeight, mediumURL, mediumWidth, mediumHeight, largeURL, largeWidth, largeHeight, captionBGOpacity, captionTextOpacity, captionTop, captionHeight, captionBGColor, captionTextColor, captionText)

//----------------------------------------------------------------
{
this.imageName = imageName;
this.copyrightYear = copyrightYear;
this.thumbURL = thumbURL;
this.thumbWidth = thumbWidth;
this.thumbHeight = thumbHeight;
this.regularURL = regularURL;
this.regularWidth = regularWidth;
this.regularHeight = regularHeight;
this.mediumURL = mediumURL;
this.mediumWidth = mediumWidth;
this.mediumHeight = mediumHeight;
this.largeURL = largeURL;
this.largeWidth = largeWidth;
this.largeHeight = largeHeight;
if (captionBGOpacity)
   {
   this.captionBGOpacity = captionBGOpacity;
   this.captionTop = captionTop;
   this.captionHeight = captionHeight;
   this.captionBGColor = captionBGColor;
   }
if (captionTextOpacity)
   {
   this.captionTextOpacity = captionTextOpacity;
   this.captionTop = captionTop;
   this.captionHeight = captionHeight;
   this.captionTextColor = captionTextColor;
   this.captionText = captionText;
   }

}

// Create new main array
var displayedImages = new Array();
// Stuff main array entries with objects.

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

function inactiveNavButtonColor ()

//----------------------------------------------------------------
   {
   return "#C0C0C0";
   }

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

function thumbnailString ()

//----------------------------------------------------------------
{
var theThumbnailString = "";
var thumbnailValue = "";

theThumbnailString += "<A HREF = \"javascript:void(0)\" onMouseOver=\"document.thumbnails.src = commonSysImagePath + 'upbutton_hover.gif'\" onMouseOut=\"document.thumbnails.src = commonSysImagePath + 'upbutton_normal.gif'\" onclick=\"initializeThumbnailLayer()\">";
theThumbnailString += "<IMG NAME = 'thumbnails' SRC='..\/sysimages\/upbutton_normal.gif' WIDTH=25 HEIGHT=25 BORDER=0><\/A>";

return theThumbnailString;
}

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

function prevString (newImageNumber)

//----------------------------------------------------------------
{
   var thePrevString = "";
   if (newImageNumber > 0)
      {
      thePrevString += "<A HREF = \"javascript:void(0)\" onMouseOver=\"document.prevbutton.src = commonSysImagePath + 'prevbutton_hover.gif'\" onMouseOut=\"document.prevbutton.src = commonSysImagePath + 'prevbutton_normal.gif'\" onclick=\"embedSingleImage (currentImageNumber - 1, regularSizeNumber)\">";
thePrevString += "<IMG NAME = 'prevbutton' SRC='" + commonSysImagePath + "prevbutton_normal.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   else
      {
      thePrevString = "<IMG NAME = 'prevbutton' SRC='" + commonSysImagePath + "prevbutton_selected.gif' WIDTH=25 HEIGHT=25 BORDER=0>";
      }
   return thePrevString;
}

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

function nextString (newImageNumber)

//----------------------------------------------------------------
{
   var theNextString = "";
   if (newImageNumber < displayedImages.length - 1)
      {
      theNextString += "<A HREF = \"javascript:void(0)\" onMouseOver=\"document.nextbutton.src = commonSysImagePath + 'nextbutton_hover.gif'\" onMouseOut=\"document.nextbutton.src = commonSysImagePath + 'nextbutton_normal.gif'\" onclick=\"embedSingleImage (currentImageNumber + 1, regularSizeNumber)\">";
theNextString += "<IMG NAME = 'nextbutton' SRC = '" + commonSysImagePath + "nextbutton_normal.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   else
      {
      theNextString = "<IMG NAME = 'nextbutton' SRC='" + commonSysImagePath + "nextbutton_selected.gif' WIDTH=25 HEIGHT=25 BORDER=0>";
      }
   return theNextString;
}

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

function theMagButton1String (theNewImageSizeNumber)

//----------------------------------------------------------------
{
   var theMagButton1String = "";
   if (theNewImageSizeNumber != adjustedSizeNumber1)
      {
      theMagButton1String = "<A HREF = \"javascript:void(0)\" onMouseOver=\"document.magbutton1.src = commonSysImagePath + 'magbutton1_hover.gif'\" onMouseOut=\"document.magbutton1.src = commonSysImagePath + 'magbutton1_normal.gif'\" onclick=\"embedSingleImage (currentImageNumber, adjustedSizeNumber1)\">";
theMagButton1String += "<IMG NAME = 'magbutton1' SRC ='" + commonSysImagePath + "magbutton1_normal.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   else
      {
      theMagButton1String = "<IMG NAME = 'magbutton1' SRC ='" + commonSysImagePath + "magbutton1_selected.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   return theMagButton1String;
   }

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

function theMagButton2String (theNewImageSizeNumber)

//----------------------------------------------------------------
{
   var theMagButton2String = "";
   if (theNewImageSizeNumber != adjustedSizeNumber2)
      {
      theMagButton2String = "<A HREF = \"javascript:void(0)\" onMouseOver=\"document.magbutton2.src = '" + commonSysImagePath + "magbutton2_hover.gif'\" onMouseOut=\"document.magbutton2.src = '"+ commonSysImagePath + "magbutton2_normal.gif'\" onclick=\"embedSingleImage (currentImageNumber, adjustedSizeNumber2)\">";
theMagButton2String += "<IMG NAME = 'magbutton2' SRC='" + commonSysImagePath + "magbutton2_normal.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   else
      {
      theMagButton2String = "<IMG NAME = 'magbutton2' SRC='" + commonSysImagePath + "magbutton2_selected.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   return theMagButton2String;
   }

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

function theMagButton3String (theNewImageSizeNumber)

//----------------------------------------------------------------
{
   var theMagButton3String = "";
   if (theNewImageSizeNumber != adjustedSizeNumber3)
      {
      theMagButton3String = "<A HREF = \"javascript:void(0)\" onMouseOver=\"document.magbutton3.src = '" + commonSysImagePath + "magbutton3_hover.gif'\" onMouseOut=\"document.magbutton3.src = '" + commonSysImagePath + "magbutton3_normal.gif'\" onclick=\"embedSingleImage (currentImageNumber, adjustedSizeNumber3)\">";
theMagButton3String += "<IMG NAME = 'magbutton3' SRC = '" + commonSysImagePath + "magbutton3_normal.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   else
      {
      theMagButton3String = "<IMG NAME = 'magbutton3' SRC='" + commonSysImagePath + "./magbutton3_selected.gif' WIDTH=25 HEIGHT=25 BORDER=0></A>";
      }
   return theMagButton3String;
   }

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

function navBarString (newImageNumber, newImageSizeNumber)

//----------------------------------------------------------------
{
var theNavBarString = "";
var theFontFaceString1 = "<FONT SIZE=2 FACE=\"Verdana, Tahoma, Arial\">";
var theFontFaceString2 = "<\/FONT>";
var theNextString = theFontFaceString1 + nextString (newImageNumber) + theFontFaceString2;
var theThumbnailString = theFontFaceString1 + thumbnailString () + theFontFaceString2;

currentImageSizeNumber = newImageSizeNumber;
currentImageNumber = newImageNumber;

theNavBarString += "<div id=\"singleviewnavlayer\" style=\"position:absolute;padding:10px;background-color:'#000000'\">";
theNavBarString += "<CENTER>";
theNavBarString += "<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 BORDER=0>";
theNavBarString += "<TR>";
theNavBarString += "<TD WIDTH=10%>";
theNavBarString += "</TD>";
theNavBarString += "<TD WIDTH=10% ALIGN=LEFT>" + theThumbnailString + "<\/TD>"
theNavBarString += "<TD WIDTH=50% ALIGN=CENTER>"
theNavBarString += "<IMG SRC='" + commonSysImagePath + "size_button.gif' WIDTH=36 HEIGHT=25 BORDER=0>";
theNavBarString += theMagButton1String (newImageSizeNumber);
theNavBarString += theMagButton2String (newImageSizeNumber);
theNavBarString += theMagButton3String (newImageSizeNumber);
theNavBarString += "<\/TD>";
theNavBarString += "<TD WIDTH=10% ALIGN=RIGHT>" + prevString (newImageNumber) + "&nbsp;&nbsp;&nbsp;" + theNextString + "<\/TD>";
theNavBarString += "<TD WIDTH=10%>";
theNavBarString += "</TD>";
theNavBarString += "</TR>";
theNavBarString += "<TR>";
theNavBarString += "<TD HEIGHT=30 ALIGN=CENTER VALIGN=MIDDLE COLSPAN=5 CELLPADDING=10>";
theNavBarString += displayedImages[currentImageNumber].imageName;
theNavBarString += "</TD>";
theNavBarString += "</TR>";
theNavBarString += "</TABLE>";
theNavBarString += "<\/div>";
return theNavBarString;
}

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

function ScrollToPos (currentImageExtent, newImageExtent, viewportExtent, extentTolerance, currentScrollPos)

//----------------------------------------------------------------
{
var scrollToPos = NORETURN;
var curToNewScaleFactor;
var viewportHalfExtent = Math.round (viewportExtent / 2);

if (newImageExtent > viewportExtent + extentTolerance)
   {
   if ((currentImageExtent ==0) || (currentImageExtent <= viewportExtent + extentTolerance))
      {
      scrollToPos = Math.round ((newImageExtent - viewportExtent) / 2);
      }
   else
      {
      CurToNewScaleFactor = Math.round ((newImageExtent / currentImageExtent) * 100) / 100;
      ViewCenterOnCurrentImage = currentScrollPos + viewportHalfExtent;
      ViewCenterOnNewImage = Math.round (ViewCenterOnCurrentImage * CurToNewScaleFactor);
      scrollToPos = Math.round (ViewCenterOnNewImage - viewportHalfExtent);
      }
   }
return scrollToPos;
}

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

function ScrollToZoomCenter (currentImageWidth, currentImageHeight, newImageWidth, newImageHeight)

//----------------------------------------------------------------
{
var XScrollToPos = NORETURN;
var YScrollToPos = NORETURN;
var XTolerance = 10;
var YTolerance = 10;

XScrollToPos = ScrollToPos (currentImageWidth, newImageWidth, viewportWidth, XTolerance, XScrollPos);

YScrollToPos = ScrollToPos (currentImageHeight, newImageHeight, viewportHeight, YTolerance, YScrollPos);

singleviewpiclayer.style.visibility = "hidden";

document.shownImage.src = newImagesrc;

document.shownImage.width = newImageWidth;

document.shownImage.height = newImageHeight;

if (XScrollToPos != NORETURN)
   {
   singleviewpiclayer.scrollLeft = XScrollToPos;
   }

if (YScrollToPos != NORETURN)
   {
   singleviewpiclayer.scrollTop = YScrollToPos;
   }

/*singleviewpiclayer.style.visibility = "visible";*/

}

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

function embedSingleImage (newImageNumber, newImageSizeNumber)

//----------------------------------------------------------------
{
var currentImageNumber;
var currentImageSizeNumber;
var currentImageWidth;
var currentImageHeight;
var imageSizeDesignator;

currentImageNumber = lastShownImageNumber;
currentImageSizeNumber = lastShownImageSizeNumber;
currentImageWidth = lastShownImageWidth;
currentImageHeight = lastShownImageHeight;
XScrollPos = singleviewpiclayer.scrollLeft;
YScrollPos = singleviewpiclayer.scrollTop;

singleviewpiclayer.style.visibility="hidden";

document.body.style.cursor = 'wait';

imageSizeDesignator = imageSizeWord[newImageSizeNumber];

newImagesrc=galleryImagePath + "dot_clear1.gif";

eval ("newImagesrc = galleryImagePath + displayedImages[newImageNumber]." + imageSizeDesignator + "URL");

eval ("newImageWidth = displayedImages[newImageNumber]." + imageSizeDesignator + "Width");

eval ("newImageHeight = displayedImages[newImageNumber]." + imageSizeDesignator + "Height");

lastShownImageNumber = newImageNumber
lastShownImageSizeNumber = newImageSizeNumber;
lastShownImageWidth = newImageWidth;
lastShownImageHeight = newImageHeight;

copyrightinfodiv.innerHTML = "<FONT SIZE=1><P>&#169; " + displayedImages[newImageNumber].copyrightYear + " Troy R. Bishop.  All rights reserved.<P>&nbsp</FONT>";

singleviewnavlayer.outerHTML = navBarString(newImageNumber, newImageSizeNumber);

//set up divs and size them.
//align top of picture layer with bottom of navbar layer

if (singleviewnavlayerWidth == 0)
   {
   singleviewnavlayerWidth = singleviewnavlayer.clientWidth;
   }

if (singleviewnavlayerHeight == 0)
   {
   singleviewnavlayerHeight = singleviewnavlayer.clientHeight;
   }

if (singleviewpiclayerWidth == 0)
   {
   singleviewpiclayerWidth = singleviewpiclayer.clientWidth;
   }

if (singleviewpiclayerHeight == 0)
   {
   singleviewpiclayerHeight = mainWindowInnerHeight - singleviewnavlayerHeight;
   }

if (viewportWidth == 0)
   {
   viewportWidth = singleviewpiclayerWidth;
   }

if (viewportHeight == 0)
   {
   viewportHeight = singleviewpiclayerHeight;
   }
singleviewpiclayer.style.top = singleviewnavlayerHeight;
singleviewpiclayer.style.height = singleviewpiclayerHeight;
singleviewcaptionlayer.style.top = singleviewcaptionveillayer.style.top;
singleviewcaptionlayer.style.height = singleviewcaptionveillayer.style.height;

captionBGIsToBeDisplayed = 0;
captionTextIsToBeDisplayed = 0;

if (newImageSizeNumber == regularSizeNumber && typeof displayedImages[newImageNumber].captionBGOpacity == "number" && displayedImages[newImageNumber].captionBGOpacity > 0 && displayedImages[newImageNumber].captionBGOpacity <= 100)
   {
   captionBGIsToBeDisplayed = 1;
   singleviewcaptionveillayer.style.left = (viewportWidth - newImageWidth) / 2 +30;
   singleviewcaptionveillayer.style.height = displayedImages[newImageNumber].captionHeight;
   singleviewcaptionveillayer.style.filter = "alpha(opacity=" + displayedImages[newImageNumber].captionBGOpacity + ")";
   singleviewcaptionveillayer.style.backgroundColor = displayedImages[newImageNumber].captionBGColor;
   singleviewcaptionveillayer.style.top = singleviewnavlayerHeight + displayedImages[newImageNumber].captionTop;
   }

if (newImageSizeNumber == regularSizeNumber && typeof displayedImages[newImageNumber].captionTextOpacity == "number" && displayedImages[newImageNumber].captionTextOpacity > 0 && displayedImages[newImageNumber].captionTextOpacity <= 100)
   {
   captionTextIsToBeDisplayed = 1;
   singleviewcaptionlayer.style.left = (viewportWidth - newImageWidth) / 2 +35;
   singleviewcaptionlayer.style.filter = "alpha(opacity=" + displayedImages[newImageNumber].captionTextOpacity + ")";
   singleviewcaptionlayer.style.color = displayedImages[newImageNumber].captionTextColor;
   singleviewcaptionlayer.innerHTML = displayedImages[newImageNumber].captionText;
   singleviewcaptionlayer.style.top = singleviewnavlayerHeight + displayedImages[newImageNumber].captionTop;
   }

/*alert(singleviewcaptionlayer.currentStyle.fontFamily + singleviewcaptionlayer.currentStyle.fontSize);*/

ScrollToZoomCenter (currentImageWidth, currentImageHeight, newImageWidth, newImageHeight);

}

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


function convertToSingleView (imageNumber)

//---------------------------------------------------------------------------
{

embedSingleImage (imageNumber, regularSizeNumber);
setToSingleVisibility ();
}


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

function createThumbnailList ()

//----------------------------------------------------------------
{
var contentString = "";
var rowIndex = 0;

contentString += "<div id='thumbnailpicslayer'>";

contentString += "<TABLE WIDTH=95% CELLSPACING='0' CELLPADDING='20' BORDER='0'>";
for (t_index = 0; t_index <= displayedImages.length - 1; t_index++)
   {
   if (rowIndex == 0)
      {
      contentString += "<TR>";
      }

   contentString += "<TD ALIGN='CENTER' VALIGN='TOP'>";
   contentString += "<A HREF='#' onClick='convertToSingleView (";
   contentString += t_index;
   contentString += ")'>";
   contentString += "<IMG SRC=";
   contentString += galleryImagePath + displayedImages[t_index].thumbURL;
   contentString += " WIDTH=";
   contentString += displayedImages[t_index].thumbWidth;
   contentString += " HEIGHT=";
   contentString += displayedImages[t_index].thumbHeight;
   contentString += " VSPACE='10'";
   contentString += " BORDER=0><BR>";
   contentString += "<\/A>";
   contentString += displayedImages[t_index].imageName;
   contentString += "<\/TD>";

   if (rowIndex == 3)
      {
      rowIndex = 0;
      contentString += "<\/TR>";
      }
   else
      {
      rowIndex++;
      }
   }
contentString += "<\/TABLE>";
contentString += "<\/div>";
thumbnailpicslayer.outerHTML = contentString;
}

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


function initializeThumbnailLayer ()

//---------------------------------------------------------------------------
{
//document.shownImage.src = "";
//document.shownImage.Width = 0;
//document.shownImage.Height = 0;
reinitializeGlobalVariables();
initializeImageArray ();
createThumbnailList ();
currentImageNumber=1;
setToThumbnailVisibility ();

if (mainWindowInnerHeight == 0)
   {
   mainWindowInnerHeight = document.body.clientHeight
   }
}

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

function initializeSingleViewLayer ()

//----------------------------------------------------------------
{

var contentString = "";

contentString += "<div id=\"singleviewouterlayer\" ";
contentString += "style=\"visibility:hidden\">";
contentString += "<div id=\"singleviewpiclayer\" style=\"position:absolute;top:0px;left:0px;padding:0px;width:100%;height:100%;visibility:hidden;overflow:auto\">";
contentString += "<CENTER>";
contentString += "<img name=\"shownImage\" onload=\"singleviewpiclayer.style.visibility='visible';document.body.style.cursor = 'default'\" onMouseOver=\"if (captionBGIsToBeDisplayed){singleviewcaptionveillayer.style.visibility='visible'}; if (captionTextIsToBeDisplayed){singleviewcaptionlayer.style.visibility='visible'}\" onMouseOut=\"singleviewcaptionveillayer.style.visibility='hidden'; singleviewcaptionlayer.style.visibility='hidden'\">";
contentString += "<\/CENTER>";
contentString += "<CENTER>";
contentString += "<div id=\"copyrightinfodiv\">";
contentString += "<P>this is the copyright information.<P>&nbsp;";
contentString += "<\/CENTER>";
contentString += "<\/div>";
contentString += "<\/div>";
contentString += "<div id=\"singleviewnavlayer\" style=\"position:absolute;padding:10px;background-color:'#EFECDC'\">";
contentString += "<\/div>";
contentString += "<div id=\"singleviewcaptionveillayer\" style=\"position:absolute;top:250px;padding:0px;width:200;height:100%;visibility:hidden\">";
contentString += "<\/div>";
contentString += "<div id=\"singleviewcaptionlayer\" style=\"position:absolute;top:250px;padding:0px;width:195;height:100%;visibility:hidden\">";
contentString += "<\/div>";
contentString += "<\/div>";

singleviewouterlayer.outerHTML = contentString;

}

//End include file for general javascript functions