//iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
function doApplyBkgdImg($bkgdImg, $bkgdRpt, $bkgdPos, $applyToId, $fgImgId, $fgImgW, $fgImgH )

{
//applyToId = id of element to apply the background to 
//(optional) fgImgId = id of foreground image if this is being used instead
//IF optional fg image is used, it must already exist in the structure.
// to use this, I create my structure with an empty, hidden, aboslutely placed image.



var bkgdImg = $bkgdImg;
var bkgdRpt = $bkgdRpt;
var bkgdPos = $bkgdPos;
var applyToId = $applyToId;
var fgImgId = $fgImgId;
var fgImgW = $fgImgW;
var fgImgH = $fgImgH;

//alert ("bkgdPos:" + bkgdPos);

if (bkgdImg != "NONE" && bkgdRpt != "ReSize" )
{ 
//apply as background image
var eNode = document.getElementById(applyToId);
var bkgdImgStr = 'url(' +  bkgdImg + ')';
eNode.style.backgroundImage = bkgdImgStr;
eNode.style.backgroundPosition = bkgdPos;
eNode.style.backgroundRepeat = bkgdRpt;
}
else 
{ 
//remove any background attributes   
var eNode = document.getElementById(applyToId);
//alert ("else of if 1  remove background attributes");
eNode.style.backgroundImage = "";
eNode.style.backgroundPosition = "";
eNode.style.backgroundRepeat = "";
}


if (bkgdImg != "NONE" && bkgdRpt == "ReSize" && (fgImgId.length > 0))
{ 
//apply as a foreground image

//img tag should already exist with src set to nothing and display set to none
//we only need to change the src and display.  width and height should be set to 100%

//set img src
  var imgNode = document.getElementById(fgImgId);
  imgNode.setAttribute("src", bkgdImg);
  imgNode.style.display = "block";
  imgNode.style.position = "absolute";
  imgNode.style.top = "0";
  imgNode.style.left = "0";

if (fgImgW > 0)
 {
  imgNode.style.width = fgImgW;
 }
else
 {
  imgNode.style.width = "100%"
 }

if (fgImgH > 0)
 {
  imgNode.style.height = fgImgH;
 }
else
 {
   imgNode.style.height = "100%";
 }

}  
else
{

//remove any foreground image already applied here
//alert("ESE of != NONE && == ReSize ");
  var imgNode = document.getElementById(fgImgId);
  
  imgNode.setAttribute("src", "");
  imgNode.style.display = "none";

}//if else                        

}

//iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

//iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

/*
function doBkgdImgStyle1()
{
//Because IE Will NOT conform this now needs to be part of the style applied AFTER calculations are done.
//
//extracts from form and applies style
var oFSbkgdI = document.getElementById('oFSbkgdI').value;
var oFSbkgdIr = document.getElementById('oFSbkgdIr').value;
var oFSbkgdIp = document.getElementById('oFSbkgdIp').value;

//function doApplyBkgdImg($bkgdImg, $bkgdRpt, $bkgdPos, $applyToId, $fgImgId )
doApplyBkgdImg(oFSbkgdI, oFSbkgdIr, oFSbkgdIp, "oFSdiv", "oFSdivImg");

}
*/