
document.write('<script src="/signup-form-validator.js" type="text/javascript"></script>');

function generateSignupForm(id, width, bgColor,formID) {
    var QueryString = '';
    QueryString = '?p=' + id;
    var NewWidth = parseInt(width);
    var NameTextSize = (NewWidth * 75 / 100);
    var EmailTextSize = (NewWidth * 75 / 100);
    width = width + 90;

/*<tr><td align="right"><span style="color: #B8CDE0; font-weight: bold;">Zip:</span></td><td align="left"><input size="8" maxlength="8" style="width:118px;" name="ZipCode" type="text" /></td></tr>*/

var  signUpForm = '<form action="/signup.php" method="post" name="MainSignUpForm" id="MainSignUpForm" onsubmit="return validate_SignUpForm(this);"><div style="width:' + width + ';"><table border="0" cellpadding="3" cellspacing="0" width="100%" align="center" style="pagging:1px;"><tr><td colspan=2><div style="padding-left:25px;color:white"><center><b>Debt Consolidation Center</b></center></div></td></tr><tr><td align="right" ><span style="color: #B8CDE0; font-weight: bold;">First name:</span></td><td align="left"><input style="z-index:100;width:' + NameTextSize + 'px;" name="FirstName" type="text" /></td></tr><tr><td align="right" ><span style="color: #B8CDE0; font-weight: bold;">Last name:</span></td><td align="left"><input style="z-index:100;width:' + NameTextSize + 'px;" name="LastName" type="text" /></td></tr><tr><td align="right"><span style="color: #B8CDE0; font-weight: bold;">Email:</span></td><td align="left"><input style="z-index:100;width:' + NameTextSize + 'px;" name="EmailAddress" type="text"></td></tr><tr><td align="right"><span style="color: #B8CDE0; font-weight: bold;">Phone:</span></td><td align="left"><input onkeyup="return autoTab(this, 3, event);" style="width:30px;" size="3" maxlength="3" name="phone1" />&nbsp;<input onkeyup="return autoTab(this, 3, event);" size="3" maxlength="3" style="width:30px;" name="phone2" />&nbsp;<input onkeyup="return autoTab(this, 4, event);" size="4" maxlength="4" style="width:40px;" name="phone3" /></td></tr><tr><td align="right"><span style="color: #B8CDE0; font-weight: bold;">State:</span></td><td align="left"><select name="State"><option value="" selected="selected">Select a State</option><option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AZ">Arizona</option><option value="AR">Arkansas</option><option value="CA">California</option><option value="CO">Colorado</option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="DC">District Of Columbia</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Louisiana</option><option value="ME">Maine</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NY">New York</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="OR">Oregon</option><option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VA">Virginia</option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option></select></td></tr><tr><td align="right"><span style="color: #B8CDE0; font-weight: bold;">Debt:</span></td><td align="left"><select name="DebtAmount" style="width:122px;"><option value="" selected="selected">Select...</option>><option value="0-10000">Under 10K</option><option value="10000-20000">$10,000 - $19,999</option><option value="20000-35000">$20,000 - $34,999</option><option value="35000-50000">$35,000 - $49,999</option><option value="50000">More than $50,000</option></select></td></tr><tr><td align="center" colspan="2"><input class="signup-button" name="ActionButton" value="" style="background: url(/img/btn-getmyquote.gif); width:200px; padding-right:100px; height:42px;border:none;" width=200 height=42 type="submit" /></td></tr></table></div></form>';
      

    var formDiv = document.createElement("div");
    formDiv.innerHTML = signUpForm;                            
    var container = document.getElementById('Signup'+formID+id); 
    document.getElementById('Signup'+formID+id).innerHTML = '';
    container.appendChild(formDiv);                                                                                                                       
}
var width;
var id;
var bgColor;
var formID;
generateSignupForm(id, width, bgColor,formID);


