/***********************************
"Tell us your message" (sample.php)
************************************/

var login_area_has_focus = false;
var lock_login_area_open = false;
var logged_in = false;
var sending_in_progress = false;

function tellusym_ShowLogin()
{
	if(!logged_in)
	{
		var login_layer = document.getElementById("tellusym_login_layer_id");
		login_layer.style.visibility = "visible";
		tellusym_SetLoginAreaFocus(true);
	}
}

function tellusym_HideLogin()
{
        if(!lock_login_area_open)
	{
		tellusym_SetLoginAreaFocus(false);
		self.setTimeout('tellusym_HideLoginTrigger()',100);
	}
}

// This function prevents flicker
function tellusym_HideLoginTrigger()
{
	if(!login_area_has_focus)
	{
	        var login_layer = document.getElementById("tellusym_login_layer_id");
		login_layer.style.visibility = "hidden";
	}
}

function tellusym_LockLoginAreaOpen(lock)
{
	if(lock == true)
        	lock_login_area_open = true;
        else
        	lock_login_area_open = false;
}

function tellusym_SetLoginAreaFocus(has_focus)
{
	login_area_has_focus = has_focus;
}

//function tellusym_DisplayLoginBoxes()
//{
//	document.getElementById("tellusym_login_button_id").style.display = 'none';
//	document.getElementById("tellusym_login_fields_id").style.display = 'block';
//}

function tellusym_SendMessage()
{
	if(!logged_in)
	{
		return true;
	}
	if(!sending_in_progress)
	{
		var card_message = document.getElementById("tellusym_card_message_id").value;
		var online_message = document.getElementById("tellusym_online_message_id").value;
		var what_it_did = document.getElementById("tellusym_what_it_did_id").value;


		//if(!card_message || !online_message || !what_it_did) // <-- ALL fields are required
		if(!(card_message || online_message || what_it_did)) // <-- At least one of the fields is required
		{
		        //alert('You have not yet filled out any information!');
		}
		else
		{
			sending_in_progress = true;
		        var post_parameter_array = Array();
			post_parameter_array[0] = Array("card_message", card_message);
			post_parameter_array[1] = Array("online_message", online_message);
			post_parameter_array[2] = Array("what_it_did", what_it_did);
			//DoHTTPRequest('sample.php?param=ajax&subop=submit_form&card_message='+card_message+'&online_message='+online_message+'&what_it_did='+what_it_did+'&', tellusym_SendMessage_HTTPRequestHandler);
			DoHTTPRequest('sample.php?param=ajax&subop=submit_form&', tellusym_SendMessage_HTTPRequestHandler, post_parameter_array);
		}
	}
	else
	{
	        alert('Your message is already in the process of being sent.');
	}
}

function tellusym_SendMessage_HTTPRequestHandler()
{
	var http_output;
	// only if req shows "complete"
	if (do_req.readyState == 4)
	{
		sending_in_progress = false;
		// only if "OK"
		if (do_req.status == 200)
		{
			http_output = do_req.responseText;

		        //document.getElementById("tellusym_submit_id").innerHTML = http_output;

		        if(http_output == "success")
		        {
		                document.getElementById("tellusym_submit_success_id").style.display = 'block';
        			document.getElementById("tellusym_submit_fail_id").style.display = 'none';
        			document.getElementById("tellusym_submit_id").style.display = 'none';

		                document.getElementById("tellusym_card_message_id").disabled = true;
		                document.getElementById("tellusym_online_message_id").disabled = true;
		                document.getElementById("tellusym_what_it_did_id").disabled = true;
		                
		                document.getElementById("tellusym_card_message_id").style.backgroundColor = '#f9e1ed';
		                document.getElementById("tellusym_online_message_id").style.backgroundColor = '#f9e1ed';
		                document.getElementById("tellusym_what_it_did_id").style.backgroundColor = '#f9e1ed';
		        }
		        else
		        {
		                document.getElementById("tellusym_submit_fail_id").style.display = 'block';
		                document.getElementById("tellusym_submit_success_id").style.display = 'none';
        			document.getElementById("tellusym_submit_id").style.display = 'none';
		        }
		}
		else
		{
			//alert("There was a problem retrieving the HTTPRequestHandler data:" + do_req.statusText);
		        alert("We're sorry, there was a problem retrieving information from the server. \r\nPlease try again...");
		}
	}

	//DisplayReadyState((do_req.readyState==4?null:do_req.readyState));
}

function tellusym_DisplaySendNewMessageForm()
{
        document.getElementById("tellusym_submit_success_id").style.display = 'none';
        document.getElementById("tellusym_submit_fail_id").style.display = 'none';
        document.getElementById("tellusym_submit_id").style.display = 'block';
	//alert('tellusym_DisplaySendNewMessageForm');
}


function tellusym_CheckKey(e)
{
	if(!logged_in)
	{
	        var keyCode = window.Event ? whichCode = e.which : e.keyCode;
	        switch(keyCode)
	        {
	                case 13: // "ENTER"
	                	tellusym_SubmitLogin();
	                break;
	        }

	        tellusym_ClearLoginMessage();
	}

}

function tellusym_SubmitLogin()
{
	//var user = document.getElementById("tellusym_user").value;
	//var pass = document.getElementById("tellusym_pass").value;


	var post_parameter_array = Array();
	post_parameter_array[0] = Array("email",document.getElementById("tellusym_email").value);
	post_parameter_array[1] = Array("password",document.getElementById("tellusym_password").value);

	document.getElementById("tellusym_login_message_id").innerHTML="Logging in...";
	
	DoHTTPRequest('sample.php?param=ajax&subop=login&', tellusym_SubmitLogin_HTTPRequestHandler, post_parameter_array);
}

function tellusym_SubmitLogin_HTTPRequestHandler()
{
	var http_output;
	// only if req shows "complete"
	if (do_req.readyState == 4)
	{
		// only if "OK"
		if (do_req.status == 200)
		{
			http_output = do_req.responseText;
			
		        //document.getElementById("tellusym_login_table_content_id").innerHTML = http_output;
		        if(http_output == "success")
		        {
		                document.getElementById("tellusym_login_message_id").innerHTML = '<b>Log-in Successful!</b>';
		                document.getElementById("tellusym_login_submit_id").onclick = function(){};
				document.getElementById("tellusym_email").disabled = true;
				document.getElementById("tellusym_password").disabled = true;
		                document.getElementById("template_logout_link_id").style.display = 'inline';
		                document.getElementById("template_login_link_id").innerHTML = 'My Account';
		                logged_in = true;
		                self.setTimeout('tellusym_EnableForm()',1000);
		        }
		        else if(http_output == "disabled")
		        {
		                document.getElementById("tellusym_login_message_id").innerHTML = '<div class="tellusym_login_error">This account has been disabled!</div>';
		        }
		        else
		        {
		                document.getElementById("tellusym_login_message_id").innerHTML = '<div class="tellusym_login_error">Incorrect log-in information!</div>';
		        }
		}
		else
		{
			//alert("There was a problem retrieving the HTTPRequestHandler data:" + do_req.statusText);
		        alert("We're sorry, there was a problem retrieving information from the server. \r\nPlease try again...");
		}
	}

	//DisplayReadyState((do_req.readyState==4?null:do_req.readyState));
}

function tellusym_ClearLoginMessage()
{
	document.getElementById("tellusym_login_message_id").innerHTML = '&nbsp;';
}

function tellusym_EnableForm()
{
        logged_in = true;
        //tellusym_HideLogin();
	login_layer = document.getElementById("tellusym_login_layer_id").style.visibility = "hidden";
	document.getElementById("tellusym_card_message_id").style.backgroundColor="white";
	document.getElementById("tellusym_online_message_id").style.backgroundColor="white";
	document.getElementById("tellusym_what_it_did_id").style.backgroundColor="white";
	document.getElementById("tellusym_card_message_id").disabled = false;
	document.getElementById("tellusym_online_message_id").disabled = false;
	document.getElementById("tellusym_what_it_did_id").disabled = false;
}
function tellusym_ResetForm()
{
        tellusym_EnableForm();
	document.getElementById("tellusym_form_id").reset();
	tellusym_DisplaySendNewMessageForm();
}