var pricelist, services, servicesSelectCount;

function orderform_addSelect() {
	$("#totalprice_row").before(
		'<tr>' +
			'<th>&nbsp;</th>' +
			'<td>' +
				'<select class="styled" name="services[' + servicesSelectCount + ']" id="s' + servicesSelectCount + '" rel="service">' +
				services +
				'</select> ' +
				'<span class="price" id="prices' + servicesSelectCount + '"></span>' +
			'</td>' +
		'</tr>'
	);
	$("#s" + servicesSelectCount + "").change(function () {orderForm_onChange(this)});
	
	// custom-form-elements
	var input = $("#s" + servicesSelectCount + "").get(0);
	
	option = input.getElementsByTagName("option");
	active = option[0].childNodes[0].nodeValue;
	textnode = document.createTextNode(active);
	for(b = 0; b < option.length; b++) {
		if(option[b].selected == true) {
			textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
		}
	}
	var	span = document.createElement("span");
	span.className = "select";
	span.id = "select" + input.name;
	span.appendChild(textnode);
	input.parentNode.insertBefore(span, input);
	$(input).change(Custom.choose);
	
	servicesSelectCount++;
}

function orderForm_onChange(select) {
	// add new selectbox if necessary
	if(select.id == 's' + (servicesSelectCount - 1))
		orderform_addSelect(select);
		
	$('#price' + select.id).html('$' + pricelist[select.value]);
		
	// recalculate price
	totalprice = 0;
	var boxes = $('select[rel=service]').each(function() {totalprice += pricelist[this.value];});
	$('#totalprice').html('$' + totalprice);
}