// Add Event Handler to all Elements: 

/*
for (var c=0; c < document.cadform.elements.length ; c++ ) {
	var element = document.cadform.elements[c];
	// add the handler:
	element.onclick = updateform;
}
*/

function sendForm (depth) {
	
	// get all the selections:
	var selections = new Array();
	lastChanged = depth;
	
	for (var temp_depth = depth; temp_depth > -1; temp_depth--) {
		selections[temp_depth] = $('selectList_depth_'+temp_depth).value;
	}
	selectList_to_update = depth + 1;
	
	// send array with format:
	// [depth] = selection
	var get = '';
	for (depth=0; depth < selections.length; depth++) {
		// get += "&selections[" + depth + "]=" + selections[depth];
		// square brackets wont work with ie
		get += "&selections_" + depth + "=" + selections[depth];
		
	}
	
	var url = "cad_download_ajax_handler.php?" + get;
  	
	request.open("GET", url, true);
	request.setRequestHeader ("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	//alert('GET: '+ get);
	request.onreadystatechange = updateForm;
	request.send(get);
	
}

function updateForm () {
	// callback function
	if (request.readyState == 4) {
		//alert(lastChanged);
		toChange = lastChanged + 1;
		$('fieldset_depth_' + toChange).innerHTML = request.responseText;
		
		// clear all fieldset with higher depth numbers: 
		for (var c = toChange+1; c < 5; c++) {
			if ($('fieldset_depth_' + c) != null)
				$('fieldset_depth_' + c).innerHTML = '';
		} 
		
		// clear the last fieldset if download-links are already displayed
		var indicator = '<h4>Preview';
		if (request.responseText.search(indicator) != -1 && toChange == 2) {
			$('arrow_3').style.display = 'none';
			$('cell_3').style.display = 'none';
		} else {
			$('arrow_3').style.display = 'block';
			$('cell_3').style.display = 'block';		
		}
	}
}


function $(el) {
	return document.getElementById(el);
}