var all_tiers = true;

// first one is blank so that the indexes match up to ids
var comb_images = ['','plastic-comb-small','plastic-comb-large','metal-comb-large'];

var veil_lengths = [];
veil_lengths[24] = 'shoulder';
veil_lengths[29] = 'elbow';
veil_lengths[35] = 'waist';
veil_lengths[42] = 'fingertip';
veil_lengths[52] = 'waltz';
veil_lengths[88] = 'chapel';
veil_lengths[106] = 'cathedral';

var veil_edges = ['','plain','pencil','pearl','satin','ribbon','filament','small-rhine','large-rhine'];

function update_tiers_box() {
	var go = false;
	var obj = document.getElementById('tiers_sel');
	if ( obj && obj.selectedIndex >= 0 ) {
		var opt = obj.options[ obj.selectedIndex ];
		if ( opt && opt.value != '' ) {
			go = true;
			document.getElementById('tier-thumb').style.display = 'block';
			document.getElementById('tier-image').src = webroot +'img/veil-tiers/tier-' + opt.value +'-th.jpg';
			document.getElementById('tier-large').href = webroot +'img/veil-tiers/tier-' + opt.value +'-lg.jpg';
			document.getElementById('tier-name').innerHTML = opt.innerHTML;
		}
	}
	if ( ! go ) {
		document.getElementById('tier-thumb').style.display = 'none';
	}
	update_price();
}

function update_length() {
	var go = false;
	var obj = document.getElementById('length_sel');
	if ( obj && obj.selectedIndex >= 0 ) {
		var opt = obj.options[ obj.selectedIndex ];
		if ( opt && opt.value != '' ) {
			go = true;
			document.getElementById('length-thumb').style.display = 'block';
			document.getElementById('length-image').src = webroot +'img/veil-lengths/' + veil_lengths[opt.value] +'-md.jpg';
			document.getElementById('length-large').href = webroot +'img/veil-lengths/' + veil_lengths[opt.value] +'-lg.jpg';
			document.getElementById('length-name').innerHTML = opt.innerHTML;
		}
	}
	if ( ! go ) {
		document.getElementById('length-thumb').style.display = 'none';
	}
	update_price();
}

function update_attachment() {
	var go = false;
	var obj = document.getElementById('attach_sel');
	if ( obj && obj.selectedIndex >= 0 ) {
		var opt = obj.options[ obj.selectedIndex ];
		if ( opt && opt.value != '' ) {
			go = true;
			document.getElementById('attach-thumb').style.display = 'block';
			document.getElementById('attach-image').src = webroot +'img/veil-combs-veil-attachments/' + comb_images[opt.value] +'-sm.jpg';
			document.getElementById('attach-large').href = webroot +'img/veil-combs-veil-attachments/' + comb_images[opt.value] +'-lg.jpg';
			document.getElementById('attach-name').innerHTML = opt.innerHTML;
		}
	}
	if ( ! go ) {
		document.getElementById('attach-thumb').style.display = 'none';
	}
	update_price();
}

function update_material() {
	var go = false;
	var obj = document.getElementById('material_sel');
	if ( obj && obj.selectedIndex >= 0 ) {
		var opt = obj.options[ obj.selectedIndex ];
		if ( opt && opt.value != '' ) {
			go = true;
			document.getElementById('material-thumb').style.display = 'block';
			document.getElementById('material-image').src = webroot +'img/veil-material/thumbs/' + opt.value +'.jpg';
			document.getElementById('material-large').href = webroot +'img/veil-material/' + opt.value +'.jpg';
			document.getElementById('material-name').innerHTML = opt.innerHTML;
		}
	}
	if ( ! go ) {
		document.getElementById('material-thumb').style.display = 'none';
	}
	update_price();
}

function update_edge() {
	var go = false;
	var obj = document.getElementById('edge_sel');
	if ( obj && obj.selectedIndex >= 0 ) {
		var opt = obj.options[ obj.selectedIndex ];
		if ( opt && opt.value != '' ) {
			go = true;
			document.getElementById('edge-thumb').style.display = 'block';
			document.getElementById('edge-image').src = webroot +'img/veil-edge/thumbs/' + opt.value +'.jpg';
			document.getElementById('edge-large').href = webroot +'img/veil-edge/' + opt.value +'.jpg';
			document.getElementById('edge-name').innerHTML = opt.innerHTML;
		}
	}
	if ( ! go ) {
		document.getElementById('edge-thumb').style.display = 'none';
	}
	update_price();
}

function update_tiers(chng) {
	if ( all_tiers && ! chng ) {
		all_tiers = false;
		document.getElementById('tiers_dropdown_box').innerHTML = '<select name="tiers" id="tiers_sel" onChange="update_tiers_box()" style="width: 100%">'
			+'<option value="1">1</option>'
			+'</select>';
		document.getElementById('tiers_sel').selectedIndex = 0;
	} else if ( ! all_tiers && chng ) {
		all_tiers = true;
		document.getElementById('tiers_dropdown_box').innerHTML = '<select name="tiers" id="tiers_sel" onChange="update_tiers_box()" style="width: 100%">'
			+'<option value="1">1</option>'
			+'<option value="2">2</option>'
			+'<option value="3">3</option></select>';
		document.getElementById('tiers_sel').selectedIndex = 0;
	}
}

function update_price() {
	document.getElementById('total').innerHTML = '<img src="' + webroot +'img/loading.gif" />';
	
	var lsel = $('#length_sel').val();
	if (  lsel == 88 || lsel == 106 ) {
		update_tiers(false);
	} else {
		update_tiers(true);
	}
	
	jQuery.ajax({
		url: '?ajax'
		,type: 'POST'
		,data:  $('#veil_cfg').serializeArray()
		,dataType: 'json'
		,success: function(data) {
			if ( data ) {
				if ( data.call ) {
					$('#call').show();
				} else {
					$('#call').hide();
				}
				if ( data.docont ) {
					$('#continue').show();
				} else {
					$('#continue').hide();
				}
				document.getElementById('total').innerHTML = data.message;
			}
		}
	});
}