//globals 
var first = "category"; //id of first SELECT 
var second = "subcategory"; //id of second SELECT 
var strcity = "selloc"; //id of city SELECT 
var strlocality = "selarea"; //id of Locality SELECT 

// 
function sendRequest(url,params,HttpMethod) { 
if(!HttpMethod) { //check if http method is defined, if not, set it to GET 
   HttpMethod="GET"; 
} 
// 
// initialize request object 
req=null; 
if(window.XMLHttpRequest){ 
   req=new XMLHttpRequest; //mozilla/safari 
} else if(window.ActiveXObject){ 
   req=new ActiveXObject("Microsoft.XMLHTTP"); //internet explorer 
} 
// 
//define callback handler 
if(req) { 
// 
   req.onreadystatechange=onReadyState; 
   req.open(HttpMethod,url,true); 
   req.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
   req.send(params); 
} 
} 
// 
function onReadyState() { 
// 
var ready=req.readyState; 
var data=null; 
if(ready==4){ //check ready state 
   data=req.responseText; //read response data 
   var items = data.split(','); 
   var length = items.length; 
   
   for(var i = 0; i < length; i++) { 
   if(items[0]=='Select Sub-Category')
   {
      var childEl = document.createElement('option'); //create option 
      var El = document.getElementById(second); 
      El.appendChild(childEl); //then append it to the second dropdown list 
      childEl.value = items[i]; 
      childEl.innerHTML = items[i]; 
    }
   if(items[0]=='Select Locality')
   {
      var childE2 = document.createElement('option'); //create option 
      var E2 = document.getElementById(strlocality); 
      E2.appendChild(childE2); //then append it to the second dropdown list 
      childE2.value = items[i]; 
      childE2.innerHTML = items[i]; 
    }
   } 
} 
} 
// 
function clicked() { 
// 

var el = document.getElementById(first); 
var ob2=document.getElementById(second); 
var selected = el.selectedIndex; 
// 
while(ob2.hasChildNodes()) { //removes items from dropdown if some already exist 
   ob2.removeChild(ob2.firstChild);
} 
if(selected!= 0) { //if they choose something other than the first select-->"Select topic first" 
   sendRequest('js/fetch.asp?topic='+encodeURIComponent(el.options[selected].value)); 
   ob2.disabled=0; 
} else { //otherwise add the Select Topic First option and disable it 
   var childEl = document.createElement('option'); 
   ob2.appendChild(childEl); 
   childEl.innerHTML = 'Select Sub-Category'; 
   ob2.disabled=1; 
} 
} 


function clicked_city() { 
// 
var e2 = document.getElementById(strcity); 
var ob3=document.getElementById(strlocality); 
var selected = e2.selectedIndex; 
// 
while(ob3.hasChildNodes()) { //removes items from dropdown if some already exist 
   ob3.removeChild(ob3.firstChild); 
} 
if(selected!= 0) { //if they choose something other than the first select-->"Select topic first" 
   sendRequest('js/fetch_city.asp?topic='+encodeURIComponent(e2.options[selected].value)); 
   ob3.disabled=0; 
} else { //otherwise add the Select Topic First option and disable it 
   var childE2 = document.createElement('option'); 
   ob3.appendChild(childE2); 
   childE2.innerHTML = 'Select Locality'; 
   ob3.disabled=1; 
} 
}