﻿function showLogin(){
	document.getElementById('loginDiv').innerHTML='<h3>Association Member Login</h3><div id="message">The member portal is for Western Growers association members.</div><div id="loginContent"><h3>Login to Member Area</h3><table align="center"><tr><td><b>Username:</b></td><td><b>Password:</b></td></tr><tr><td><input id="username" type="text" name="username"></td><td><input id="password" type="password" name="password"></td></tr><tr><td colspan=2><div class="bttnDiv"><a onclick="login()" class="button"><span class="login">Log In Your Account</span></a></div></td></tr></table></div><div id="passContent"><h3>Forgot Password</h3><table align="center"><tr><td><b>Enter the email address:</b></td></tr><tr><td><input id="email" type="text" name="email"></td></tr><tr><td><div><a onclick="forgotPass()" class="button"><span class="login">Send Password</span></a></div></td></tr> </table></div>';
	Lightview.show('#loginDiv');
}
function login(){
	var user = $('username').value;
	var pass = $('password').value;
	var url = 'login-test.php';
	
	var ajax_req = new Ajax.Request(
	url,
	{ 
		method: 'post',
		parameters: {username: user,password: pass},
		onCreate: showLoading,
		onComplete: refreshPage	
	});
}
function forgotPass(){
	var _email = $('email').value;
	var url = 'forgotPass.php';
	var ajax_req = new Ajax.Request(
	url,
	{
		method: 'post',
		parameters: {email: _email},
		onCreate: showLoading,
		onComplete: showResults
	});
}
function validateField(_FieldVar,_DivId){
	var _FieldValue = $(_DivId).value;
	var url = 'validateField.php'; 
	var divId = "validate"+_DivId; 
	/*document.getElementById(divId).innerHTML=_FieldVar+_FieldValue+divId;*/
	var ajax_req = new Ajax.Request(
	url,
	{ 
		method: 'post',
		parameters: {FieldVar: _FieldVar,FieldValue: _FieldValue,DivId: _DivId},
		onComplete: showValidation	
	});
}

function submitForm(formID,url,op){
	
	var ajax_req = new Ajax.Request(
		url,
		{
			method: 'post',
			parameters: $(formID).serialize(true),
			onLoading: function()
			{
				$(formID).insert({top: '<p id="loading"><img src="/ContentImages/progress-sm.gif">Loading...</p>'});
			},
			onComplete: function(resp)
			{
				resp = resp.responseText;
				$('loading').remove();//Remove Loading gif
					
				if(op == 'refresh'){
					var r = resp.split('|');
					if(r[1]=='ERROR')
					 $('status-msg').innerHTML = r[2];
					else
					  window.location.reload();
				}else if(op == 'redirect'){
					var r = resp.split('|');
					if(r[1]=='URL')
					  window.location = r[2];
					else
					  $('status-msg').innerHTML = resp;
					
				}else if(op == 'insert'){				
					$('status-msg').innerHTML = resp;								
				}else{
					$(formID).insert({top: '<div id="status-msg">'+resp+'</div>'});
				}			
			} ,
			onFailure: function()
			{
				$('loading').remove();
				$(formID).insert({top: '<p class="required-brd">An error occurred while processing your request.Contact site administrator</p>'});
			}
		}
	);
	Event.observe(formID, 'submit', function(event){
    	Event.stop(event); // stop the form from submitting
	});	
}

function processMembership(_submit){
	var url = 'annualduesprocess.php';
	
	var ajax_req = new Ajax.Request(
	url,
	{
		method: 'post',		
		parameters: {submit: _submit},
		onCreate: showLoadingTop,
		onComplete: gotoPage	
	});
}
/*==============================Responses====================================*/
function showValidation(resp){
	resp = resp.responseText;

	var splitResult = resp.split("-");
	var divId = "validate"+splitResult[0];
	document.getElementById(divId).innerHTML=splitResult[1];
}
function showLoading(){
	document.getElementById('message').innerHTML='<img src="/ContentImages/progress-sm.gif"> Processing...';
}
function showLoadingTop(){
	document.getElementById('message-top').innerHTML='<img src="/ContentImages/progress-sm.gif"> Processing...';
}
function showLoadingAM(){
	document.getElementById('message-top').innerHTML='<img src="/ContentImages/progress-sm.gif"> Processing...';
	document.getElementById('message-bot').innerHTML='<img src="/ContentImages/progress-sm.gif"> Processing...';
}

function gotoPage(resp){
	resp = resp.responseText;
	var error = resp.substring(2,8);
	var strLen = resp.length;
	var errorMesg = resp.substring(8,strLen);
	if(error == "Error:"){
		document.getElementById('message-bot').innerHTML='<p class=\"required-brd\">'+errorMesg+'</p>';
		document.getElementById('message-top').innerHTML='<p class=\"required-brd\">'+errorMesg+'</p>';
	}else{
		document.location.href=resp;
	}
}
function refreshPage(resp){	
	resp = resp.responseText;
	if(resp == 1){
		location.reload(true);
	}else{
		document.getElementById('message').innerHTML=resp;				
	}
}

function showResults(resp){
	resp = resp.responseText;
	var error = resp.substring(2,8);
	var strLen = resp.length;
	var errorMesg = resp.substring(8,strLen);
	if(error == "Error:")
		document.getElementById('message').innerHTML=errorMesg;
	else
		document.getElementById('message').innerHTML='<p class="green-brd">We found it.</p><p class="green">'+resp+'</p>';
}

