/////////////////////////////////////////////////////////////////
//
//  Alpine Meadow Productions  
//
//  Donn Ault
//  Copyright (C) 2009 All Rights Reserved
//  www.alpinemeadow.com
//
/////////////////////////////////////////////////////////////////

var MessageBoxNumber = 0;

function AddMessageBox 
(
  TargetDivID,
  LeftURL, 
  MiddleURL, 
  RightURL, 
  SideWidth, 
  TheHeight, 
  MiddleWidth, 
  TheText,
  TextColor,
  TopOffsetForText
)
{
  var TargetDiv = document.getElementById (TargetDivID);
  var TotalWidth = (SideWidth * 2) + MiddleWidth;

  /////////////////////////////////////////////////////////////////
  //
  //  Create Container Div - Bag of All Holding
  //
  /////////////////////////////////////////////////////////////////
 
  var ContainerDiv = document.createElement ('div');
  ContainerDiv.id             = TargetDivID+'Container'+MessageBoxNumber;
  ContainerDiv.style.position = "relative";

  ContainerDiv.style.overflow = "visible";
  ContainerDiv.style.width    = TotalWidth+'px';
  ContainerDiv.style.height   = TheHeight+'px';
  ContainerDiv.style.margin   = "0 auto";

  var CapImg = document.createElement ('img');
  CapImg.id             = TargetDivID+'ContainerCapImage'+MessageBoxNumber;
  CapImg.style.position = "absolute";
  CapImg.style.overflow = "visible";
  CapImg.style.top      = 0+'px';
  CapImg.style.left     = 0+'px';
  CapImg.style.width    = SideWidth+'px';
  CapImg.style.height   = TheHeight+'px';
  CapImg.src            = LeftURL;
  ContainerDiv.appendChild(CapImg); 

  var MiddleImg = document.createElement ('img');
  MiddleImg.id             = TargetDivID+'ContainerMiddleImage'+MessageBoxNumber;
  MiddleImg.style.position = "absolute";
  MiddleImg.style.overflow = "visible";
  MiddleImg.style.top      = 0+'px';
  MiddleImg.style.left     = SideWidth+'px';
  MiddleImg.style.width    = MiddleWidth+'px';
  MiddleImg.style.height   = TheHeight+'px';
  MiddleImg.src            = MiddleURL;
  ContainerDiv.appendChild(MiddleImg); 

  var FooterImg = document.createElement ('img');
  FooterImg.id             = TargetDivID+'ContainerFooterImage'+MessageBoxNumber;;
  FooterImg.style.position = "absolute";
  FooterImg.style.overflow = "visible";
  FooterImg.style.top      = 0+'px';
  FooterImg.style.left     = (SideWidth+MiddleWidth)+'px';
  FooterImg.style.width    = SideWidth+'px';
  FooterImg.style.height   = TheHeight+'px';
  FooterImg.src            = RightURL;
  ContainerDiv.appendChild(FooterImg); 

  /////////////////////////////////////////////////////////////////
  //
  //  Create Img and Div for Center Text
  //
  /////////////////////////////////////////////////////////////////

  var TextDiv = document.createElement ('div');
  TextDiv.id             = TargetDivID+'ContainerText'+MessageBoxNumber;
  TextDiv.style.overflow = "visible";
  TextDiv.style.position = "absolute";
  TextDiv.style.top      = TopOffsetForText+'px';
  TextDiv.style.left     = SideWidth+'px';
  TextDiv.style.width    = MiddleWidth+'px';
  TextDiv.style.height   = 'auto';
  TextDiv.style.border   = 0+'px';
  TextDiv.style.margin   = 0+'px';
  TextDiv.style.padding  = 0+'px';
//  TextDiv.style.border   = "1px dashed blue";
  TextDiv.style.fontFamily = 'Arista';
  TextDiv.style.color = TextColor;
  TextDiv.style.fontSize  = 20+'px';
  TextDiv.style.textAlign = 'center';
  TextDiv.innerHTML = TheText;
  ContainerDiv.appendChild(TextDiv);

  TargetDiv.appendChild(ContainerDiv);

  MessageBoxNumber++;

}