function setNames(){
	var f = document.name_preview;
	
	var middle_val  = escape(f.middle_name.value);
	var surname_val = escape(f.last_name.value);
	var firstname_val = "";
	
	var li_nodes = document.getElementById('names').childNodes;
	for(var i=0;i<li_nodes.length;i++){
		var child_nodes = li_nodes[i].childNodes;
		if(child_nodes.length > 0){
			for(var j=0;j<child_nodes.length;j++){
				// output surname
				if(child_nodes[j].nodeName.toLowerCase() == "span"){
					if(child_nodes[j].className == "surname"){
						child_nodes[j].innerHTML = surname_val.replace(/%27/g,"'").replace(/%20/g," ");
					}
					if(child_nodes[j].className == "middle_name"){
						child_nodes[j].innerHTML = middle_val.replace(/%27/g,"'").replace(/%20/g," ");
					}
					if(child_nodes[j].className == "first_name"){
						firstname_val = child_nodes[j].innerHTML.slice(0,1);
					}
				}

				// set initials
				if(child_nodes[j].nodeName.toLowerCase() == "abbr"){
					if(middle_val == "" && surname_val == ""){
						child_nodes[j].innerHTML = "";
					}else{
						child_nodes[j].innerHTML = firstname_val + middle_val.slice(0,1) + surname_val.slice(0,1);
					}
				}
			}
		}
	}
}