function fillCategory(){ 
 // this function is used to fill the category list on load
<!-- addOption(document.drop_list.City, "Aurora", "Aurora", ""); -->
addOption(document.drop_list.City, "Naperville", "Naperville", "");
}

function SelectSubCat(){
// ON selection of category this function will work

removeAllOptions(document.drop_list.Stylist);
addOption(document.drop_list.Stylist, "", "Stylist", "");

if(document.drop_list.City.value == 'Aurora'){
addOption(document.drop_list.Stylist,"Christina", "Christina");
addOption(document.drop_list.Stylist,"Jamie", "Jamie");
addOption(document.drop_list.Stylist,"Jenni", "Jenni");
addOption(document.drop_list.Stylist,"Liz", "Liz");
addOption(document.drop_list.Stylist,"Marci", "Marci");
addOption(document.drop_list.Stylist,"Melissa", "Melissa");
addOption(document.drop_list.Stylist,"Mindy", "Mindy");
}
if(document.drop_list.City.value == 'Naperville'){
addOption(document.drop_list.Stylist,"Brittanie", "Brittanie");
addOption(document.drop_list.Stylist,"Christina", "Christina");
addOption(document.drop_list.Stylist,"Jackie", "Jackie");
addOption(document.drop_list.Stylist,"Jaclyn", "Jaclyn");
addOption(document.drop_list.Stylist,"Jamie", "Jamie");
addOption(document.drop_list.Stylist,"Jenni", "Jenni");
addOption(document.drop_list.Stylist,"Julie", "Julie");
addOption(document.drop_list.Stylist,"Katie", "Katie");
addOption(document.drop_list.Stylist,"Kelly", "Kelly");
addOption(document.drop_list.Stylist,"Melissa", "Melissa");
addOption(document.drop_list.Stylist,"Tiffany", "Tiffany");
addOption(document.drop_list.Stylist,"Yvonne", "Yvonne");
}

}
////////////////// 

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);
}