function popwin(theURL) {
	newwindow=window.open(theURL,'','height=600, width=800, toolbar=no, menubar=no, scrollbars=yes, resizable=no,location=no, directories=no, status=no');
	if (window.focus) {newwindow.focus()}
	return false;	
} //function popwin()

function ReqChange(affiliate) {

    var strHTML = "";
    var i ;
    var j;



    if (affiliate.Status.StatusCode == 0) {
        strHTML += "<link href=\"" + affiliate.Quiz.CSS + "\" rel=\"stylesheet\" type=\"text/css\">";
        strHTML += "<div style=\"width: 400px; height:450px;\">";  // wrapper div start
        strHTML += getIntroPage_HTML(affiliate.Quiz.IntroText, affiliate.Quiz.IntroAffiliateImageUrl, affiliate.Quiz.IntroFACPTrackImageUrl, affiliate.Quiz.DiseaseTrack);

        for (i = 0; i < affiliate.Quiz.Questions.length; i++) {
            var AnswerArray = new Array();
            var CorrectAnswerArray = new Array();
            var answerLength = affiliate.Quiz.Questions[i].Question.Answers.length;
            for (var j = 0; j < affiliate.Quiz.Questions[i].Question.Answers.length; j++) {

                AnswerArray[j] = affiliate.Quiz.Questions[i].Question.Answers[j].Answer.Text;
                CorrectAnswerArray[j] = affiliate.Quiz.Questions[i].Question.Answers[j].Answer.IsCorrect

            }

            strHTML += getQuestionPage_HTML(i, i + 1, affiliate.Quiz.DiseaseTrack, affiliate.Quiz.Questions[i].Question.Text, affiliate.Quiz.Questions[i].Question.NumberOfResponse, affiliate.Quiz.Questions[i].Question.AnswerDisplayType, AnswerArray, CorrectAnswerArray, affiliate.Quiz.Questions[i].Question.MaxNumberOfResponse)
            var lastQuestion;
            if (i == affiliate.Quiz.Questions.length - 1) //check if last question to pass as parameter in getExplanationPage_HTML
            {
                lastQuestion = true;
            }
            else {
                lastQuestion = false;
            }
            strHTML += getExplanationPage_HTML(i, i + 1, affiliate.Quiz.DiseaseTrack, affiliate.Quiz.Questions[i].Question.Text, affiliate.Quiz.Questions[i].Question.AnswerExplanation, lastQuestion, affiliate.Quiz.Questions.length)

        }

        strHTML += getInvitationPage_HTML(affiliate.Quiz.AffiliateID, affiliate.Quiz.DiseaseTrack, affiliate.Quiz.RegThankText, affiliate.Quiz.RegScoreText, affiliate.Quiz.InvitationText);
        strHTML += "</div>";

        document.write(strHTML);
    }
    else
     {
         document.write(affiliate.Status.LongDescription);
     }
} 
 

function getIntroPage_HTML(pintroText, paffiliateImage, pFACPTrackImage,pDiseaseTrackName) {
    var sHTML = "";

    sHTML += "<div id=\"IngroPage\" class=\"face_widget\" style=\"display: block;\" >";
    sHTML += "  <div class=\"face_header\">";
    sHTML += "      FACE IT: " + pDiseaseTrackName;
    sHTML += "  </div>";
    sHTML += "  <div class=\"face_body\" >";
    sHTML += "      <div class=\"face_bodybox\">";
    sHTML += "	        <div id=\"introText\" class=\"face_text1\" align=\"left\" >";
    sHTML += "          " + pintroText;
    sHTML += "	        </div>";
    sHTML += "      </div>";
    sHTML += "      <div class=\"face_imgbox1\">";
    sHTML += "	        <div id = \"IntroAffilateImageUrl\"><img alt=\"\" src=\"" + paffiliateImage + "\" width=\"175px\"/></div>";
    sHTML += "	        <div class=\"face_text2\">";
    sHTML += "	            Brought to you by Find And Cure Panel";
    sHTML += "	        </div>";
    sHTML += "      </div>	";
    sHTML += "      <div class=\"face_imgbox2\">";
    sHTML += "          <input id=\"btnGo\" class=\"face_Button\"  type=\"button\" value=\"GO &gt;&gt;\"  OnClick=\"go_Click();\" />";
    sHTML += "	        <div id=\"IntroFACPTrackImageUrl\">";
    sHTML += "              <img alt=\"\" src=\"" + pFACPTrackImage + "\" width=\"110px\" />";
    sHTML += "          </div>";
    sHTML += "      </div>";
    sHTML += "  </div>";
    sHTML += "</div>";

    return sHTML;
}


function getQuestionPage_HTML(pquestionId, pquestionIndex, pdiseasesTrackName, pquestion, pnoofresponse, panswertype, panswers, pcorrectAnswerArray, pmaxAnswer) {


    var sHTML = "";
    sHTML += "<div id=\"QuestionPage" + pquestionId + "\" style=\"display: none;\">";
    sHTML += "  <div class=\"face_headerQuiz\">";
    sHTML += "      " + pdiseasesTrackName + " QUIZ";
    sHTML += "  </div>";
    sHTML += "  <div class=\"face_bodytext3\" align=\"left\" >";
    sHTML += "      Q" + pquestionIndex + ". " + pquestion;
    sHTML += "  </div>";
    sHTML += "  <div class=\"face_bodytext3\" align=\"left\">";
    sHTML += "      Answer :<br />";

    sHTML += "      <div>";
    var i;
    for (i = 0; i < pnoofresponse; i++) {

        if (panswertype == "Checkbox") {
            
            
            sHTML += "<input id=\"CheckboxQuestion" + pquestionId + "Ans" + i + "\" name=\"CheckboxQuest" + pquestionId + "Ans" + i + "\" type=\"checkbox\" value =\" " + pcorrectAnswerArray[i] + "\" /> " + panswers[i] + " <br>";

        }
        else if (panswertype== "Radio") {
            sHTML += "<input id=\"CheckboxQuestion" + pquestionId + "Ans" + i + "\" name=\"CheckboxQuest" + pquestionId + "\" type=\"radio\" value =\" " + pcorrectAnswerArray[i] + "\" /> " + panswers[i] + " <br>";
        }
    }
    // List All the answer
    // ... 
    sHTML += "      </div>";

    sHTML += "  </div>";
    sHTML += "  <div id=\"error" + pquestionId + "\" class=\"face_bodytext4\"  align=\"center\"></div>";
    sHTML += "  <div class=\"face_bodybox2\" align=\"right\">";

    sHTML += "      <input id=\"btnSubmit\" class=\"face_Button1\"  type=\"button\" value=\"Submit\" OnClick=\"submit_Click(" + pquestionId + "," + pnoofresponse + "," + pmaxAnswer + ");\" />";

    sHTML += "      <div  class=\"face_bodytext4\">";
    sHTML += "          Question " + pquestionIndex;
    sHTML += "      </div>";
    sHTML += "  </div>";
    sHTML += "</div>";
    return sHTML;

} //function getQuestionPage_HTML()


function getExplanationPage_HTML(pquestionId, pquestionIndex, pdiseasesTrackName, pquestion, pexplanationText, plastquestion, pnoofquestion) {
    var sHTML = "";

    sHTML += "<div id=\"ExplanationPage" + pquestionId + "\"   style=\"display: none; \"  >";
    sHTML += "  <div class=\"face_headerQuiz\">";
    sHTML += "      " + pdiseasesTrackName + " QUIZ";
    sHTML += "	</div>";
    sHTML += "  <div class=\"face_bodytext3\"  align=\"left\" >";
    sHTML += "      Q" + pquestionIndex + ". " + pquestion;
    sHTML += "  </div><br/>";

    // PLACE HOLDER FOR ANSWER Correct/Wrong
    sHTML += " <div id=\"result" + pquestionId + "\" class=\"face_bodytext4\"  align=\"left\"></div><br/>";

    sHTML += "  <div  class=\"face_bodytext3\"  align=\"left\" >";
    sHTML += pexplanationText;

    //sHTML += "People with more than 350 CD4 cells should repeat the test every three to six months. People with fewer than 350 T-cells should test every three to four months.	";
    sHTML += "  </div>";
    sHTML += "	<div  class=\"face_bodybox2\" align=\"right\">";
    sHTML += "      <input id=\"btnNext\" class=\"face_Button1\"  type=\"button\" value=\"Next\"  OnClick=\"next_Click(" + pquestionId + "," + plastquestion + "," + pnoofquestion + ");\"/><br>";
    sHTML += "      <div class=\"face_bodytext4\">";
    sHTML += "          &gt;&gt; Question " + pquestionIndex;
    sHTML += "      </div>";
    sHTML += "  </div>";
    sHTML += "</div>";

    return sHTML;
} //function getExplanationPage_HTML()

function getInvitationPage_HTML(pAffiliateID, pdiseasesTrackName, pThankYouText, pScoreText, pInvitationText) {
    var sHTML = "";

    sHTML += " <div id=\"InvitationPage\" class=\"face_widget\" align=\"left\" style=\"display: none;\">";
    sHTML += "     <div class=\"face_bodyboxRed\" height=\"10px\">";
    sHTML += "         <div class=\"face_bodytext3\">";
    sHTML += "             " + pThankYouText;
    sHTML += "         </div>";
    sHTML += "     </div>";
    sHTML += "     <div class=\"face_bodyboxRed\">";
    sHTML += "         <div class=\"face_bodytext3\" style=\"float:left\">";
    sHTML += "             " + pScoreText.replace(/SCORE/, "<span id=\"score\" class=\"face_score\" ></span>");	
    sHTML += "         </div>";
    sHTML += "      </div>";
    sHTML += "     <div class=\"face_bodyboxRed\">";
    sHTML += "         <div class=\"face_bodytext3\">";
    sHTML += "             " + pInvitationText.replace(/Find A Cure Panel/gi, "<span class=\"face_redbold\" >Find A Cure Panel</span>");
    sHTML += "           <span style=\"font-size: 15pt;\">  <a href=\"http://member.assistyourteamsurveys.com/aytsreg.aspx?AID=" + pAffiliateID + "\" onclick=\"return popwin('http://member.assistyourteamsurveys.com/aytsreg.aspx?AID=" + pAffiliateID + "');\">Register</a></span>";
    sHTML += "         </div>";
    sHTML += "     </div>";
    sHTML += "     <div class=\"face_bodyboxRed\">";
    sHTML += "         <div class=\"face_bodytext3\">";
    sHTML += "             For a portal of ";
    sHTML += "                  " + pdiseasesTrackName;
    sHTML += "             related sites, please visit <span class=\"face_redbold\" >FACT</span> at http://www.findacuretransit.com";
    sHTML += "         </div>";
    sHTML += "     </div>";
    sHTML += " </div>";

    return sHTML;
} //function getInvitationPage_HTML(AffiliateID, diseasesTrackName, ThankYouText, InvitationText)


var guserScore = 0;

function go_Click() {


    document.getElementById("IngroPage").style.display = "none";
    document.getElementById("QuestionPage0").style.display = "block";

}

function submit_Click(varquestionId, varnoofresponse, varmaxanswer) {


    document.getElementById("error" + varquestionId).innerHTML = "";
    //checking whether user choose more than max no of answer
    var max = 0;
    for (var k = 0; k < varnoofresponse; k++) {
        if (document.getElementById("CheckboxQuestion" + varquestionId + "Ans" + k).checked == true) {
            max++;
        }
    }

    if (max <= varmaxanswer) {

        //checking whether user choose more than max no of answer

        // checking what user answers are correct or not
        var jx;
        var allCorrect = true;
        var noneCheck = true;
        for (jx = 0; jx < varnoofresponse && allCorrect == true; jx++) {
            if (document.getElementById("CheckboxQuestion" + varquestionId + "Ans" + jx).checked == true) {

                noneCheck = false;
                if (document.getElementById("CheckboxQuestion" + varquestionId + "Ans" + jx).value == 1) {
                    allCorrect = true;
                }
                else {
                    allCorrect = false;
                }
            }
        }

        if (noneCheck == true) {
            allCorrect = false;
        }
        if (allCorrect == true) {
            guserScore = guserScore + 1;
        }

        document.getElementById("QuestionPage" + varquestionId).style.display = "none";
        document.getElementById("ExplanationPage" + varquestionId).style.display = "block";
        if (allCorrect == true) {
            document.getElementById("result" + varquestionId).innerHTML = "Correct";
        }
        else {
            document.getElementById("result" + varquestionId).innerHTML = "Incorrect";
        }
    
    }

    else {
        document.getElementById("error" + varquestionId).innerHTML = "You can choose only " + varmaxanswer + " answer(s)";
        document.getElementById("QuestionPage" + varquestionId).style.display = "block";
        document.getElementById("ExplanationPage" + varquestionId).style.display = "none";

    }


} //function submit_Click(varquestionId,varnoofresponse)

function next_Click(varquestionId, varlastquestion, varnoofquestion) {

    document.getElementById("ExplanationPage" + varquestionId).style.display = "none";
    if (varlastquestion == true) // if last questioin
    {

        
        var percentage;
        // calculate percentage of correct answer
        percentage = (parseInt(guserScore) * 100) / parseInt(varnoofquestion);
        document.getElementById("score").innerHTML = Math.round(percentage);
        document.getElementById("InvitationPage").style.display = "block";

    }
    else {

        var nextPage = varquestionId + 1;
        document.getElementById("QuestionPage" + nextPage).style.display = "block";

    }
} //function next_Click()