$(document).ready(function() {
	$("li[id='clntlink']").hover(
	  function () {
		$(this).removeClass('serviceslinormal');
		$(this).addClass('servicesliover');
	  }, 
	  function () {
		$(this).removeClass('servicesliover');
		$(this).addClass('serviceslinormal');
	  });
	$('#btnbuildplan').css({'cursor':'pointer'});
	 var options = {  
		beforeSubmit:  showPlanRequest,  // pre-submit callback 
		success:       showPlanResponse,  // post-submit callback 
		url: 'includes/planrequest.php',
		type: 'post',
		dataType: 'html'
	};
 
	// bind to the form's submit event 
	$('#planform').submit(function() { 
		$(this).ajaxSubmit(options); 
		return false; 
	});

});

function showPlanRequest(formData, jqForm, options) {  
	
	clearError();
	var name 	= $("#planame");
	var title 	= $("#plantitle");
	var company = $("#plancompany");
	var email 	= $("#planemail");
	
	if (!name.val()){setError(name);return false;}else{clearError();}
	if (!title.val()){setError(title);return false;}else{clearError();}
	if (!company.val()){setError(company);return false;}else{clearError();}
	if (!email.val()){
		setError(email);
		return false;
	}else if(echeck(email.val())==false){
		setError(email);
		return false;
	}else{
		clearError();
	}
	
	$.blockUI({ 
		message: '<span id="processing"><img border="0" src="images/loading.gif" align="absmiddle" /> Processing Plan Form...</span>', 
		css: { 
			border: 'none',
			padding: '15px',
			backgroundColor: '#ffffff',
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .8, 
			color: '#000000',
			width: '20%',
			top:   '40%',
			left:  '35%',
			textAlign:'center',
			cursor: 'wait',
			border:'3px solid #aaa'
		} 
	});
	
    return true; 
}

function showPlanResponse(responseText, statusText)  { 
	if(responseText == 'success'){
		$.blockUI({ 
			message: '<span id="thanks">Thank you for your request, we will process your plan and contact you soon.</span>', 
			css: { 
				border: 'none',
				padding: '15px',
				backgroundColor: '#ffffff',
				'-webkit-border-radius': '10px', 
				'-moz-border-radius': '10px', 
				opacity: .8, 
				color: '#000000',
				width: '30%',
				top:   '40%',
				left:  '35%',
				textAlign:'center',
				cursor: 'wait',
				border:'3px solid #aaa'
			} 
		});
		setTimeout($.unblockUI, 4000);
	}else{
		$.blockUI({
			message: '<span id="thanks">Error occured, please try again later...</span>', 
			css: { 
				border: 'none',
				padding: '15px',
				backgroundColor: '#ffffff',
				'-webkit-border-radius': '10px', 
				'-moz-border-radius': '10px', 
				opacity: .8, 
				color: '#000000',
				width: '20%',
				top:   '40%',
				left:  '35%',
				textAlign:'center',
				cursor: 'wait',
				border:'3px solid #aaa'
			} 
		});
		setTimeout($.unblockUI, 2000);
	} 
} 

function setError(obj){
	$("#diverror").show();
	$("#diverror").html("Required...");
	obj.removeClass('inputdefault').addClass('inputerror');
	obj.focus();
}

function clearError(){
	$("#diverror").hide();
}

function echeck(str) {
	var at="@";
	var dot=".";
	var lat=str.indexOf(at);
	var lstr=str.length;
	var ldot=str.indexOf(dot);
	if (str.indexOf(at)==-1){
	   return false;
	}
	
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
	   return false;
	}
	
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		return false;
	}
	
	 if (str.indexOf(at,(lat+1))!=-1){
		return false;
	 }
	
	 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		return false;
	 }
	
	 if (str.indexOf(dot,(lat+2))==-1){
		return false;
	 }
	
	 if (str.indexOf(" ")!=-1){
		return false;
	 }
	
	 return true;				
}