makeselect = function(selectobj) {
	selectObject = document.getElementById(selectobj);
	numofoptions = selectObject.length;
	//values = new Array();
	var html = '<ul id="' + selectobj + '"><li><a href="javascript:;" onClick="toggleList(\'' + selectobj + '\');">Choose female</a><ul id="selectlist" style="display: none;">';
	for (k = 0; k < numofoptions; k++) {
		html += '<li><a href="javascript:;" onClick="updateSelect(\'femaleselect\',' + selectObject.options[k].value + ');">' + selectObject.options[k].text + '</a></li>';
	}
	html += '</ul></li></ul>';
	document.write(html);
}

toggleList = function(selectobj) {
	$('#' + selectobj + ' #selectlist').toggle();
}

updateSelect = function(selectobj, selectvalue) {
	$('#' + selectobj + ' option').each(function() {
		$(this).attr('selected', '');
	});
	$('#' + selectobj + ' option').each(function() {
		if ($(this).val() == selectvalue) {
			$(this).attr('selected', 'selected');
		}
	});
	toggleList(selectobj);
	//$('#' + selectobj).attr('onchange');
}