function Selection(sel, url, lang, level) {


//window.alert(sel.options[sel.selectedIndex].text + ":" + sel.options[sel.selectedIndex].value);


	ilevel = eval(level) + 1;
    nlevel = "area" + ilevel;

    url = url + '?lang=' + lang + "&area=" + sel.options[sel.selectedIndex].value + "&level=" + level;
	

    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChangeGET;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChangeGET;
            req.open("GET", url, true);
            req.send();
        }
    }

}

function processReqChangeGET()
{
    // only if req shows "complete"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
//alert(req.responseText + "\n" + req.getResponseHeader("Location"));

			// Tiki List 
			var area1 = document.getElementById(nlevel);
			area1.innerHTML = req.responseText;
			
			// 
			for(i = ilevel+1; i <= 4; i++ ){
				var con = "area" + i; 
				var area2 = document.getElementById(con);
                var out= "<select name=\"area" + i + "\" style=\"display:inline\">\n" +
                         "<option value=\"0\">-</option>\n" +
                         "</select>\n";
                area2.innerHTML = out;
			}

        } else {
            alert("There was a problem retrieving the XML data:\n" + req.statusText + " : " + req.status);
        }
    }
}
/*
for (i=0; i<itemNum; i++) {
 document.search.area2.options[i] = new Option(value, text);
}
*/
//URL
//${pageContext.request.contextPath}/ajax/area