var request;

function showName(str,key) {
if (str.length==0)
  { 
  document.getElementById("cat2").innerHTML="<select id=\"narrow_category\" name=\"subCat\"><option>&lsaquo; Choose an Attribute first</option></select>";
  return;
  }
    var url = "/ecat/AjaxResults.do?category=" + escape(str)+"&key=" + key;
   
    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest( );
    }
    else if (window.ActiveXObject) {
        request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    request.open("Get",url,true);
    request.setRequestHeader("Content-Type", "text/html;charset=UTF-8");
    request.onreadystatechange = callback;
    request.send(null);
}

function callback( ) {
    if (request.readyState==4) {
        if (request.status == 200) {
        updateSubCategory(request.responseText);
        
        }
    }
}

function updateSubCategory(text){

	var scoptions = text.split("|");
	var scdiv = document.getElementById("cat2");
	var opttext="";
	var enc="";
	for(var p=0; p<scoptions.length; p++){
		opttext+="<option value='" +scoptions[p] +"'>" + scoptions[p] + "</option>";
	}

	scdiv.innerHTML="<select name='subCat' id='narrow_category'>" + opttext +"</select>";

}