// JavaScript Document

var panel1_show = true;
var panel2_show = false;
var panel3_show = false;

var is_hold = false;

function panel_hold(){is_hold = true;}
function panel_unhold(){is_hold = false;}

function toggle_panel_1(){
	if(is_hold) return;
	
	if(panel1_show){
		Effect.BlindUp('step1', {beforeStart: panel_hold,
					   			 afterFinish: panel_unhold});
		document.getElementById('toggle_image1').src = '/assets/expand.gif';
		panel1_show = false;
	}else{
		Effect.BlindDown('step1', {beforeStart: panel_hold,
					   			   afterFinish: panel_unhold});
		document.getElementById('toggle_image1').src = '/assets/collapse.gif';
		panel1_show = true;
	}
}

function toggle_panel_2(){
	if(is_hold) return;
	
	if(panel2_show){
		Effect.BlindUp('step2', {beforeStart: panel_hold,
					   			 afterFinish: panel_unhold});
		document.getElementById('toggle_image2').src = '/assets/expand.gif';
		panel2_show = false;
	}else{
		Effect.BlindDown('step2', {beforeStart: panel_hold,
					   			   afterFinish: panel_unhold});
		document.getElementById('toggle_image2').src = '/assets/collapse.gif';
		panel2_show = true;
	}
}


function toggle_panel_3(){
	if(is_hold) return;
	
	if(panel3_show){
		Effect.BlindUp('step3', {beforeStart: panel_hold,
					   			 afterFinish: panel_unhold});
		document.getElementById('toggle_image3').src = '/assets/expand.gif';
		panel3_show = false;
	}else{
		Effect.BlindDown('step3', {beforeStart: panel_hold,
					   			   afterFinish: panel_unhold});
		document.getElementById('toggle_image3').src = '/assets/collapse.gif';
		panel3_show = true;
	}
}

function show_all(){
	
	if(!panel1_show){
		Effect.BlindDown('step1');
		document.getElementById('toggle_image1').src = '/assets/collapse.gif';
		panel1_show = true;
	}
	
	if(!panel2_show){
		Effect.BlindDown('step2');
		document.getElementById('toggle_image2').src = '/assets/collapse.gif';
		panel2_show = true;
	}
	
	if(!panel3_show){
		Effect.BlindDown('step3');
		document.getElementById('toggle_image3').src = '/assets/collapse.gif';
		panel3_show = true;
	}
}


function panel1_next(){
	if(is_hold) return;
	
	Effect.BlindUp('step1', {beforeStart: panel_hold,
					   		 afterFinish: panel_unhold});
	document.getElementById('toggle_image1').src = '/assets/expand.gif';
	panel1_show = false;
	
	if(!panel2_show){
		Effect.BlindDown('step2', {beforeStart: panel_hold,
					   			   afterFinish: panel_unhold});
		document.getElementById('toggle_image2').src = '/assets/collapse.gif';
		panel2_show = true;
	}
	
}


function panel2_next(){
	if(is_hold) return;
	
	Effect.BlindUp('step2', {beforeStart: panel_hold,
					   		 afterFinish: panel_unhold});
	document.getElementById('toggle_image2').src = '/assets/expand.gif';
	panel2_show = false;
	
	if(!panel3_show){
		Effect.BlindDown('step3', {beforeStart: panel_hold,
					   			   afterFinish: panel_unhold});
		document.getElementById('toggle_image3').src = '/assets/collapse.gif';
		panel3_show = true;
	}
}


function submit_form(){
	var project_title 			= document.getElementById("project_title").value;
	var project_type 			= document.project_form.project_type[document.getElementById("project_type").selectedIndex].value;
	var project_subject 		= get_check_value(document.project_form.project_subject);
	var project_location 		= document.getElementById("project_location").value;
	var date1 					= document.getElementById("date1").value;
	var date2 					= document.getElementById("date2").value;
	var project_objectives 		= document.getElementById("project_objectives").value;
	var target_audience 		= get_check_value(document.project_form.target_audience);
	var anticipated_outcomes 	= document.getElementById("anticipated_outcomes").value;
	var principal_investigator 	= document.getElementById("principal_investigator").value;
	var phone 					= document.getElementById("phone").value;
	var email 					= document.getElementById("email").value;
	var address 				= document.getElementById("address").value;
	var funding 				= get_radio_value(document.project_form.funding);
	var funding_source 			= document.getElementById("funding_source").value;
	var funding_amount 			= document.getElementById("funding_amount").value;
	var funding_status 			= get_radio_value(document.project_form.funding_status);
		
	new Ajax.Request('/assets/proc-projects.php', {
										method: 'post',
										parameters: {project_title: project_title, 
													 project_type: project_type, 
													 project_subject: project_subject, 
													 project_location: project_location, 
													 date1: date1, 
													 date2: date2, 
													 project_objectives: project_objectives, 
													 target_audience: target_audience, 
													 anticipated_outcomes: anticipated_outcomes,
													 principal_investigator: principal_investigator, 
													 phone: phone,
													 email: email,
													 address: address,
													 funding: funding,
													 funding_source: funding_source,
													 funding_amount: funding_amount,
													 funding_status: funding_status
													},
										onSuccess: function(transport){
														if(transport.responseText == "success"){
															Effect.Fade('form_all', { afterFinish: function(){
																												document.getElementById('form_all').innerHTML = "<p>Thank you for submitting your project. We will be in contact if we need additional information.</p>";
																												Effect.Appear('form_all');
																											 }
																		});
														}else{
															
															show_all();
															
															var response_string = transport.responseText;
															var error = response_string.split("|| ");
															
															document.getElementById('project_title').style.borderColor = "#AAD1EE";
															document.getElementById('project_title').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('project_subject_error').style.color = "#000000";
																														
															document.getElementById('project_location').style.borderColor = "#AAD1EE";
															document.getElementById('project_location').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('date1_day').style.borderColor = "#AAD1EE";
															document.getElementById('date1_day').style.backgroundColor = "#FFFFFF";
															document.getElementById('date1_month').style.borderColor = "#AAD1EE";
															document.getElementById('date1_month').style.backgroundColor = "#FFFFFF";
															document.getElementById('date1_year').style.borderColor = "#AAD1EE";
															document.getElementById('date1_year').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('date2_day').style.borderColor = "#AAD1EE";
															document.getElementById('date2_day').style.backgroundColor = "#FFFFFF";
															document.getElementById('date2_month').style.borderColor = "#AAD1EE";
															document.getElementById('date2_month').style.backgroundColor = "#FFFFFF";
															document.getElementById('date2_year').style.borderColor = "#AAD1EE";
															document.getElementById('date2_year').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('project_objectives').style.borderColor = "#AAD1EE";
															document.getElementById('project_objectives').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('target_audience_error').style.color = "#000000";
															
															document.getElementById('anticipated_outcomes').style.borderColor = "#AAD1EE";
															document.getElementById('anticipated_outcomes').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('principal_investigator').style.borderColor = "#AAD1EE";
															document.getElementById('principal_investigator').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('phone').style.borderColor = "#AAD1EE";
															document.getElementById('phone').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('email').style.borderColor = "#AAD1EE";
															document.getElementById('email').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('address').style.borderColor = "#AAD1EE";
															document.getElementById('address').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('funding_error').style.color = "#000000";
															
															document.getElementById('funding_source').style.borderColor = "#AAD1EE";
															document.getElementById('funding_source').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('funding_amount').style.borderColor = "#AAD1EE";
															document.getElementById('funding_amount').style.backgroundColor = "#FFFFFF";
															
															document.getElementById('funding_status_error').style.color = "#000000";
															
															document.getElementById('error_notice').innerHTML = "Could not submit form. One or more required fields were not provided.";
															
															for(var i=0; i<error.length; i++){
																var temp_obj = document.getElementById(error[i]);

																if(error[i] == "project_title" || 
																   error[i] == "project_location" ||
																   error[i] == "project_objectives" ||
																   error[i] == "anticipated_outcomes" ||
																   error[i] == "principal_investigator" ||
																   error[i] == "phone" ||
																   error[i] == "email" ||
																   error[i] == "address" ||
																   error[i] == "funding_source" ||
																   error[i] == "funding_amount" ) 
																{
																	temp_obj.style.borderColor = "red"; 
																	temp_obj.style.backgroundColor = "#FFEEEE"; 
																} 
																/*
																if(error[i] == "date1"){
																	document.getElementById('date1_day').style.borderColor = "red";
																	document.getElementById('date1_day').style.backgroundColor = "#FFEEEE";
																	document.getElementById('date1_month').style.borderColor = "red";
																	document.getElementById('date1_month').style.backgroundColor = "#FFEEEE";
																	document.getElementById('date1_year').style.borderColor = "red";
																	document.getElementById('date1_year').style.backgroundColor = "#FFEEEE";
																}*/
																if(error[i] == "date2"){
																	document.getElementById('date2_day').style.borderColor = "red";
																	document.getElementById('date2_day').style.backgroundColor = "#FFEEEE";
																	document.getElementById('date2_month').style.borderColor = "red";
																	document.getElementById('date2_month').style.backgroundColor = "#FFEEEE";
																	document.getElementById('date2_year').style.borderColor = "red";
																	document.getElementById('date2_year').style.backgroundColor = "#FFEEEE";
																}
																if(error[i] == "project_subject")
																	document.getElementById('project_subject_error').style.color = "#FF0000";	
																if(error[i] == "target_audience")
																	document.getElementById('target_audience_error').style.color = "#FF0000";	
																if(error[i] == "funding")
																	document.getElementById('funding_error').style.color = "#FF0000";	
																if(error[i] == "funding_status")
																	document.getElementById('funding_status_error').style.color = "#FF0000";	
																
															}
														}
					 								}
	});		
}

function get_check_value(name){
	var c_value = "";
	for(var i=0; i < name.length; i++){
		if(name[i].checked){
		  c_value = c_value + name[i].value + " ";
		}
	}
	return c_value;
}

function get_radio_value(name){
	var c_value = "";
	for(var i=0; i < name.length; i++){
		if(name[i].checked){
		  return name[i].value;
		}
	}
}