/*****************************************************************
** JavaScript AJAX Library
*****************************************************************/

/* Common values for the ReadyState of the XMLHttpRequest object */
var READYSTATE_UNINITIALIZED = 0;
var READYSTATE_LOADING = 1;
var READYSTATE_LOADED = 2;
var READYSTATE_INTERACTIVE = 3;
var READYSTATE_COMPLETE = 4;
var HTTPSTATUS_OK = 200;

function CreateXmlHttpRequestObject() {
    var xmlObj;
    if (window.ActiveXObject) {
        try {
            xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {
            xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
        }
    }
    else
        xmlObj = new XMLHttpRequest();

    return xmlObj;
}

function control(name) {return document.getElementById(name)}

function getdata(url, handler) {
    req = CreateXmlHttpRequestObject();
    req.open("GET", url, true);
    req.onreadystatechange = handler; req.send(null);
}

function UpdateRegions() {
    if (req.readyState == READYSTATE_COMPLETE && req.status == HTTPSTATUS_OK) {
        control("regions").innerHTML = req.responseText;
        RegionChanged();
    }
}

function UpdateRegions1() {
    if (req.readyState == READYSTATE_COMPLETE && req.status == HTTPSTATUS_OK) {
        control("regions").innerHTML = req.responseText;
        RegionChanged1();
    }
}

function UpdateAreas() {
    if (req.readyState == READYSTATE_COMPLETE && req.status == HTTPSTATUS_OK) {
        control("areas").innerHTML = req.responseText;
    } 
}

function StateChanged() {
    var list = control('ddlStates');
    //alert(list.options[list.selectedIndex].value);
    getdata("http://" + location.host + "/ddlRegions.ashx?sid=" + list.options[list.selectedIndex].value, UpdateRegions);

}
function StateChanged1() {
    var list = control('ddlStates');
    //alert(list.options[list.selectedIndex].value);
    getdata("http://" + location.host + "/ddlRegions1.ashx?sid=" + list.options[list.selectedIndex].value, UpdateRegions1);

}

function RegionChanged() {
    var list = control('ddlregions');
    getdata("http://" + location.host + "/ddlAreas.ashx?rid=" + list.options[list.selectedIndex].value, UpdateAreas);

}

function RegionChanged1() {
    var list = control('ddlregions');
    getdata("http://" + location.host + "/ddlAreas1.ashx?rid=" + list.options[list.selectedIndex].value, UpdateAreas);

}

function UpdatePegStates() {
    if (req.readyState == READYSTATE_COMPLETE && req.status == HTTPSTATUS_OK) {
        control("States").innerHTML = req.responseText;
    }
}

function UpdateCities() {
    if (req.readyState == READYSTATE_COMPLETE && req.status == HTTPSTATUS_OK) {
        control("Cities").innerHTML = req.responseText;
    }
}

function CtyChanged() {
    var list = control('ddlCountry');
    //alert(list.options[list.selectedIndex].value);
    getdata("http://" + location.host + "/ddlPegsState.ashx?cid=" + list.options[list.selectedIndex].value, UpdatePegStates);

}

function CountryChanged() {
    var list = control('ddlCountry');
    //alert(list.options[list.selectedIndex].value);
    getdata("http://" + location.host + "/ddlCities.ashx?sid=" + list.options[list.selectedIndex].value, UpdateCities);

}