function setVis(value) { 
    if (value == 'hideAll'){
        document.getElementById('screen1').className = 'show';
        document.getElementById('screen2').className = 'hide';
        document.getElementById('screen3').className = 'hide';
        document.getElementById('screen4').className = 'hide';
        document.getElementById('screen5').className = 'hide';
        document.getElementById('screen6').className = 'hide';
        document.getElementById('hideMe').className = 'hide';
        
    
    }else if (value == 'showScreen2'){
        if (checkFormOne()){
            document.getElementById('screen1').className = 'hide';
            document.getElementById('screen2').className = 'show';
        }else{
            alert("Please Fill in all the fields that are RED");
            }
        
    }else if (value == 'showScreen3'){
            //do kids and bens{
                document.getElementById('children_block').innerHTML = "";
                document.getElementById('ben_block').innerHTML = "";
              
            if (document.getElementById('childrenYes').checked){
                for (var kidcount=1;kidcount <= document.getElementById('numChildren').value; kidcount++){
                    document.getElementById('children_block').innerHTML = document.getElementById('children_block').innerHTML + "<p id=childrenStringName" + kidcount + ">Enter full name of Child "+kidcount+":<BR><INPUT class=\"line_input\" NAME=\"global[fields][childName"+kidcount+"]\" id=\"childrenText" + kidcount + "\"></p><p id=childrenID" + kidcount + ">Enter identity number or date of birth of Child "+kidcount+": <BR><INPUT class=\"line_input\"  NAME=\"global[fields][childId"+kidcount+"]\" id=\"childrenIDText" + kidcount + "\"></p>"
                    }
                }
                
            if (document.getElementById('bensNo').checked){
                for (var kidcount=1;kidcount <= document.getElementById('numbens').value; kidcount++){
                    document.getElementById('ben_block').innerHTML = document.getElementById('ben_block').innerHTML + "<p id=benStringName" + kidcount + ">Enter full name of Beneficiary "+kidcount+":<BR><INPUT class=\"line_input\" NAME=\"global[fields][benName"+kidcount+"]\" id=\"benText" + kidcount + "\"></p><p id=benID" + kidcount + ">Enter identity number or date of birth of Beneficiary "+kidcount+": <BR><INPUT class=\"line_input\"  NAME=\"global[fields][benId"+kidcount+"]\" id=\"benIDText" + kidcount + "\"></p>"
                }
            }
            //}
            document.getElementById('screen2').className = 'hide';
            document.getElementById('screen3').className = 'show';
        
    }else if (value == 'showScreen4'){
        if(checkFormThree()){
            document.getElementById('screen3').className = 'hide';
            document.getElementById('screen4').className = 'show';
            
            
            
            //Children
            document.getElementById('children_name_block').innerHTML = "";

            
            //7. Bequests
            if(document.getElementById('childrenYes').checked){
                for (var kidcount=1;kidcount <= document.getElementById('numChildren').value; kidcount++){
                        document.getElementById('children_name_block').innerHTML = document.getElementById('children_name_block').innerHTML + "<tr><td width=\"20%\"><p>" + 
                        document.getElementById("childrenText" + kidcount).value+ "</p></td><td width=\"10%\"><input name=\"global[fields][residueBequestChild" + kidcount+ "]\" size=\"3\" style=\"width: 36px\" id=\"residueBequestChildText" + kidcount 
                        +"\"> %</td><td><textarea name=\"global[fields][specbequest" + kidcount+ "]\" cols=\"25\" rows=\"0\" id=\"specbequest" +kidcount 
                        + "\" ></textarea></td><td><INPUT NAME=\"global[fields][preDeceaseChild" + kidcount+ "]\" VALUE=\"Replace by representation\" checked TYPE=\"radio\" id=\"preDeceaseChildReplace" 
                        + kidcount+ "\"><LABEL>Replace by representation<br /></LABEL>"
                        + "<INPUT NAME=\"global[fields][preDeceaseChild" + kidcount+  "]\" VALUE=\"As if they had never existed\" id=\"preDeceaseChildExisted"+ kidcount + "\"  TYPE=\"radio\"><LABEL>As if they had never existed</LABEL>   </td>";
                        
                    
                }
            }
            if (document.getElementById('bensNo').checked){
                //Beneficiaries
                for (var kidcount=1;kidcount <= document.getElementById('numbens').value; kidcount++){
                        document.getElementById('children_name_block').innerHTML = document.getElementById('children_name_block').innerHTML + "<tr><td width=\"20%\"><p>" + 
                        document.getElementById("benText" + kidcount).value+ "</p></td><td width=\"10%\"><input name=\"global[fields][residueBequestBen" + kidcount+ "]\" size=\"3\" style=\"width: 36px\" id=\"residueBequestBenText" + kidcount 
                        +"\"> %</td><td><textarea name=\"global[fields][specbequestBen" + kidcount+ "]\" cols=\"25\" rows=\"0\" id=\"specbequestBen" +kidcount 
                        + "\" ></textarea></td><td><INPUT NAME=\"global[fields][preDeceaseBen" + kidcount+ "]\" VALUE=\"Replace by representation\" checked TYPE=\"radio\" id=\"preDeceaseBenReplace" 
                        + kidcount+ "\"><LABEL>Replace by representation<br /></LABEL>"
                        + "<INPUT NAME=\"global[fields][preDeceaseBen" + kidcount+  "]\" VALUE=\"As if they had never existed\" id=\"preDeceaseBenExisted"+ kidcount + "\"  TYPE=\"radio\"><LABEL>As if they had never existed</LABEL>   </td>";
                        
                    
                }
            }
                
            
                
            
        }else{
            alert("Please Fill in all the fields that are RED");
            }
    }else if (value == 'showScreen5'){
    if (calculateBequest()){
            document.getElementById('screen4').className = 'hide';
            document.getElementById('screen5').className = 'show';
        }

       
    }else if (value == 'showScreen6'){
        if(checkFormFive()){
            createConfirmation();
            document.getElementById('screen5').className = 'hide';
            document.getElementById('screen6').className = 'show';
            
         
          }else{
            alert("Please Fill in all the fields that are RED");
            }
       }
}
function addTrusteeInputField(){ //Adds Trustee Input fieds
    document.getElementById('trustee_block').innerHTML = "";
            
   
    if (document.getElementById('trusteeCheck').checked){
        document.getElementById('numTrustee').disabled=false;  //Disable thedrop down list
        document.getElementById('hideMe').className = 'show'
         
         
         
         
        for (var kidcount=1;kidcount <= document.getElementById('numTrustee').value; kidcount++){
                document.getElementById('trustee_block').innerHTML = document.getElementById('trustee_block').innerHTML + "<p id=\"trusteenameText" + kidcount + "\"> "+kidcount +".  <input type=\"text\" name=\"global[fields][trusteename" + kidcount+ "]\" size=\"25\" value=\"\" id=\"trusteename"+ kidcount+  "\" >";
        }
    }else{
        document.getElementById('hideMe').className = 'hide'
       document.getElementById('numTrustee').disabled=true; 
    
        }
    
        
}

function addGuardInputField (){ //Adds Trustee Input fieds
    document.getElementById('guardian_block').innerHTML = "";
            
   
    if (document.getElementById('guardianYes').checked){
         
        for (var kidcount=1;kidcount <= document.getElementById('numGuard').value; kidcount++){
                document.getElementById('guardian_block').innerHTML = document.getElementById('guardian_block').innerHTML + "<p id=\"guardnameText" +kidcount+"\"> "+kidcount +".  <input type=\"text\" name=\"global[fields][guardians" + kidcount +"]\"  size=\"25\" id=\"guardiansList" + kidcount + "\" >";
    
        }
    }
}
    
        


function calculateBequest(){
    var total = 0;
    var count = 0;
    
    
    if(document.getElementById('childrenYes').checked){
        for (var kidcount=1;kidcount <= document.getElementById('numChildren').value; kidcount++){ //Populating the array
            
            if(document.getElementById("residueBequestChildText" + kidcount).value == "" || !document.getElementById("residueBequestChildText" + kidcount).value.match(/^\d/)){
                document.getElementById("residueBequestChildText" + kidcount).value = 0;
                }
            
            total +=  parseInt(document.getElementById("residueBequestChildText" + kidcount).value);
            }  
        
        
    }

    if (document.getElementById('bensNo').checked){
         for (var kidcount=1;kidcount <= document.getElementById('numbens').value; kidcount++){ //Populating the array
            
            if(document.getElementById("residueBequestBenText" + kidcount).value == "" || !document.getElementById("residueBequestBenText" + kidcount).value.match(/^\d/)){
                document.getElementById("residueBequestBenText" + kidcount).value = 0;
                }
            
             total += parseInt(document.getElementById("residueBequestBenText" + kidcount).value);
            } 
   }     
    
    document.getElementById('total').value = total.toString();  
    
    
    
    if(total > 100 || total < 100){
        document.getElementById('total').style.color = "#ff0000"
        alert("The sum of residue bequests cannot exceed 100% or be less than 100%");
        return false;
    }else{
        document.getElementById('total').style.color = "#666666"
        return true;
        }
}


function createConfirmation(){

    document.getElementById('innerName').innerHTML = "";
    document.getElementById('innerTel').innerHTML = "";
    document.getElementById('innerAddress').innerHTML = "";
    document.getElementById('innerEmail').innerHTML = "";
    document.getElementById('innerMaritalStatus').innerHTML = "";
    document.getElementById('innerExecutor1').innerHTML = "";
    document.getElementById('innerExecutor2').innerHTML = "";
    document.getElementById('innerAnd').innerHTML = "";
    document.getElementById('innerBen').innerHTML = "";
    document.getElementById('innerGuardian').innerHTML = "";
    
    
    
    
    document.getElementById('innerName').innerHTML = document.getElementById('innerName').innerHTML + document.getElementById('firstname').value; + " " + document.getElementById('surname').value;
    document.getElementById('innerTel').innerHTML = document.getElementById('innerTel').innerHTML +  document.getElementById('tel').value;
    document.getElementById('innerAddress').innerHTML = document.getElementById('innerAddress').innerHTML +  document.getElementById('address').value;
    document.getElementById('innerEmail').innerHTML = document.getElementById('innerEmail').innerHTML +  document.getElementById('email').value;
    
  
    
    
    for(var i=0; i < 4; i++){
        if(document.getElementById("m"+i).checked){
         document.getElementById('innerMaritalStatus').innerHTML = document.getElementById('innerMaritalStatus').innerHTML + "You are " +  document.getElementById("m"+i).value;
            }
        }
        
        
    ////For The Guardians    
    
    for(var kidcount=1;kidcount <= document.getElementById('numGuard').value; kidcount++){
        
        if(document.getElementById('guardianYes').checked){
           document.getElementById('innerGuardian').innerHTML = document.getElementById('innerGuardian').innerHTML  + kidcount +". " +  document.getElementById("guardiansList" + kidcount).value + "<br>";
        }  
    }        
    if(document.getElementById('guardianNo').checked){
            document.getElementById('innerGuardian').innerHTML = document.getElementById('innerGuardian').innerHTML + "No one";
            }            
        
        
        //For the executor
    if(document.getElementById('g1').checked){
      document.getElementById('innerExecutor1').innerHTML = document.getElementById('innerExecutor1').innerHTML + document.getElementById('executorAS').value;   
    
    }
    if(document.getElementById('g2').checked){
        document.getElementById('innerExecutor2').innerHTML = document.getElementById('innerExecutor2').innerHTML + document.getElementById('executor').value;   
    } 

    if(document.getElementById('g1').checked && document.getElementById('g2').checked){
         document.getElementById('innerAnd').innerHTML = document.getElementById('innerAnd').innerHTML + " and ";   
        }
    
    
    
    //For the Display list  of the children () Special Bequest for () and % () [  ]
    var predecease ="";
    
  
    if (document.getElementById('childrenYes').checked){
        for (var kidcount=1;kidcount <= document.getElementById('numChildren').value; kidcount++){
            var predecease ="";
            
            if(document.getElementById("preDeceaseChildExisted" + kidcount).checked){
                predecease = document.getElementById("preDeceaseChildExisted" + kidcount).value;
            }else if(document.getElementById("preDeceaseChildReplace" + kidcount).checked){
               predecease = document.getElementById("preDeceaseChildReplace" + kidcount).value;
           }
    
    
            document.getElementById('innerBen').innerHTML = document.getElementById('innerBen').innerHTML + 
            "<b>"+ document.getElementById("childrenText" + kidcount).value +" (" + document.getElementById("childrenIDText" + 
            kidcount).value+ ") </b>Special Bequest for <b>" + document.getElementById("childrenText" + kidcount).value+ "(" + 
            document.getElementById("specbequest" + kidcount).value + ") </b>and <b>" + document.getElementById("residueBequestChildText" + 
            kidcount).value +"% (residual) [" + predecease + "]</b><br>"
        
            
            }
        }
        
    //Display the Bens list  () Special Bequest for () and % () [  ]
        
    if (document.getElementById('bensNo').checked){    
         for (var kidcount=1;kidcount <= document.getElementById('numbens').value; kidcount++){
            var predecease ="";
            
            if(document.getElementById("preDeceaseBenExisted" + kidcount).checked){
                predecease = document.getElementById("preDeceaseBenExisted" + kidcount).value;
            }else if(document.getElementById("preDeceaseBenReplace" + kidcount).checked){
               predecease = document.getElementById("preDeceaseBenReplace" + kidcount).value;
           }
    
    
            document.getElementById('innerBen').innerHTML = document.getElementById('innerBen').innerHTML + 
            "<b>"+ document.getElementById("benText" + kidcount).value +" (" + document.getElementById("benIDText" + 
            kidcount).value+ ") </b>Special Bequest for <b>" + document.getElementById("benText" + kidcount).value+ "(" + 
            document.getElementById("specbequestBen" + kidcount).value + ") </b>and <b>" + document.getElementById("residueBequestBenText" + 
            kidcount).value +"% (residual) [" + predecease + "]</b><br>"
        
            
        } 
    }

    document.getElementById('innerSpecial').innerHTML = document.getElementById('special').value;
    



    }





function setHide(value) {
    if (value == 'showScreen1'){
        document.getElementById('screen1').className = 'show';
        document.getElementById('screen2').className = 'hide';
    }else if (value == 'showScreen2'){
        document.getElementById('screen2').className = 'show';
        document.getElementById('screen3').className = 'hide';
    }else if (value == 'showScreen3'){
        document.getElementById('screen3').className = 'show';
        document.getElementById('screen4').className = 'hide';
    }else if (value == 'showScreen4'){
    document.getElementById('screen4').className = 'show';
        document.getElementById('screen5').className = 'hide';
    }else if (value == 'showScreen5'){
        document.getElementById('screen5').className = 'show';
        document.getElementById('screen6').className = 'hide';
    }
 }
//For Screen2 where the comboboxes need to be selected in a certain order
function makeDisable(value, id){ 
    var x=document.getElementById(value);
    x.disabled=true;
    if(id == "childrenNo"){
        document.getElementById('bensYes').disabled=true; 
        document.getElementById('bensNo').checked=true; 
        document.getElementById('numbens').disabled=false; 
    }
}
function makeEnable(value, id){
    var x=document.getElementById(value);
    x.disabled=false;
    if (id == "childrenYes"){
   
        document.getElementById('bensYes').disabled=false; 
    }else if (value == "numGuard"){
        addGuardInputField ();
        }
   
   
}