$(document).ready(createRequests);

function createRequests() {
		var request = null;
		try {
			request = new XMLHttpRequest();
		} catch (trymicrosoft) {
			try {
				request = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (othermicrosoft) {
				try {
					request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (failed) {
					request = null;
				}
			}
		}

		if (request == null) {
			alert("Error creating request object!");
		} else {
			return request;
		}
}

function sendRequest(request,id,url,callback,postData) {

        var request = createRequests();
		if (!request) return;
		var method = (postData) ? "POST" : "GET";
		request.open(method,url,true);
		request.setRequestHeader('User-Agent','XMLHTTP');

        if (postData)
			request.setRequestHeader('Content-type','application/x-www-form-urlencoded');

            request.onreadystatechange = function () {
				if (request.readyState != 4) return;
				if (request.status != 200 && request.status != 304) {
					alert('HTTP error ' + request.status);
					return;
				}
				callback(request, id); }
		if (request.readyState == 4) return;

        request.send(postData);

 }



$(document).ready(function(){
        $("select#city").attr("disabled", "true");
        $("select#organization").attr("disabled", "true");
                       
        $("select#state").change(function()  {
           var selectCity = $('select#city');
           $(selectCity).children().remove();

           selectCity.append("<option value=''>-- Select a City  --</option>");

            var selectedStateId = $(this).val();
            if(selectedStateId != "") selectCity.attr("disabled", "true");


            sendRequest('requestCurrent',selectedStateId,'/dropdown_ajax.html?selectedStateId=' + selectedStateId + '&includeTags=true',showTags);

            function showTags(request,parentBranch) {
                var xmlDoc = request.responseXML;
                    $(xmlDoc).find('state').each(function() {
                    if($(this).attr('id') == selectedStateId){
                            $(this).find('city').each(function(){
                                var cityOptions = $(this).attr('id');
                                selectCity.append("<option value='"+ cityOptions +"'>"+cityOptions+"</option>");
                        });
                     }
               });
               selectCity.attr("disabled","");

               var selectOrganization = $('select#organization');
                    $(selectOrganization).children().remove();
                    selectOrganization.append("<option value=''>-- Select an Organization --</option>");
                    selectOrganization.attr("disabled", "true");

              $("#city").bind("change", function()  {
                  var selectedCityId = $(this).val();
                  $("#organization").children().remove();

                  var selectOrganization = $('#organization');

                  selectOrganization.append("<option value=''>-- Select an Organization  --</option>");

                   $(xmlDoc).find('city').each(function() {
                         if($(this).attr('id') == selectedCityId){
                                $(this).find('organization').each(function(){
                                    var orgOptions = $(this).text();
                                    var orgId = $(this).attr('id');
                                    selectOrganization.append("<option value='"+ orgId +"'>"+orgOptions+"</option>");
                                });
                         }
                   });
                   selectOrganization.attr("disabled","");

               });
         }
        });
});