reloadChild = function(pageURL){
	ajax = new Ajax.Request(pageURL, { method:'post',onComplete: renderContents});
}

renderContents = function(o){
	contents = o.responseText;
	document.getElementById("replaceArea").innerHTML = contents;
}

reloadBookList = function(pageURL){
	ajax = new Ajax.Request(pageURL, { method:'post',onComplete: renderContents2});
}

renderContents2 = function(o){
	contents = o.responseText;
	document.getElementById("booklet").innerHTML = contents;
}

chengeNumber = function(num){
	document.form2.number.value = num;
	document.form2.number.readOnly = true;
}

reNumber = function(){
	document.form2.number.readOnly = false;
}

changeJob = function(no){
	if(no == 1){
		document.getElementById("job1anchor").className = "current";
		document.getElementById("job2anchor").className = "";
		document.getElementById("job3anchor").className = "";
		document.getElementById("job4anchor").className = "";
		document.getElementById("job_type_1").style.display = "";
		document.getElementById("job_type_2").style.display = "none";
		document.getElementById("job_type_3").style.display = "none";
		document.getElementById("job_type_4").style.display = "none";
	}else if(no == 2){
		document.getElementById("job1anchor").className = "";
		document.getElementById("job2anchor").className = "current";
		document.getElementById("job3anchor").className = "";
		document.getElementById("job4anchor").className = "";
		document.getElementById("job_type_1").style.display = "none";
		document.getElementById("job_type_2").style.display = "";
		document.getElementById("job_type_3").style.display = "none";
		document.getElementById("job_type_4").style.display = "none";
	}else if(no == 3){
		document.getElementById("job1anchor").className = "";
		document.getElementById("job2anchor").className = "";
		document.getElementById("job3anchor").className = "current";
		document.getElementById("job4anchor").className = "";
		document.getElementById("job_type_1").style.display = "none";
		document.getElementById("job_type_2").style.display = "none";
		document.getElementById("job_type_3").style.display = "";
		document.getElementById("job_type_4").style.display = "none";
	}else if(no == 4){
		document.getElementById("job1anchor").className = "";
		document.getElementById("job2anchor").className = "";
		document.getElementById("job3anchor").className = "";
		document.getElementById("job4anchor").className = "current";
		document.getElementById("job_type_1").style.display = "none";
		document.getElementById("job_type_2").style.display = "none";
		document.getElementById("job_type_3").style.display = "none";
		document.getElementById("job_type_4").style.display = "";
		
	}
		
}