// file: /app/webroot/js/common.js
// file a select box with jQuery in CakePHP

// add page form
$(document).ready(function() {	
	$('.ajax_size #OrderStyleId').change(function(){
		// selected value
		var selected = $(this).val();
		
		if (selected != 0) {
			// set loading image
			ajax_loading_image('.ajax_loading_image');
			// ajax
			$.ajax({
				type: "POST",
				url: '/orders/ajax_get_order_sizes',
				data: "ajax=true&id="+selected,
				success: function(rdata){
					//console.log(rdata);
					$('.ajax_size_id').html(rdata);
					// remove loading image
					ajax_remove_loading_image('.ajax_loading_image');
					
					// rebind the OrderStyleId
					$('.ajax_size #OrderSizeId').change(on_size_change);
					$('.ajax_size #OrderFinishId').change(on_size_change);
					
				}
			});
		}
	});
});

// set a loading image
function ajax_loading_image(div) {
	$(div).html('<img src="/img/ajax-loader.gif" alt="Ajax Loading Image"/>');
}

// remove loading image
function ajax_remove_loading_image(div) {
	$(div).html('');
}

function on_size_change(){
		// selected value
		var selected = $("#OrderSizeId").val();
		
		if (selected != 0) {
			if($('#OrderFinishId').val()==2 || $('#OrderFinishId').val()==3)
			{
				var price = $('#SizeData' + selected + 'Price2').val();
			}
			else
			{
				var price = $('#SizeData' + selected + 'Price').val();
			}
			//$('#OrderSizeTmpId').val(selected);
			$('#OrderPrice').val(price);
			$('#total').html('&pound; ' + price);
		}
}