var ajax = new Array();

function get_subcats_and_colors(sel) {
	var Category_ID = document.getElementById('Category_ID').value;
	document.getElementById('Subcategory_ID').options.length = 1;
	document.getElementById('Color_ID').options.length = 1;
	if(Category_ID.length > 0) {
		var index = ajax.length;
		ajax[index] = new sack();
		
		ajax[index].requestFile = 'dynamic_select.php?Category_ID='+Category_ID+'&get_subcats_and_colors=1';
		ajax[index].onCompletion = function(){ create_subcats_and_colors(index) };
		ajax[index].runAJAX();
	}
}

function create_subcats_and_colors(index) {
	var Subcategory_ID = document.getElementById('Subcategory_ID');
	var Color_ID = document.getElementById('Color_ID');
	
	eval(ajax[index].response);	
}

function get_colors(sel) {
	var Category_ID = document.getElementById('Category_ID').value;
	var Subcategory_ID = document.getElementById('Subcategory_ID').value;
	document.getElementById('Color_ID').options.length = 1;
	if(Subcategory_ID.length > 0) {
		var index = ajax.length;
		ajax[index] = new sack();
		
		ajax[index].requestFile = 'dynamic_select.php?Category_ID='+Category_ID+'&Subcategory_ID='+Subcategory_ID+'&get_colors=1';
		ajax[index].onCompletion = function(){ create_colors(index) };
		ajax[index].runAJAX();
	}
}

function create_colors(index) {
	var Color_ID = document.getElementById('Color_ID');
	
	eval(ajax[index].response);	
}