var slideCount=1;
var slide1Data='What brings you to counseling today? (Select all that apply)'+'\n';
var slide2Data='Is this your first time in therapy?'+'\n';
var slide3Data='What are your goals for therapy, if any?'+'\n';
var slide4Data='What country do you live in?'+'\n';
var slide5Data='What is your date of birth?'+'\n';
var slide6Data='What counseling approach works best for you?'+'\n';
var slide7Data='Do you have a preference in the gender of your provider?'+'\n';
var slide8Data='What gender do you identify with?'+'\n';
var slide9Data='Do you use pronouns? If so, what are they?'+'\n';
var slide10Data='What is your current relationship status?'+'\n';
var slide11Data='How did you hear about us?'+'\n';
var dobMonth='';
var dobYear='';
var dobDay='';
var slideScript="<div style= 'background-color:white;width:25vw;min-width:320px;' ><div style='height:100px;background-color:white;width:100%'><img src='saceSpaceHighContrastTransparency.png' width=250 style='position:absolute;left:50%;transform:translate(-50%,0%);padding:5px 5px;'></div><div id='slide1' style='display:block'></div><div id='slide2' style='display:none'></div><div id='slide3' style='display:none'></div><div id='slide4' style='display:none'></div><div id='slide5' style='display:none'></div><div id='slide6' style='display:none'></div><div id='slide7' style='display:none'></div><div id='slide8' style='display:none'></div><div id='slide9' style='display:none'></div><div id='slide10' style='display:none'></div><div id='slide11' style='display:none'></div><div id='slide12' style='display:none'></div><div style='height:50px;background-color:white;'><div style='position:absolute;left:50%;transform:translate(-50%,0%);background-color:white;'><button style='background-color:black;color:white;float:left;padding:5px 5px;margin:10px;width:60px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:none;' onclick='javascript:previous()'>Previous</button><button style='background-color:black;color:white;float:left;padding:5px 5px;margin:10px;width:60px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:none;' onclick='javascript:next()' id='nextButton'>Next</button></div><div></div>";
var popup="<div style='box-shadow: 0px 4px 8px 4px rgba(10,31,87,0.2);background-color:white;z-index:2;position:fixed;top:50px;left:50vw;transform:translate(-50%,0%);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:10px 10px;min-width:320px;'>"+slideScript+"</div>";
function renderPopup(elementId){
document.getElementById(elementId).innerHTML=popup;
document.getElementById('slide1').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What brings you to counseling today? (Select all that apply)</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('adjustmentTransition','Adjustment/transition')+makeChoice('alcoholOtherDrugs','Alcohol/Other Drugs')+makeChoice('anger','Anger')+makeChoice('anxietySymptoms','Anxiety symptoms')+makeChoice('autismSpectrumDisorder','Autism spectrum disorder')+makeChoice('behaviorMoodChanges','Behavior/mood changes (depressive symptoms)')+makeChoice('bipolar1','Bipolar disorder I (manic)')+makeChoice('bipolar2','Bipolar disorder II (hypomanic)')+makeChoice('bodyImage','Body Image')+makeChoice('borderlinePersonalityDisorder','Borderline personality disorder')+makeChoice('eatingConcerns','Eating concerns')+makeChoice('gamblingOtherAddictions','Gambling/Other Addictions')+makeChoice('griefLoss','Grief/Loss')+makeChoice('insomnia','Insomnia')+makeChoice('obsessiveCompulsiveDisorder','Obsessive Compulsive Disorder')+makeChoice('postTraumaticStressDisorder','Post traumatic stress disorder')+makeChoice('relationshipConflicts','Relationship Conflicts')+makeChoice('sexualConcerns','Sexual Concerns')+makeChoice('stress','Stress')+makeChoice('councelingOther','Other')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:8%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>1 / 12</div>";
document.getElementById('slide2').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>Is this your first time in therapy?</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('yes','Yes')+makeChoice('no','No')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:17%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>2 / 12</div>";
document.getElementById('slide3').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What are your goals for therapy, if any?</h5><div class='autoScroll' style='height:400px;'><textarea oninput='javascript:textTyped(this.value)' style='position:absolute;left:50%;transform:translate(-50%,0%);padding:10px 10px;width:80%;height:100px;resize:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;border:none;' placeholder='Write something short...'></textarea></div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:25%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>3 / 12</div>";
document.getElementById('slide4').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What country do you live in?</h5><div class='' style='height:400px;'><select style='position:absolute;left:50%;transform:translate(-50%,0%);padding:10px 10px;width:80%;' id=\"countries\" name=\"countries\" onchange='javascript:choiceSelected(this.value,'countries')'> <option>Country</option><option value=\"Afghanistan\">Afghanistan</option> <option value=\"Åland_Islands\">Åland Islands</option> <option value=\"Albania\">Albania</option> <option value=\"Algeria\">Algeria</option> <option value=\"American_Samoa\">American Samoa</option> <option value=\"Andorra\">Andorra</option> <option value=\"Angola\">Angola</option> <option value=\"Anguilla\">Anguilla</option> <option value=\"Antarctica\">Antarctica</option> <option value=\"Antigua_And_Barbuda\">Antigua and Barbuda</option> <option value=\"Argentina\">Argentina</option> <option value=\"Armenia\">Armenia</option> <option value=\"Aruba\">Aruba</option> <option value=\"Australia\">Australia</option> <option value=\"Austria\">Austria</option> <option value=\"Azerbaijan\">Azerbaijan</option> <option value=\"Bahamas\">Bahamas</option> <option value=\"Bahrain\">Bahrain</option> <option value=\"Bangladesh\">Bangladesh</option> <option value=\"Barbados\">Barbados</option> <option value=\"Belarus\">Belarus</option> <option value=\"Belgium\">Belgium</option> <option value=\"Belize\">Belize</option> <option value=\"Benin\">Benin</option> <option value=\"Bermuda\">Bermuda</option> <option value=\"Bhutan\">Bhutan</option> <option value=\"Bolivia\">Bolivia</option> <option value=\"Bosnia_And_Herzegovina\">Bosnia and Herzegovina</option> <option value=\"Botswana\">Botswana</option> <option value=\"Bouvet_Island\">Bouvet Island</option> <option value=\"Brazil\">Brazil</option> <option value=\"British_Indian_Ocean_Territory\">British Indian Ocean Territory</option> <option value=\"Brunei_Darussalam\">Brunei Darussalam</option> <option value=\"Bulgaria\">Bulgaria</option> <option value=\"Burkina_Faso\">Burkina Faso</option> <option value=\"Burundi\">Burundi</option> <option value=\"Cambodia\">Cambodia</option> <option value=\"Cameroon\">Cameroon</option> <option value=\"Canada\">Canada</option> <option value=\"Cape_Verde\">Cape Verde</option> <option value=\"Cayman_Islands\">Cayman Islands</option> <option value=\"Central_African_Republic\">Central African Republic</option> <option value=\"Chad\">Chad</option> <option value=\"Chile\">Chile</option> <option value=\"China\">China</option> <option value=\"Christmas_Island\">Christmas Island</option> <option value=\"Cocos_(Keeling)_Islands\">Cocos (Keeling) Islands</option> <option value=\"Colombia\">Colombia</option> <option value=\"Comoros\">Comoros</option> <option value=\"Congo\">Congo</option> <option value=\"Congo,_The_Democratic_Republic_Of_The\">Congo, The Democratic Republic of The</option> <option value=\"Cook_Islands\">Cook Islands</option> <option value=\"Costa_Rica\">Costa Rica</option> <option value=\"Cote_D'ivoire\">Cote D'ivoire</option> <option value=\"Croatia\">Croatia</option> <option value=\"Cuba\">Cuba</option> <option value=\"Cyprus\">Cyprus</option> <option value=\"Czechia\">Czechia</option> <option value=\"Denmark\">Denmark</option> <option value=\"Djibouti\">Djibouti</option> <option value=\"Dominica\">Dominica</option> <option value=\"Dominican_Republic\">Dominican Republic</option> <option value=\"Ecuador\">Ecuador</option> <option value=\"Egypt\">Egypt</option> <option value=\"El_Salvador\">El Salvador</option> <option value=\"Equatorial_Guinea\">Equatorial Guinea</option> <option value=\"Eritrea\">Eritrea</option> <option value=\"Estonia\">Estonia</option> <option value=\"Ethiopia\">Ethiopia</option> <option value=\"Falkland_Islands_(Malvinas)\">Falkland Islands (Malvinas)</option> <option value=\"Faroe_Islands\">Faroe Islands</option> <option value=\"Fiji\">Fiji</option> <option value=\"Finland\">Finland</option> <option value=\"France\">France</option> <option value=\"French_Guiana\">French Guiana</option> <option value=\"French_Polynesia\">French Polynesia</option> <option value=\"French_Southern_Territories\">French Southern Territories</option> <option value=\"Gabon\">Gabon</option> <option value=\"Gambia\">Gambia</option> <option value=\"Georgia\">Georgia</option> <option value=\"Germany\">Germany</option> <option value=\"Ghana\">Ghana</option> <option value=\"Gibraltar\">Gibraltar</option> <option value=\"Greece\">Greece</option> <option value=\"Greenland\">Greenland</option> <option value=\"Grenada\">Grenada</option> <option value=\"Guadeloupe\">Guadeloupe</option> <option value=\"Guam\">Guam</option> <option value=\"Guatemala\">Guatemala</option> <option value=\"Guernsey\">Guernsey</option> <option value=\"Guinea\">Guinea</option> <option value=\"Guinea-bissau\">Guinea-bissau</option> <option value=\"Guyana\">Guyana</option> <option value=\"Haiti\">Haiti</option> <option value=\"Heard_Island_And_Mcdonald_Islands\">Heard Island and Mcdonald Islands</option> <option value=\"Holy_See_(Vatican_City_State)\">Holy See (Vatican City State)</option> <option value=\"Honduras\">Honduras</option> <option value=\"Hong_Kong\">Hong Kong</option> <option value=\"Hungary\">Hungary</option> <option value=\"Iceland\">Iceland</option> <option value=\"India\">India</option> <option value=\"Indonesia\">Indonesia</option> <option value=\"Iran,_Islamic_Republic_Of\">Iran, Islamic Republic of</option> <option value=\"Iraq\">Iraq</option> <option value=\"Ireland\">Ireland</option> <option value=\"Isle_Of_Man\">Isle of Man</option> <option value=\"Israel\">Israel</option> <option value=\"Italy\">Italy</option> <option value=\"Jamaica\">Jamaica</option> <option value=\"Japan\">Japan</option> <option value=\"Jersey\">Jersey</option> <option value=\"Jordan\">Jordan</option> <option value=\"Kazakhstan\">Kazakhstan</option> <option value=\"Kenya\">Kenya</option> <option value=\"Kiribati\">Kiribati</option> <option value=\"Korea,_Democratic_People's_Republic_Of\">Korea, Democratic People's Republic of</option> <option value=\"Korea,_Republic_Of\">Korea, Republic of</option> <option value=\"Kuwait\">Kuwait</option> <option value=\"Kyrgyzstan\">Kyrgyzstan</option> <option value=\"Lao_People's_Democratic_Republic\">Lao People's Democratic Republic</option> <option value=\"Latvia\">Latvia</option> <option value=\"Lebanon\">Lebanon</option> <option value=\"Lesotho\">Lesotho</option> <option value=\"Liberia\">Liberia</option> <option value=\"Libyan_Arab_Jamahiriya\">Libyan Arab Jamahiriya</option> <option value=\"Liechtenstein\">Liechtenstein</option> <option value=\"Lithuania\">Lithuania</option> <option value=\"Luxembourg\">Luxembourg</option> <option value=\"Macao\">Macao</option> <option value=\"Macedonia,_The_Former_Yugoslav_Republic_Of\">Macedonia, The Former Yugoslav Republic of</option> <option value=\"Madagascar\">Madagascar</option> <option value=\"Malawi\">Malawi</option> <option value=\"Malaysia\">Malaysia</option> <option value=\"Maldives\">Maldives</option> <option value=\"Mali\">Mali</option> <option value=\"Malta\">Malta</option> <option value=\"Marshall_Islands\">Marshall Islands</option> <option value=\"Martinique\">Martinique</option> <option value=\"Mauritania\">Mauritania</option> <option value=\"Mauritius\">Mauritius</option> <option value=\"Mayotte\">Mayotte</option> <option value=\"Mexico\">Mexico</option> <option value=\"Micronesia,_Federated_States_Of\">Micronesia, Federated States of</option> <option value=\"Moldova,_Republic_Of\">Moldova, Republic of</option> <option value=\"Monaco\">Monaco</option> <option value=\"Mongolia\">Mongolia</option> <option value=\"Montenegro\">Montenegro</option> <option value=\"Montserrat\">Montserrat</option> <option value=\"Morocco\">Morocco</option> <option value=\"Mozambique\">Mozambique</option> <option value=\"Myanmar\">Myanmar</option> <option value=\"Namibia\">Namibia</option> <option value=\"Nauru\">Nauru</option> <option value=\"Nepal\">Nepal</option> <option value=\"Netherlands\">Netherlands</option> <option value=\"Netherlands_Antilles\">Netherlands Antilles</option> <option value=\"New_Caledonia\">New Caledonia</option> <option value=\"New_Zealand\">New Zealand</option> <option value=\"Nicaragua\">Nicaragua</option> <option value=\"Niger\">Niger</option> <option value=\"Nigeria\">Nigeria</option> <option value=\"Niue\">Niue</option> <option value=\"Norfolk_Island\">Norfolk Island</option> <option value=\"Northern_Mariana_Islands\">Northern Mariana Islands</option> <option value=\"Norway\">Norway</option> <option value=\"Oman\">Oman</option> <option value=\"Pakistan\">Pakistan</option> <option value=\"Palau\">Palau</option> <option value=\"Palestinian_Territory,_Occupied\">Palestinian Territory, Occupied</option> <option value=\"Panama\">Panama</option> <option value=\"Papua_New_Guinea\">Papua New Guinea</option> <option value=\"Paraguay\">Paraguay</option> <option value=\"Peru\">Peru</option> <option value=\"Philippines\">Philippines</option> <option value=\"Pitcairn\">Pitcairn</option> <option value=\"Poland\">Poland</option> <option value=\"Portugal\">Portugal</option> <option value=\"Puerto_Rico\">Puerto Rico</option> <option value=\"Qatar\">Qatar</option> <option value=\"Reunion\">Reunion</option> <option value=\"Romania\">Romania</option> <option value=\"Russian_Federation\">Russian Federation</option> <option value=\"Rwanda\">Rwanda</option> <option value=\"Saint_Helena\">Saint Helena</option> <option value=\"Saint_Kitts_And_Nevis\">Saint Kitts and Nevis</option> <option value=\"Saint_Lucia\">Saint Lucia</option> <option value=\"Saint_Pierre_And_Miquelon\">Saint Pierre and Miquelon</option> <option value=\"Saint_Vincent_And_The_Grenadines\">Saint Vincent and The Grenadines</option> <option value=\"Samoa\">Samoa</option> <option value=\"San_Marino\">San Marino</option> <option value=\"Sao_Tome_And_Principe\">Sao Tome and Principe</option> <option value=\"Saudi_Arabia\">Saudi Arabia</option> <option value=\"Senegal\">Senegal</option> <option value=\"Serbia\">Serbia</option> <option value=\"Seychelles\">Seychelles</option> <option value=\"Sierra_Leone\">Sierra Leone</option> <option value=\"Singapore\">Singapore</option> <option value=\"Slovakia\">Slovakia</option> <option value=\"Slovenia\">Slovenia</option> <option value=\"Solomon_Islands\">Solomon Islands</option> <option value=\"Somalia\">Somalia</option> <option value=\"South_Africa\">South Africa</option> <option value=\"South_Georgia_And_The_South_Sandwich_Islands\">South Georgia and The South Sandwich Islands</option> <option value=\"Spain\">Spain</option> <option value=\"Sri_Lanka\">Sri Lanka</option> <option value=\"Sudan\">Sudan</option> <option value=\"Suriname\">Suriname</option> <option value=\"Svalbard_And_Jan_Mayen\">Svalbard and Jan Mayen</option> <option value=\"Swaziland\">Swaziland</option> <option value=\"Sweden\">Sweden</option> <option value=\"Switzerland\">Switzerland</option> <option value=\"Syrian_Arab_Republic\">Syrian Arab Republic</option> <option value=\"Taiwan,_Province_Of_China\">Taiwan, Province of China</option> <option value=\"Tajikistan\">Tajikistan</option> <option value=\"Tanzania,_United_Republic_Of\">Tanzania, United Republic of</option> <option value=\"Thailand\">Thailand</option> <option value=\"Timor-leste\">Timor-leste</option> <option value=\"Togo\">Togo</option> <option value=\"Tokelau\">Tokelau</option> <option value=\"Tonga\">Tonga</option> <option value=\"Trinidad_And_Tobago\">Trinidad and Tobago</option> <option value=\"Tunisia\">Tunisia</option> <option value=\"Turkey\">Turkey</option> <option value=\"Turkmenistan\">Turkmenistan</option> <option value=\"Turks_And_Caicos_Islands\">Turks and Caicos Islands</option> <option value=\"Tuvalu\">Tuvalu</option> <option value=\"Uganda\">Uganda</option> <option value=\"Ukraine\">Ukraine</option> <option value=\"United_Arab_Emirates\">United Arab Emirates</option> <option value=\"United_Kingdom\">United Kingdom</option> <option value=\"United_States\">United States</option> <option value=\"United_States_Minor_Outlying_Islands\">United States Minor Outlying Islands</option> <option value=\"Uruguay\">Uruguay</option> <option value=\"Uzbekistan\">Uzbekistan</option> <option value=\"Vanuatu\">Vanuatu</option> <option value=\"Venezuela\">Venezuela</option> <option value=\"Viet_Nam\">Viet Nam</option> <option value=\"Virgin_Islands,_British\">Virgin Islands, British</option> <option value=\"Virgin_Islands,_U.S.\">Virgin Islands, U.S.</option> <option value=\"Wallis_And_Futuna\">Wallis and Futuna</option> <option value=\"Western_Sahara\">Western Sahara</option> <option value=\"Yemen\">Yemen</option> <option value=\"Zambia\">Zambia</option> <option value=\"Zimbabwe\">Zimbabwe</option> </select></div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:33%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>4 / 12</div>";
document.getElementById('slide5').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What is your date of birth?</h5><div style='height:400px;'><div style='position:absolute;left:50%;transform:translate(-50%,0%);width:280px;'><select style='float:left;padding:5px 5px;margin:5px;' onchange='javascript:choiceSelected(this.value,'months')'><option>Month</option><option value='January'>January</option><option value='February'>February</option><option value='March'>March</option><option value='April'>April</option><option value='May'>May</option><option value='April'>April</option><option value='June'>Jun</option><option value='July'>July</option><option value='August'>August</option><option value='September'>September</option><option value='October'>October</option><option value='November'>November</option><option value='December'>December</option></select><select style='float:left;padding:5px 5px;margin:5px;' onchange='javascript:choiceSelected(this.value,'days')'><option>Day</option>"+makeDayOptions()+"</select><select style='float:left;padding:5px 5px;margin:5px;' onchange='javascript:choiceSelected(this.value,'years')'><option>Year</option>"+makeYearOptions()+"</select></div></div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:42%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>5 / 12</div>";
document.getElementById('slide6').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What counseling approach works best for you?</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('teachMeNewSkills','Teach me new skills')+makeChoice('activelyListenToMe','Actively Listen to me')+makeChoice('helpMeGainPerspective','Help me gain perspective')+makeChoice('focusOnMyPastTrauma','Focus on my past/trauma')+makeChoice('noIdea','No idea')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:50%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>6 / 12</div>";
document.getElementById('slide7').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>Do you have a preference in the gender of your provider?</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('genderProviderMale','Male')+makeChoice('genderProviderFemale','Female')+makeChoice('noPreference','No preference')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:58%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>7 / 12</div>";
document.getElementById('slide8').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What gender do you identify with?</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('genederIdentityMale','Male')+makeChoice('genederIdentityFemale','Female')+makeChoice('transgenderMale','Transgender Male')+makeChoice('transgenderFemale','Transgender Female')+makeChoice('nonBinary','Non-Binary')+makeChoice('genderVariant','Gender Variant')+makeChoice('genderOther','Other')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:67%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>8 / 12</div>";
document.getElementById('slide9').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>Do you use pronouns? If so, what are they?</h5><div class='autoScroll' style='height:400px;'><textarea oninput='javascript:textTyped(this.value)' style='position:absolute;left:50%;transform:translate(-50%,0%);padding:10px 10px;width:80%;resize:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;border:none;' placeholder='Write something short...'></textarea></div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:75%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>9 / 12</div>";
document.getElementById('slide10').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>What is your current relationship status?</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('married','Married')+makeChoice('single','Single')+makeChoice('divorced','Divorced')+makeChoice('inACommittedRelationship','In A Committed Relationship')+makeChoice('widowed','Widowed')+makeChoice('relationshipOther','Other')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:83%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>10 / 12</div>";
document.getElementById('slide11').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>How did you hear about us?</h5><div class='autoScroll' style='height:400px;'>"+makeChoice('google','Google')+makeChoice('friendRelative','Friend/Relative')+makeChoice('instagram','Instagram')+makeChoice('twitter','Twitter')+makeChoice('facebook','Facebook')+makeChoice('television','Television')+makeChoice('coworker','Coworker')+makeChoice('employer','Employer')+"</div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:92%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>11 / 12</div>";
document.getElementById('slide12').innerHTML="<h5 style='background-color:black;color:white;text-align:center;padding:10px 20px;'>Terms of Service</h5><div style='height:400px;'><div style='height:300px;'><iframe src='termsAndConditions.html' style='position:absolute;left:50%;transform:translate(-50%,0%);padding:10px 20px;width:80%;resize:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;border:none;height:300px;'></iframe></div><div style='margin-top:30px;'>"+makeChoice('termsChoice','I agree to the terms and conditions')+"</div></div><div style='background-color:white;height:4px;margin:10px;'><div style='height:4px;float:left;width:100%;background-color:grey;color:background-color:black;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div></div><div style='clear:left;text-align:center;margin:10px;'>12 / 12</div>";
}
function makeChoice(choiceName,choiceText){
return "<div style='padding:10px 5px;'><input type='checkbox' id='"+choiceName+"' onclick='javascript:onClickCheckbox('"+choiceName+"','"+choiceText+"')'><label for='"+choiceName+"'> "+choiceText+"</label></div>";
}
function choiceSelected(choice,choicesName){
console.log(choice.replaceAll('_',' '));
if(slideCount==4){
slide4Data='What country do you live in?'+'\n'+choice.replaceAll('_',' ')+'\n';}
if(slideCount==5){
if(choicesName=='days'){
dobDay=choice;}
if(choicesName=='months'){
dobMonth=choice;}
if(choicesName=='years'){
dobYear=choice;}
slide5Data='What is your date of birth?'+'\n'+dobDay+'-'+dobMonth+'-'+dobYear+'\n';}
}
function textTyped(text){
if(slideCount==3){
slide3Data='What are your goals for therapy, if any?'+'\n'+text+'\n';
}
if(slideCount==9){
slide9Data='Do you use pronouns? If so, what are they?'+'\n'+text+'\n';
}
}
function onClickCheckbox(choiceName,choiceText){
console.log(document.getElementById(choiceName).checked);
if(slideCount==1){
if(!document.getElementById(choiceName).checked){
slide1Data=slide1Data.replace('\n'+choiceText+'\n','\n');
}else{
slide1Data=slide1Data+choiceText+'\n';}
}
if(slideCount==2){
if(!document.getElementById(choiceName).checked){
slide2Data=slide2Data.replace('\n'+choiceText+'\n','\n');
}else{
slide2Data=slide2Data+choiceText+'\n';}
}
if(slideCount==6){
if(!document.getElementById(choiceName).checked){
slide6Data=slide6Data.replace('\n'+choiceText+'\n','\n');
}else{
slide6Data=slide6Data+choiceText+'\n';}
}
if(slideCount==7){
if(!document.getElementById(choiceName).checked){
slide7Data=slide7Data.replace('\n'+choiceText+'\n','\n');
}else{
slide7Data=slide7Data+choiceText+'\n';}
}
if(slideCount==8){
if(!document.getElementById(choiceName).checked){
slide8Data=slide8Data.replace('\n'+choiceText+'\n','\n');
}else{
slide8Data=slide8Data+choiceText+'\n';}
}
if(slideCount==10){
if(!document.getElementById(choiceName).checked){
slide10Data=slide10Data.replace('\n'+choiceText+'\n','\n');
}else{
slide10Data=slide10Data+choiceText+'\n';}
}
if(slideCount==11){
if(!document.getElementById(choiceName).checked){
slide11Data=slide11Data.replace('\n'+choiceText+'\n','\n');
}else{
slide11Data=slide11Data+choiceText+'\n';}
}
if(slideCount==12){
if(!document.getElementById('termsChoice').checked){
document.getElementById('nextButton').style.visibility='hidden';
}
if(document.getElementById('termsChoice').checked){
document.getElementById('nextButton').style.visibility='visible';
}
}
}
function next(){
slideCount++;
if(slideCount>12){
slideCount=12;
var patientInfoToSend=slide1Data+'\n'+slide2Data+'\n'+slide3Data+'\n'+slide4Data+'\n'+slide5Data+'\n'+slide6Data+'\n'+slide7Data+'\n'+slide8Data+'\n'+slide9Data+'\n'+slide10Data+'\n'+slide11Data;
waitForPatientInfo(patientInfoToSend);
//sendDataToGoogleSheets(['patientInfo',patientInfoToSend],googleSheetsPortalScript);
}
renderNewSlide();
}
function previous(){
slideCount--;
if(slideCount<1){
slideCount=1;}
renderNewSlide();
}
function renderNewSlide(){
for(var i=1;i<13;i++){
try{
if(slideCount==i){
document.getElementById("slide"+i).style.display='block';}else{
document.getElementById("slide"+i).style.display='none';
}
}catch(err){}
}
if(!document.getElementById('termsChoice').checked&&slideCount==12){
document.getElementById('nextButton').style.visibility='hidden';
}
if(slideCount!=12){
document.getElementById('nextButton').style.visibility='visible';}
}
function makeDayOptions(){
var dayOption="";
for(var i=1;i<32;i++){
dayOption=dayOption+"<option value='"+i+"'>"+i+"</option>";
}
return dayOption
}
function makeYearOptions(){
var dayOption="";
var currentYear=(new Date()).getFullYear();
for(var i=currentYear;i>1899;i--){
dayOption=dayOption+"<option value='"+i+"'>"+i+"</option>";
}
return dayOption
}