var DefaultName = "data[Answer]";
var DefaultNameIncrementNumber = 0;

// No further customizations required.
function AddFormField(id,type,name,value,tag) {

    if( !document.getElementById && document.createElement) { return; }

    var inhere = document.getElementById(id);
    var formfield = document.createElement("input");

    if(name.length < 1) {
        DefaultNameIncrementNumber++;
        name = String(DefaultName + '['  + DefaultNameIncrementNumber + ']' + '[Answer]');
    }

    formfield.name = name;
    formfield.type = type;
    formfield.value = value;

    if(tag.length > 0) {
   
        var thetag = document.createElement(tag);
        thetag.appendChild(formfield);
        inhere.appendChild(thetag);
   
    } else { 

        inhere.appendChild(formfield); 

    } 

} // function AddFormField()


function addEvent() {

    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById("theValue").value -1)+ 2;

    numi.value = num;

    var divIdName = "my"+num+"Div";
    var newdiv = document.createElement('div');

    newdiv.setAttribute("id",divIdName);

    newdiv.innerHTML = 
      '<div class="add_answer"><label for="name" class="pLabel">Answer&nbsp; </label> <div class="input text"> <input name="data[Answer][' + num +  '][Answer]" type="text" class="field_input_generic_long" value="" id="Answer" /> ' + "<a href=\"javascript:;\" onclick=\"removeElement(\'"+divIdName+"\')\" class=\"remove\">--</a> <br /></div> <div class=\"answer_options\"><input type=\"radio\" name=\"data[Answer][" + num + "][Effect]\" effect\" value=\"Confirm\"><label for=\"Answer0Confirm\">Confirm Permit</label><input type=\"radio\" name=\"data[Answer][" + num + "][Effect]\" value=\"Eliminate\"><label for=\"Answer0Eliminate\"> Eliminate Permit</label> <input type=\"radio\" name=\"data[Answer][" + num + "][Effect]\" value=\"none\"><label for=\"Answer0Eliminate\"> No Change</label></div></div>";
  
 
    ni.appendChild(newdiv);

}

function addQuestion(questions) {

    var ni = document.getElementById('questionDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById("theValue").value -1)+ 2;

    numi.value = num;

    var divIdName = "question"+num+"Div";
    var newdiv = document.createElement('div');

    newdiv.setAttribute("id",divIdName);

    question = '<p> <label for="project_type" class="qLabel"> ' + num + '. This is a Test Question </label> <div id="divform_QelementContainer"> <input type="hidden" name="data[Project][radio]" value="" id="ProjectRadio_" /> <input type="radio" name="data[Project][radio]" id="ProjectRadio10" value="10"  /> <label for="ProjectRadio10">Yes</label> <br /> <input type="hidden" name="data[Project][radio]" value="" id="ProjectRadio_" /> <input type="radio" name="data[Project][radio]" id="ProjectRadio11" value="11"  /> <label for="ProjectRadio11">No</label> <br /> </div> <br /> </p>';

    newdiv.innerHTML = questions; 
 
    ni.appendChild(newdiv);

}

function nextQuestionOld(divName) {

    var ni = document.getElementById(divName);

    var divIdName = "question"+num+"Div";
    var newdiv = document.createElement('div');

    newdiv.setAttribute("id",divIdName);

    question = '<p> <label for="project_type" class="qLabel"> ' + num + '. This is a Test Question </label> <div id="divform_QelementContainer"> <input type="hidden" name="data[Project][radio]" value="" id="ProjectRadio_" /> <input type="radio" name="data[Project][radio]" id="ProjectRadio10" value="10"  /> <label for="ProjectRadio10">Yes</label> <br /> <input type="hidden" name="data[Project][radio]" value="" id="ProjectRadio_" /> <input type="radio" name="data[Project][radio]" id="ProjectRadio11" value="11"  /> <label for="ProjectRadio11">No</label> <br /> </div> <br /> </p>';

    newdiv.innerHTML = questions; 
 
    ni.appendChild(newdiv);

}

function nextQuestion(divName, prevName) {

    document.getElementById(divName).style.display = "block";
    document.getElementById(prevName).style.visibility = "hidden";

}


function removeElement(divNum) {

    var d = document.getElementById('myDiv');
    var olddiv = document.getElementById(divNum);
    d.removeChild(olddiv);

}