var current_element=1;
function addServices(){
// creating input box
var serviceEl = document.createElement('input');
serviceEl.setAttribute('type', 'text');
serviceEl.setAttribute('id',   'services_'+current_element);
serviceEl.setAttribute('size',   '37');
serviceEl.setAttribute('name', 'services[]');
serviceEl.setAttribute('onblur', 'setTimeout(\'document.getElementById(\\\'category_box_'+current_element+'\\\').style.display=\\\'none\\\'\',10);');
categoryEl.setAttribute('onkeydown', 'return displayunicode(event,'+current_element+');');
categoryEl.setAttribute('onkeyup', 'showUser(this.value,\''+current_element+'\',event);');
// creatin div container
var service_div = document.createElement('div');
service_div.setAttribute('id','serv_'+current_element);
category_div.setAttribute('class','serv_cn');
// creatin a element
var service_a = document.createElement('a');
service_a.setAttribute('href','javascript:removeService('+current_element+')');
// appending all elements
service_div.appendChild(serviceEl);
service_a.appendChild(document.createTextNode(' remove'));
service_div.appendChild(service_a);
// appending to all to single element in HTML
document.getElementById('services_cn').appendChild(service_div);
//increment current element
current_element++;
}

function removeService(element_id){
var el=document.getElementById('serv_'+element_id);
el.parentNode.removeChild(el);
}