// here we define global variable
var ajaxdestination="";

function getdata(what,where) { // get data from source (what)
 try {
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
  		new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (e) { /* do nothing */ }

 document.getElementById(where).innerHTML ="<img src='/includes/images/loading.gif'>";
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
 ajaxdestination=where;
 xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
 xmlhttp.open("GET", what);
 xmlhttp.send(null);
  return false;
}

function triggered() { // put data returned by requested URL to selected DIV
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) 
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
}



function getStateList(sel){

  var countryCode = sel.options[sel.selectedIndex].value;
  var filename = 'index.php?option=com_jobspour&task=pullstates&countryCode='+countryCode;	
	document.getElementById('region').innerHTML = '<span style="color:red;">Loading ...........</span>';// Empty city select box

	if(countryCode.length>0)
	 getdata(filename,'region');
}