var my_surveys = "my_surveys_ajax.aspx";
var cur_Q = 0;
var usid = "";
var QAs = [];
var sid = "";
var SurveyInfo;
var objST;
var gs;
//var _layout = "<div id='Attempt' style='display: none;' font-size: 20pt; title='Preview Survey'>" +
//                "<div id='ReportMenu'>" +
//                "<a id='direct' class='active' href='javascript:void(0)' onclick='DirectG()'" +
//                "title='Step View'>Step View</a>  <a id='onepage' href='javascript:void(0)' onclick='onePageG();' title='List View'> " +
//                "List View</a> " +
//                    "</div>" +
//                "	<div id='SArea' style='padding:15px; border:solid 5px #B8DBEF;'>" +
//                "		<div id='Info' style='font-size: 10pt;'>" +
//                "		</div>" +
//                "		<div id='SBBar'>" +
//                "			<input type='button' id='btnContinue' value='Start' onclick='nextQ()'/>" +
//                "		</div>" +
//                "	</div>" +
//                "	<div id='QArea' style='padding:15px; border:solid 5px #B8DBEF;'>" +
//                "       <div id='QA'>" +
//                "		    <div id='QText' style='font-size: 10pt;'>" +
//                "		    </div><br />" +
//                "		<div id='AArea'>" +
//                "		</div>" +
//                "		</div>" +
//                "		<div id='BBar'>" +
//                "           <input type='button' id='btnSubmit' value='Next' onmouseover='high()' onmouseout='low()' onclick='nextQ()'/>" +
//                "		</div>" +
//                "	</div>" +
//                "<div style='display: none; border: solid 5px #B8DBEF; text-align: center; padding-left: 15px;"+
//                        "padding-right: 15px;height:400px; overflow:auto; padding-bottom: 15px; width: 95%; background-color: #ffffff;'" +
//                        "id='maindiv'>"+
//                        "<asp:Literal runat='server' ID='ltlLogo'></asp:Literal>"+
//                        "<h1>"+
//                            "<asp:Literal runat='server' ID='ltlSurveyName'></asp:Literal></h1>"+
//                        "<br />"+
//                        "<div style='text-align: left' id='lblMsg' runat='server'>"+
//                        "</div>"+
//                        
//                        "<div id='QFormat' style='display: none;'>"+
//                            "<div id='{0}' class='qDivs' type='{4}'>"+
//                                "<b style='color: #EF0EA6'>Question {3}</b>:<span style='color: #217BC0'>{1}</span>"+
//                                "<br />"+
//                                "<div class='answer_section'>"+
//                                    "{2}</div>"+
//                                "<hr style='color: Gray; height: 1px;' />"+
//                            "</div>"+
//                        "</div>"+
//                        "<div id='q_area' style='width: 600px; text-align: left;'>"+
//                        "</div>"+
//                        "<div align='right'>"+
//                            "<input style='display: none;' align='right' type='button' id='btnSaveAllQs' onclick='finish();'"+
//                                "class='button' value='Finish' /></div>"+
//                        "<div id='welcome' style='display: none;'>"+
//                            "<div id='welcome_msg' style='font-size: 10pt; text-align: left; color: #F200B8; min-height: 200px;'>"+
//                            "</div>"+
//                            "<div align='right'>"+
//                                "<input type='button' align='right' id='btnStart' onclick='loadQuestions();' class='button'"+
//                                    "value='Start' /></div>"+
//                        "</div>"+
//                        "<input type='hidden' id='US_uid__' name='uid' runat='server' />"+
//                    "</div>" +
//                    "<div id='thankyou_msg' style='padding: 15px; color: #EF0EA6; border: solid 5px #DFEFFC;"+
//                        "display: none; text-align: left;'>"+
//                        "<div id='thanks'>"+
//                        "</div>"+
//                        "<br />"+
//                        "<br />"+
//                        "<div align='right'>"+
//                            "<input type='button' align='right' id='btnEndO' onclick='end();' class='button' value='End' /></div>"+
//                    "</div>"+

//                "</div>";
var d;
var preview = false;
var IsFreeUser = "True";
var IsPreview = "False";
function addStyle(obj) {
    objST = obj;
    if (obj != null) {
        jQuery(obj).siblings().removeClass("HighlightName");
        jQuery(obj).addClass("HighlightName");
    }
}
function initSurvey(s, uid, obj, IsFree, g, preview) {
    if (obj == null) {
        obj = objST;
    }
    gs = g;
    objST = obj;
    sid = s;
    if (s == "") return;
    IsPreview = _default(preview, "False");
    if (IsFree == "True" || IsFree == "False")
        IsFreeUser = IsFree;
    usid = uid;
    cur_Q = 0;
    QAs = [];

    SurveyInfo = null;
    var QSO = queryToObj();
    if (QSO.s == undefined) { QSO.s = s; preview = true; }
    jQuery.postJSON(my_surveys, { surveyid: QSO.s, userid: uid, action: "info",IsPreview: IsPreview, entity: "answer", reqType: "ajax" }, function(data) {
        if (data != undefined && data.s_info && data.q_info) {
            SurveyInfo = data.s_info;
            QAs = objectify(data.q_info).table.rows;
            if (QAs.length == 0) {
                showError("No Questions to display preview.");
                return;
            }
            createArea();
            var msg = SurveyInfo.welcome_message;
            showInfo(msg, "Start");
            //            jQuery(".SInfo").html(SurveyInfo.closed_msg);
            //            jQuery("#SSInfo").show();
            jQuery("input:submit,input:reset,input:button").button();
        }
        if (g) {
            jQuery.postJSON(my_surveys, { action: "templateinfo", entity: "onepage", surveyid: sid, reqType: "ajax" }, function(data) {
                if (data != null) {
                    jQuery(".SInfo").html(data.Result.replace(/&lt;/g, "<").replace(/&gt;/g, ">"));
                    jQuery("#SSInfo").show();
                }
            });
        }
    });
    if (obj != null) {
        jQuery(obj).siblings().removeClass("HighlightName");
        jQuery(obj).addClass("HighlightName");
    }
}

function queryToObj() {
    var ret = {};
    if (window.location.search == "") return ret;
    var str = window.location.search.substring(1);
    var parts = str.split("&");
    var _temp;
    for (var i = 0; i < parts.length; i++) {
        temp = parts[i].split("=");
        ret[temp[0]] = temp[1];
    }
    return ret;
}

function createArea() {
    if (jQuery("#Attempt").length == 0) {
        jQuery("body").append(_layout);
        d = jQuery("#Attempt");
    }
}

function showInfo(msg, btnTitle) {
    var msg1 = "";
    if (btnTitle && btnTitle != "undefined")
        jQuery("#btnContinue", d).attr("value", btnTitle);
    if (msg != '') {
        jQuery("#QArea", d).hide();
        jQuery("#SArea", d).show();
        if (msg.startsWith("http://"))
            msg1 = "You will shorlty redirect to ";
        jQuery("#SArea #Info", d).html(msg1 + msg.replace(/\n/g, "<br />"));
    }
    else if (cur_Q != QAs.length) { //Last Q..
        nextQ();
    }
    else {
        popC("#Attempt");
        return;
    }
    //for templete preview
    if (usid == "38") {
        if (msg != '' && cur_Q == 0)
            jQuery("#SurveyInfo").html(jQuery("#Attempt").html());
        jQuery(":input[name='hdnstid']").val(sid);
        jQuery("#SurveyQuestions").css("display", "block");
    }
    else {
        popO("#Attempt", { position: "center",width: "700px" });
    }
}

function nextQ() {
    jQuery("#SArea", d).hide();
    jQuery("#QArea", d).show();
    if (cur_Q == 0 && QAs.length == 0) {
        showInfo(SurveyInfo.thankyou_message);
        cur_Q++;
        return;
    }
    if (cur_Q == QAs.length - 1 && (IsFreeUser == "True" || SurveyInfo.thankyou_message.trim().length == 0)) {
        jQuery("#btnSubmit", d).attr("value", "End");
    }
    else if (cur_Q != QAs.length)
        jQuery("#btnSubmit", d).attr("value", "Next");
    jQuery("#btnSubmit", d).addClass("ui-state-hover");
    if (cur_Q == QAs.length) { //Last Q..
        if (IsFreeUser == "False" && SurveyInfo.thankyou_message.trim().length > 0) {
            showInfo(SurveyInfo.thankyou_message, "End");
            cur_Q++;
            return;
        }
        else {
            if (usid == "38") {
                jQuery("#SurveyInfo").html(jQuery("#attemptST").html());
                if (objST != null) {
                    jQuery(objST).removeClass("HighlightName");
                    jQuery(":input[name='hdnstid']").val('');
                    jQuery("#SurveyQuestions").css("display", "none");
                    jQuery("#SSInfo").css("display", "none");
                    jQuery("#ReportMenu").css("display", "none");
                }
            }
            else
                popC("#Attempt");
            return;
        }
    } else if (cur_Q > QAs.length) {
        //for templete preview
        if (usid == "38") {
            jQuery("#SurveyInfo").html(jQuery("#attemptST").html());
            if (objST != null) {
                jQuery(objST).removeClass("HighlightName");
                jQuery(":input[name='hdnstid']").val('');
                jQuery("#SurveyQuestions").css("display", "none");
                jQuery("#SSInfo").css("display", "none");
                jQuery("#ReportMenu").css("display", "none");
            }
        }
        else
            popC("#Attempt");
        return;
    }
    jQuery("#QArea", d).show();
    var q = QAs[cur_Q];
    jQuery("#QText", d).html('<b>(Question ' + (cur_Q + 1) + ' of ' + QAs.length + ')</b> ' + q.q_text.replace(/\\'/g, "'"));
    //jQuery("#AArea", d).html(generateHTMLForAnswer(q));
    //postHTMLControlEvents(q);
    //for templete preview
    if (usid == "38" && cur_Q == 0 && SurveyInfo.welcome_message == '') {
        jQuery("#SurveyInfo").html(jQuery("#Attempt").html());
        generateAnswer(q, jQuery("#AArea", jQuery("#SurveyInfo"))); /* written in questions.js */
    }
    else if(usid == "38" && !gs) {
        jQuery("#SurveyInfo").html(jQuery("#Attempt").html());
        generateAnswer(q, jQuery("#AArea", d));  /* written in questions.js */
    }
    else{
        generateAnswer(q, jQuery("#AArea", d));  /* written in questions.js */
    }
    cur_Q++;
}
function high() {
    jQuery("#btnSubmit").addClass("ui-state-hover");
}
function low() {
    jQuery("#btnSubmit").removeClass("ui-state-hover");
}

//function getSelectedAnswer(q_type) {
//    var ret = "";
//    var arr = null;
//    switch (q_type) {
//        case "0":
//        case "3":
////        case "4":
//            ret = jQuery("#AArea input:first").eq(0).val();
//            break;
//        case "1":
//            jQuery("#AArea  input:checkbox:checked").each(function() {
//                ret += jQuery(this).val() + ",";
//            });
//            ret = rtrim(ret, ",");
//            break;
//        case "2":
//            ret = jQuery("#AArea  input:radio:checked").eq(0).val();
//            break;
//        case "5":
//            ret = jQuery("#AArea  #sRate").eq(0).text();
//            break;
//        case "6":
//        case "9":
//            jQuery("#AArea  input:text").each(function() {
//                ret += "'" + jQuery(this).val().replace("'","\'") + "',";
//            });
//            ret = rtrim(ret, ",");
//            break;
//        case "7":
//            var cnt = jQuery("#AArea table tr").length - 1;
//            for (var i = 0; i < cnt; i++) {
//                ret += jQuery("#AArea  input[name='r" + i + "']:radio:checked").eq(0).val() + ",";
//            }
//            ret = rtrim(ret, ",");
//            break;
//        case "8":
//            var cnt = jQuery("#AArea table tr").length - 1;
//            for (var i = 0; i < cnt; i++) {
//                jQuery("#AArea  input[name='r" + i + "']:checkbox:checked").each(function() {
//                    ret += jQuery(this).val() + "::";
//                });
//                ret += ",";
//            }
//            ret = rtrim(ret, ",");
//            break;
//        default:
//            ret = "";
//            break;
//    }
//    return ret;
//}

//function saveA() {
//    var obj = null;
//    if (QAs[cur_Q - 1]) {

//        obj = { entity: "answer", action: "save", surveyid: SurveyInfo.surveyid, qid: QAs[cur_Q - 1].qid, option_selected: getSelectedAnswer(QAs[cur_Q - 1].q_type) };
//    }
//    if (preview == false) jQuery.postJSON(my_surveys, obj, function(data) { nextQ(); });
//    else nextQ();
//}