/* ********************************** */
/*                                    */
/*                                    */
/*  NOTE TO DEV: Please read comments */
/*                                    */
/*                                    */
/* ********************************** */


ubpSendTxt = function() { 
	// Identify form element
	var txtRecipient = document.getElementById("txtMsgRecipient") ;
	var txtMessage = document.getElementById("txtMsgMessageContent") ;
	var txtButton = document.getElementById("txtMsgSend") ;
	
	// Disable form elements
	txtRecipient.disabled = "disabled";
	txtMessage.disabled = "disabled";
	txtButton.disabled = "disabled";
	
	// Apply grayed-out style to buttons
	txtButton.style.opacity = ".4";
	txtButton.style.filter = "alpha(opacity=40)"; // IE-only
	
	// Insert "sending" animation
	document.getElementById("ubpSendStatus").innerHTML = '<img src="../ui/images/img-sendingAnim.gif" alt="Sending, please wait" />'
	
	/* **************************************************************************************** */
	/*                                                                                          */
	/*                                                                                          */
	/*  NOTE TO DEV: This would be where you insert/create XMLHTTPRequest function to send form */
	/*                                                                                          */
	/*                                                                                          */
	/* **************************************************************************************** */
	
}
sprint_toggleFade = function(whichItem) {

	/* ******************************************************* */
	/*                                                         */
	/*                                                         */
	/*  NOTE TO DEV: Once response received, run this function */
	/*                                                         */
	/*                                                         */
	/* ******************************************************* */

	// Identify itme to be faded
	var toBeFaded = document.getElementById(whichItem);
	
	// Establish array of opacity values to cycle through
	var opacs = ["0",".1",".2",".3",".4",".5",".6",".7",".8",".9","1"];

	function doFade() {
		// Cycle through each opacity value established above
		setTimeout('document.getElementById(\'' + whichItem + '\').style.opacity = "' + opacs[i] + '";', i * 80); // Modern browsers
		setTimeout('document.getElementById(\'' + whichItem + '\').style.filter = "alpha(opacity=' + opacs[i] * 100 + ')";', i * 80); // IE-only
	}
	if (toBeFaded.style.display == 'none') {
		toBeFaded.style.opacity = '0';
		toBeFaded.style.display = 'block'; // Reveal layer by changing from default view of "none" to "block"
		for (var i = 0; i < 11; i++) { doFade(); }
	} else {
		opacs.reverse(); // Reverse opacity array order
		for (var i = 0; i < 11; i++) { doFade(); }
		setTimeout('document.getElementById(\'' + whichItem + '\').style.display = "none";', i * 80);
	}
	// Remove "sending" animation
	document.getElementById("ubpSendStatus").innerHTML = '&nbsp;'

	// Identify form element
	var txtRecipient = document.getElementById("txtMsgRecipient") ;
	var txtMessage = document.getElementById("txtMsgMessageContent") ;
	var txtButton = document.getElementById("txtMsgSend") ;
	
	if (txtRecipient.disabled = true) {

		// Re-enable form elements
		txtRecipient.disabled = false;
		txtMessage.disabled = false;
		txtButton.disabled = false;

		// Undo grayed-out style to buttons
		txtButton.style.opacity = ".99";
		txtButton.style.filter = "alpha(opacity=100)";

		// Remove "sending" animation
		document.getElementById("ubpSendStatus").innerHTML = '&nbsp;';

		// Resurrect default form values
		txtRecipient.value = "Recipient Phone Number";
		txtMessage.value = "Your message";
	}
}