/*
 *   Code to replace the graphical purchase box images with css/html
 *   Author: Mike Egan
 *   Date: 03/19/2007
*/


function writePurchaseBox(x,y, title, blurb, buttonText, displySaving, savingText, url)
{

  var layerString = "";
  layerString += "    <DIV style='position:absolute;left:"+x+"px;top:"+y+"px;font-family:Arial;cursor:pointer' onclick='window.location=\""+url+"\"'>";
  layerString += "      <TABLE width='220' hspace='0' vspace='0' cellpadding='0' cellspacing='0'  background='/images/backdrop.gif' style='position:absolute;z-index:0'>";
  layerString += "        <TR>";
  layerString += "          <TD height='60' style='text-align:center;vertical-align:middle;color:#4444ff;font-size:24pt'>";
  layerString += "              "+title;
  layerString += "          </TD>";
  layerString += "        </TR>";
  layerString += "        <TR>";
  layerString += "          <TD height='120' style='position:relative;top:5px;text-align:center;vertical-align:top;font-weight:550;font-size:12pt'>";
  layerString += "            <SPAN style='color:#6d6d6d'>"+blurb+"</SPAN>";
  if(displySaving){
  layerString += "            <SPAN style='color:#FAA800;font-weight:600'>"+savingText+"</SPAN>";
  }
  layerString += "          </TD>";
  layerString += "        </TR>";
  layerString += "        <TR>";
  layerString += "          <TD height='25' style='position:relative;top:-5px;text-align:center;vertical-align:middle'><IMG src='/images/btnBlank143x22.gif'/></TD>";
  layerString += "        </TR>";
  layerString += "        <TR>";
  layerString += "          <TD height='10'> </TD>";
  layerString += "        </TR>";
  layerString += "      </TABLE>";
  // Shadow text
  layerString += "      <TABLE width='220'hspace='0' vspace='0' cellpadding='0' cellspacing='0' style='position:absolute;z-index:1'>";
  layerString += "        <TR>";
  layerString += "          <TD height='60' style='text-align:center;vertical-align:middle;color:white;font-size:24pt'>";
  layerString += "            <SPAN style='position:relative;top:-1px;left:-1px;'>";
  layerString += "              "+title;
  layerString += "            </SPAN>";
  layerString += "          </TD>";
  layerString += "        </TR>";
  layerString += "        <TR>";
  layerString += "          <TD height='120' style='position:relative;top:5px;text-align:center;vertical-align:top;font-weight:550;font-size:12pt'>";
  layerString += "            <BR>";
  layerString += "          </TD>";
  layerString += "        </TR>";
  layerString += "        <TR>";
  layerString += "          <TD height='25' style='position:relative;top:-5px;text-align:center;vertical-align:middle;font-weight:600;font-size:10pt;color:white;'>"+buttonText+"</TD>";
  layerString += "        </TR>";
  layerString += "        <TR>";
  layerString += "          <TD height='10'> </TD>";
  layerString += "        </TR>";
  layerString += "      </TABLE>";
  layerString += "    </DIV>";

  document.write(layerString);
}
