var xmlHttp;

function showType(str) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Your browser does not support AJAX!");
        return;
    }

    if (str != "Maintain Healthy Skin") {
        document.getElementById("divSystem").style.display = 'none';
        document.getElementById("divSystem2").style.display = 'none';

        document.getElementById("divQuiz1").style.display = 'block';
        document.getElementById("divQuiz2").style.display = 'none';
    }

    var url = "http://www.paulaschoice.com/skincarequiz";
    url = url + "?q=" + str;
    url = url + "&s=1";
    xmlHttp.onreadystatechange = stateChanged;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function stateChanged() {
    if (xmlHttp.readyState == 4) {
        var prezresponse = xmlHttp.responseText.replace(/^\s+|\s+$/g, '');
        var prezar = prezresponse.split("|");

        document.getElementById("selType").length = 1;
        document.getElementById("selType").length = prezar.length;

        for (o = 1; o < prezar.length; o++) {
            document.getElementById("selType")[o].text = prezar[o];
            document.getElementById("selType")[o].value = prezar[o];
        }

        if (document.getElementById("selConcern").value == "Moderate to Severe Acne") {
            document.getElementById("selType").selectedIndex = 1;
            showSystem("Any Skin Type");
        }
        else if (document.getElementById("selConcern").value == "Body Care") {
            document.getElementById("selType").selectedIndex = 1;
            showSystem("All Skin Types");
        }
        else {
            document.getElementById("btnQuiz1").disabled = true;
            document.getElementById("btnQuiz1").src = "/images/deactivated_go.png";
        }

    }
}

function showSystem(str) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Your browser does not support AJAX!");
        return;
    }

    if (str == "Click to Select") {
        document.getElementById("btnQuiz1").disabled = true;
        document.getElementById("btnQuiz1").src = "/images/deactivated_go.png";

        document.getElementById("divSystem").style.display = 'none';
        document.getElementById("divSystem2").style.display = 'none';
        document.getElementById("divQuiz1").style.display = 'block';
        document.getElementById("divQuiz2").style.display = 'none';

    }
    else {
        if (document.getElementById("selConcern").value == "Maintain Healthy Skin") {
            var url = "http://www.paulaschoice.com/skincarequiz";
            url = url + "?q=" + str;
            url = url + "&s=2";
            xmlHttp.onreadystatechange = stateChanged2;
            xmlHttp.open("GET", url, true);
            xmlHttp.send(null);
        } else {
            var url = "http://www.paulaschoice.com/skincarequiz";
            url = url + "?q=" + document.getElementById("selConcern").value;
            url = url + "&y=&t=" + str;
            url = url + "&s=3";
            xmlHttp.onreadystatechange = stateChanged3;
            xmlHttp.open("GET", url, true);
            xmlHttp.send(null);

        }
    }
}

function stateChanged2() {
    if (xmlHttp.readyState == 4) {
        var prezresponse = xmlHttp.responseText.replace(/^\s+|\s+$/g, '');
        var prezar = prezresponse.split("|");

        document.getElementById("divSystem").style.display = 'block';
        document.getElementById("divSystem2").style.display = 'block';

        document.getElementById("divQuiz1").style.display = 'none';

        document.getElementById("divQuiz2").style.display = 'block';
        document.getElementById("btnQuiz2").disabled = true;

        document.getElementById("selSystem").length = 1;
        document.getElementById("selSystem").length = prezar.length;

        for (o = 1; o < prezar.length; o++) {
            document.getElementById("selSystem")[o].text = prezar[o];
            document.getElementById("selSystem")[o].value = prezar[o];
        }
    }
}

function stateChanged3() {
    if (xmlHttp.readyState == 4) {
        var prezresponse = xmlHttp.responseText.replace(/^\s+|\s+$/g, '');

        document.getElementById("txtAction").value = prezresponse;
        document.getElementById("btnQuiz1").disabled = false;
        document.getElementById("btnQuiz1").src = "/images/gobutton.png";

    }
}

function updateAction(str) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Your browser does not support AJAX!");
        return;
    }

    if (str == "Click to Select") {
        document.getElementById("btnQuiz2").disabled = true;
        document.getElementById("btnQuiz2").src = "/images/deactivated_go.png";
    }
    else {
        var url = "http://www.paulaschoice.com/skincarequiz";
        url = url + "?q=" + document.getElementById("selConcern").value;
        url = url + "&t=" + document.getElementById("selType").value;
        url = url + "&y=" + str;
        url = url + "&s=3";
        xmlHttp.onreadystatechange = stateChanged4;
        xmlHttp.open("GET", url, true);
        xmlHttp.send(null);
    }
}

function stateChanged4() {
    if (xmlHttp.readyState == 4) {
        var prezresponse = xmlHttp.responseText.replace(/^\s+|\s+$/g, '');

        document.getElementById("txtAction").value = prezresponse;
        document.getElementById("btnQuiz2").disabled = false;
        document.getElementById("btnQuiz2").src = "/images/gobutton.png";
    }
}


function GetXmlHttpObject() {
    var xmlHttp = null;
    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {
        // Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}