function CreateSubscribe(e,Subject,elementID,Campaign,CompanyID)
    {
    if (document.getElementById(elementID))
        { PositionSubscribe(e,elementID); }
    else
        {
        var divTag = document.createElement("div");
        divTag.id = elementID;
        divTag.style.backgroundColor = "#fff";
        divTag.style.position = "absolute";
        divTag.style.border = "solid 1px #999";
        divTag.style.width = "350px";
        divTag.style.height = "200px";
        divTag.style.zIndex = 99;
        divTag.innerHTML = CreateSubscribeTable(Subject, divTag.id, Campaign, CompanyID);
   
	var caller = GetTarget(e);
	caller.parentNode.appendChild(divTag);
        PositionSubscribe(e,divTag.id);
      }
  }
    
function PositionSubscribe(e,elementID)
    {
 document.getElementById(elementID).style.visibility = "visible";
 document.getElementById(elementID).style.left = parseFloat(e.clientX);
//document.getElementById(elementID).style.top = parseFloat(e.clientY) + parseFloat(document.body.scrollHeight);
		    }
function CreateSubscribeTable(Subject,elementID,Campaign,CompanyID)
    {
    var mHTML = "";
    mHTML += "<div style='width: 100%; border-bottom: solid 1px #999;' class='SubscribeHeader'>";
        mHTML += "<span style='float: left;margin-left: 5px' class='SubscribeTitle'>Subscribe to our mailing list...</span>";
        mHTML += "<span style='float: right; margin-right: 5px; cursor: pointer;' class='SubscribeDelete' title='Close...' onclick=\"HideSubscribe('" + elementID + "');\">x</span>";
    mHTML += "<div style='clear: both;'></div></div>";
    
    mHTML += "<table id='tblSubscriber'>";
    mHTML += "<tr><td class='inputLabel'>List Subject:</td><td class='inputCell'>" + Subject + "</td></tr>";
    mHTML += "<tr><td class='inputLabel'>Company Name:</td><td class='inputCell'><input type='text' class='inputBox' id='txtCompanyName' /></td></tr>";
    mHTML += "<tr><td class='inputLabel'>First Name:</td><td class='inputCell'><input type='text' class='inputBox' id='txtFirstName' /></td></tr>";
    mHTML += "<tr><td class='inputLabel'>Surname:</td><td class='inputCell'><input type='text' class='inputBox' id='txtSurName' /></td></tr>";
    mHTML += "<tr><td class='inputLabel'>Email:</td><td class='inputCell'><input type='text' class='inputBox' id='txtEmail' />&nbsp;<span style='color: red'>*</span></td></tr>";
    mHTML += "<tr><td></td><td><input type='button' id='btnSubscribe' class='inputButton' value='Subscribe' ";
    mHTML += "onclick=\"SubmitSubscribe(" + Campaign + "," + CompanyID + ",\'" + elementID + "\');\"></td></tr>";
    mHTML += "</table>";
    
    return mHTML;
    }
function HideSubscribe(elementID)
    {
    document.getElementById(elementID).style.visibility = "hidden";
}
function SubmitSubscribe(Campaign, CompanyID, elementID) {
    var a, b, c, d;
    a = document.getElementById("txtCompanyName").value;
    b = document.getElementById("txtFirstName").value;
    c = document.getElementById("txtSurName").value;
    d = document.getElementById("txtEmail").value;
    if (b == "") { alert("Cannot subscribe without a valid First Name!"); return false; }
    if (c == "") { alert("Cannot subscribe without a valid Surame!"); return false; }
    if (d == "") { alert("Cannot subscribe without a valid Email Address!"); return false; }
    SendSubscribe(a, b, c, d, Campaign, CompanyID, elementID);
    }
    function SendSubscribe(CompanyName, FirstName, SurName, Email, Campaign, CompanyID, elementID)
    {
    var Url = "http://api.sign-up.to/capture.php?cid=7822&hash=662c6fd6c2087176b3b1451f9cf7a51b";
    Url += "&pid=" + Campaign + "&mode=add";
    Url += "&first_name=" + FirstName;
    Url += "&surname=" + SurName;
    Url += "&company_name=" + CompanyName;
    Url += "&email=" + Email;
    Url += "&companyid=" + CompanyID;

    var SubscribeImage = document.createElement("Img");
    SubscribeImage.src = Url;
    SubscribeImage.style.display = 'none';
    document.body.appendChild(SubscribeImage);
    alert("Thank you for subscribing...");
    HideSubscribe(elementID);
    }
function GetTarget(e)
	{
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	return targ;
	}