$(document).ready(function() {
    $("#lstStates").change(function() {
        var selected = $("#lstStates option:selected");
        if (selected.val() != 0) {
            document.getElementById("agencyData").innerHTML = "<br />";
            $("#ajaxBusy").show();
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "Database.asmx/GetCounties",
                data: "{'stateId':'" + selected.val().toString() + "'}",
                dataType: "json",
                success: function(msg) {
                    $("#lstCounties").children().remove();
                    var opt = document.createElement("option");
                    opt.text = "";
                    opt.value = "-1";
                    document.getElementById("lstCounties").options.add(opt);
                    var counties = eval(msg);
                    for (var i = 0; i < counties.Counties.length; i++) {
                        opt = document.createElement("option");
                        opt.text = counties.Counties[i].county;
                        opt.value = counties.Counties[i].terrId;
                        document.getElementById("lstCounties").options.add(opt);
                    }
                    $("#ajaxBusy").hide();
                },
                error: function(e) {
                    $("#ajaxBusy").hide();
                    alert("failed: " + e.statusText);
                }
            });
        }
        return false;
    });
    $("#lstCounties").change(function() {
        var selected = $("#lstCounties option:selected");
        if (selected.val() != -1) {
            $("#ajaxBusy").show();
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "Database.asmx/GetAgency",
                data: "{'terrId':'" + selected.val().toString() + "'}",
                dataType: "json",
                success: function(msg) {
                    var rep = eval(msg);
                    var agencyData = "";
                    for (var i = 0; i < rep.Agency.length; i++) {
                        agencyData += "<span class='repName'>" + rep.Agency[i].repName + "</span><br />";
                        if (rep.Agency[i].repMail01.length > 0)
                            agencyData += rep.Agency[i].repMail01 + "<br />";
                        if (rep.Agency[i].repMail02.length > 0)
                            agencyData += rep.Agency[i].repMail02 + "<br />";
                        if (rep.Agency[i].repMail03.length > 0)
                            agencyData += rep.Agency[i].repMail03 + "<br />";
                        if (rep.Agency[i].repMail04.length > 0)
                            agencyData += rep.Agency[i].repMail04 + "<br />";
                        if (rep.Agency[i].repPhone.length > 0)
                            agencyData += "Phone: " + rep.Agency[i].repPhone + "<br />";
                        if (rep.Agency[i].repFax.length > 0)
                            agencyData += "FAX: " + rep.Agency[i].repFax + "<br />";
                        if (rep.Agency[i].repWebsite.length > 0)
                            agencyData += "<a href='http://" + rep.Agency[i].repWebsite + "'>" + rep.Agency[i].repWebsite + "</a><br />";
                        agencyData += "<br /><br />";
                    }
                    document.getElementById("agencyData").innerHTML = agencyData;
                    $("#ajaxBusy").hide();
                },
                error: function(e) {
                    $("#ajaxBusy").hide();
                    alert("failed: " + e.statusText);
                }
            });
        }
        return false;
    });
});