function fillCategory(){ 
 // this function is used to fill the plans list on load
	
	addOption(document.drop_list.Category, "Bonsai", "Bonsai", "");
	addOption(document.drop_list.Category, "Sweet Deal", "Sweet Deal", "");
	addOption(document.drop_list.Category, "Bonjour", "Bonjour", "");
	addOption(document.drop_list.Category, "Cactus", "Cactus", "");
	addOption(document.drop_list.Category, "Kurry", "Kurry", "");
	addOption(document.drop_list.Category, "Lebanon Forever", "Lebanon Forever", "");
	addOption(document.drop_list.Category, "Lite", "Lite", "");
	addOption(document.drop_list.Category, "Ten Dollar", "Ten Dollar", "");
	addOption(document.drop_list.Category, "Spicy", "Spicy", "");
	addOption(document.drop_list.Category, "Kooky", "Kooky", "");
	addOption(document.drop_list.Category, "City Chat", "City Chat", "");

}
function setCat(id)
{
  document.drop_list.Category.selectedIndex=id;
  SelectSubCat();
}
function SelectSubCat(){
// function to load appropriate xml doc on load
    document.getElementById("call-rates").style.height='300px';
	if(document.drop_list.Category.value == 'Bonsai'){
	pullBonsaiRates();
	hideAll();
	changeDiv('bonsai_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Sweet Deal'){
	pullSweetDealRates();
	hideAll();
	changeDiv('sweetdeal_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Bonjour'){
	pullBonjourRates();
	hideAll();
	changeDiv('bonjour_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Cactus'){
	pullCactusRates();
	hideAll();
	changeDiv('cactus_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Kurry'){
	pullKurryRates();
	hideAll();
	changeDiv('kurry_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Lebanon Forever'){
	pullLebanonForeverRates();
	hideAll();
	changeDiv('lebanonforever_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Lite'){
	pullLiteRates();
	hideAll();
	changeDiv('lite_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Ten Dollar'){
	pullTenDollarRates();
	hideAll();
	changeDiv('tendollar_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Spicy'){
	pullSpicyRates();
	hideAll();
	changeDiv('spicy_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'Kooky'){
	pullSpicyRates();
	hideAll();
	changeDiv('kooky_rates','block');
	changeDiv('country_rates','block');
	}
	if(document.drop_list.Category.value == 'City Chat'){
	pullSpicyRates();
	hideAll();
	changeDiv('city_chat_rates','block');
	changeDiv('country_rates','block');
	}
}
 

function removeAllOptions(selectbox)
{
	var i;
	for(i=selectbox.options.length-1;i>=0;i--)
	{
		//selectbox.options.remove(i);
		selectbox.remove(i);
	}
}


function addOption(selectbox, value, text )
{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;

	selectbox.options.add(optn);
}
<!-- open bonsai xml doc -->
function pullBonsaiRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/bonsai.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullSweetDealRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/sweet_deal.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullBonjourRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/bonjour.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullCactusRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/cactusppw.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullKurryRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/kurryppw.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullLebanonForeverRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/LebanonForever.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullLiteRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/liteppw.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

<!--open Ten Dollar xml doc-->
function pullTenDollarRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/tendollarppw.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}
<!-- open Spicy xml doc -->
function pullSpicyRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/spicy.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function pullKookyRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/kooky.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}
<!-- open City Chat xml doc -->

function pullCityChatRates() {
  if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (request) {
    request.open("GET", "xml/city_chat.xml");
    request.onreadystatechange =
      function() {
        var name_array = new Array();
        if (request.readyState == 4) {
          xml_response = request.responseXML;
          elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if (elements[loop].firstChild != null) {
              name_array.push(elements[loop].firstChild.nodeValue);
            } else {
              name_array.push(" ");
            }
          }
          writeSelect(name_array);
        }
      }
    }
  request.send(null);
}

function writeSelect(the_array) {
  var this_option;
  var this_select = document.getElementById("theSelect");

  for (var loop=0; loop < the_array.length; loop++) {
    this_option = new Option();
    this_option.value = the_array[loop];
    this_option.text = the_array[loop];
    this_select.options[loop] = this_option;
  }
}
function loadInfo(the_name) {
 
          var xml_response = request.responseXML;
          var elements = xml_response.getElementsByTagName("name");
          for (var loop=0; loop < elements.length; loop++) {
            if ((elements[loop].firstChild != null) && (elements[loop].firstChild.nodeValue == the_name)) {
              var parent = elements[loop].parentNode;
              var children = parent.childNodes;
              var rate_node;
              
              for (var inner = 0; inner < children.length; inner++) {
                if (children[inner].nodeName == "rate") {
                   rate_node = children[inner];
                } 
              }
              insertValue(document.getElementById("theName"),
                 elements[loop]);
              insertValue(document.getElementById("therate"),
                rate_node);
              
        
      }
    }
  
}



function insertValue(the_element, the_node) {
  if (the_node.firstChild != null) {
    the_element.innerHTML = the_node.firstChild.nodeValue;
  }
}


function changeDiv(the_div,the_change)
{
  var the_style = getStyleObject(the_div);
  if (the_style != false)
  {
    the_style.display = the_change;
  }
}

function hideAll()
{
	changeDiv('bonsai_rates','none');
	changeDiv('sweetdeal_rates','none');
	changeDiv('bonjour_rates','none');
	changeDiv('cactus_rates','none');
	changeDiv('kurry_rates','none');
	changeDiv('lebanonforever_rates','none');
	changeDiv('lite_rates','none');
	changeDiv('tendollar_rates','none');
	changeDiv('spicy_rates','none');
	changeDiv('kooky_rates','none');
	changeDiv('city_chat_rates','none');

}

function getStyleObject(objectId) {
  if (document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else {
    return false;
  }
}