// The following code scales all page content to display
// consistently on any resolution screen. The goal is to
// keep the basic page appearance the same across resolution,
// but to render it at lower resolution (similar size) on
// monitors with less than 1280 pixels horizontal resolution
// First we calculate the neccesary scaling factor
var screenPercentage = ((screen.width * 100) / 1280); // Design is based on 1280 screen
if(screenPercentage > 100) screenPercentage = 100; // But, we do not want to multiply pixels for larger screens
var screenMultiplier = screenPercentage / 100; // Design is based on 1280 screen
// Then we calculate the sizes of all screen elements
// IMAGES
var photoFrameWidth = 590 * screenMultiplier;
var MainImageWidth = 584 * screenMultiplier;
var MainImageHeight = 401 * screenMultiplier;
var FaceImageWidth = 125 * screenMultiplier;
var FaceImageHeight = 150 * screenMultiplier;
var AntiqueImageWidth = 150 * screenMultiplier;
var AntiqueImageHeight = 200 * screenMultiplier;
var PansyImageWidth = 400 * screenMultiplier;
var PansyImageHeight = 525 * screenMultiplier;
var HeirloomImageWidth = 531 * screenMultiplier;
var HeirloomImageHeight = 398 * screenMultiplier
var CulinaryImageWidth = 714 * screenMultiplier;
var CulinaryImageHeight = 479 * screenMultiplier
var FullImageWidth = 640 * screenMultiplier;
var FullImageHeight = 480 * screenMultiplier
var HalfImageWidth = 320 * screenMultiplier;
var HalfImageHeight = 240 * screenMultiplier
var SquareImageWnH = 400 * screenMultiplier;
var LittleSquareWnH = 250 * screenMultiplier;
var BorderImageWidth = 63 * screenMultiplier;
var BorderImageHeight = 53 * screenMultiplier;
var SmallPortraitWidth = 240 * screenMultiplier;
var SmallPortraitHeight = 320 * screenMultiplier;
var ShepherdessWidth = 508 * screenMultiplier;
var ShepherdessHeight = 297 * screenMultiplier;
var ViolaWidth = 514 * screenMultiplier;
var ViolaHeight = 480 * screenMultiplier;
var DandelionWidth = 322 * screenMultiplier;
var DandelionHeight = 480 * screenMultiplier;
var DurerWidth = 726 * screenMultiplier;
var DurerHeight = 560 * screenMultiplier;
var PostCardWidth = 769 * screenMultiplier;
var PostCardHeight = 576 * screenMultiplier;
var DButtonWidth = 400 * screenMultiplier;
var DButtonHeight = 60 * screenMultiplier;
var JackWidth = 263 * screenMultiplier;
var JackHeight = 153 * screenMultiplier;
var PatchWidth = 480 * screenMultiplier;
var PatchHeight = 360 * screenMultiplier;
var MozartWidth = 229 * screenMultiplier;
var MozartHeight = 362 * screenMultiplier;
var FieldEngWidth = 338 * screenMultiplier;
var FieldEngHeight = 254 * screenMultiplier;
var OpheliaWidth = 500 * screenMultiplier;
var OpheliaHeight = 224 * screenMultiplier;
var NathalieWidth = 540 * screenMultiplier;
var NathalieHeight = 90 * screenMultiplier;
var PlantFungiWidth = 160 * screenMultiplier;
var PlantFungiHeight = 120 * screenMultiplier;
var SunshineWidth = 540 * screenMultiplier;
var SunshineHeight = 115 * screenMultiplier;
var ElkWidth = 400 * screenMultiplier;
var ElkHeight = 162 * screenMultiplier;
var AHSWidth = 540 * screenMultiplier;
var AHSHeight = 162 * screenMultiplier;
// FONTS
var avsTitleFontSize = 36 * screenMultiplier;
var pageTitleFontSize = 24 * screenMultiplier;
var photoTitleFontSize = 18 * screenMultiplier;
var photoCreditFontSize = 10 * screenMultiplier;
var photoTextFontSize = 12 * screenMultiplier;
var linkListFontSize = 14 * screenMultiplier;
var TROVLinkFontSize = 16 * screenMultiplier;
var TROVFontSize = 24 * screenMultiplier;
var pageTextFontSize = 16 * screenMultiplier;
var pageTextArialFontSize = 14 * screenMultiplier;
var microsoftFontSize = 12 * screenMultiplier;
var getIEFontSize = 12 * screenMultiplier;
var dividerThickness = 7 * screenMultiplier;
var PoemWidth = 600 * screenMultiplier;
var BorderLine = "![](\"../American_Violet_Society_Images/Border_Viola_rostrata.gif\")
";
// Next we generate the style sheet rules for the various elements on the page
document.writeln('');
function sideBorder(count)
{
var i = 0;
for(i = 0; i < count; i++)
{
document.write(BorderLine + "
")
} // for(i = 0; i < count; i++)
}
function topBotBorder(count)
{
var i = 0;
for(i = 0; i < count; i++)
{
document.write(BorderLine)
} // for(i = 0; i < count; i++)
}
function redrawPage()
{
//document.reload();
}