function showHair(){
	var myReq = new XhttpRequest();
	
	var length = document.getElementById('length_select').value;
	
	if(myReq.bInitialized == false) {
		alert("Can't get request object.");
		return;
	}

	var func = function (response) {	
		var hair_type_view = document.getElementById("hair_type_view");
		hair_type_view.innerHTML= response;	
		document.getElementById('length_select').disabled = false;
		myReq = null;	// THIS IS CRITICAL to stop IE memory leaks
	}
	
	//form url with get parameters for ajax request
	var gparam="length="+length;

	//disable controls right before request is sent to avoid multiple simultaneous requests
	document.getElementById('length_select').disabled = true;
	myReq.connect("/_includes/populate_hairstyles.php", "GET", gparam, func);
}

function hasHair(doesIt) {
	if(doesIt == true) {
		document.getElementById("console").style.display = 'block';
		document.getElementById("hair_type_view").style.height = '240px';
		document.getElementById("hair_type_view").style.maxHeight = '240px';
	}
	else {
		document.getElementById("console").style.display = 'none';
		document.getElementById("hair_type_view").style.height = '572px';
		document.getElementById("hair_type_view").style.maxHeight = '572px';
	}
}