$(document).ready(function() {

	$("#example > ul").tabs();

	$('#producttype').change(function() {
		var typeId = $('#producttype').val();
		$.getJSON (
			baseUrl + "ajax/findProductSubtypes",
			{ 	typeId: typeId, 
				language: language 
			}, 
			function(json) {
				onChangeProductType(json, "select#productsubtype");
			}
		);
	});

	$('#select_producttype').change(function() {
		$('#select_productsubtype').append('<input type="hidden" name="submit-search-product" value="1" />');
		$('#frm-select-type').submit();
	});
	
	$('#select_productsubtype').change(function() {
		$('#select_productsubtype').append('<input type="hidden" name="submit-search-product" value="1" />');
		$('#frm-select-type').submit();
	});

});

function onChangeProductType(json, el)
{ 
	var productTypes = eval(json); 
	var options = '';

	for(var i in productTypes) {
		options += '<option value="' + i + '">' + productTypes[ i ] + '</option>'; 
	}

	$(el).html(options);
}