$(document).ready(function() {
   $("#sendBtn").click(function () { 

if(!isValidFormData())
	return false;
SendFormData();
return false;
    });
});


function SendFormData(){
    var divToBeWorkedOn = '#contact_form';
    var webMethod = '/webservices/EmailXmlRenderer.aspx';
    $.ajax({        
            type: "GET",        
            url: webMethod,        
            data: {
		methode:'sendEmail',
		Recipient: $("#recipient").text(),
		Subject: $("#subject").text(),
		PageTitle: $("#mailTitle").text(),
		Sender: $("#sender").text(),
		FormExtensionTitle: $("#formExtensionTitle").text(),
		FormExtensionMainDescription: $("#formExtensionMainDescription").text(),
		Group1Title: $("#group1Title").text(),
		Group1Element1: $("input[name=group1Element1]:checked").val(),
		Group1Element2: $("input[name=group1Element2]:checked").val(),
		Group1Element3: $("input[name=group1Element3]:checked").val(),
		Group1Element4: $("input[name=group1Element4]:checked").val(),
		FormExtensionDescription2: $("#formExtensionDescription2").text(),		
		Group2Title: $("#group2Title").text(),
		Group2Val: $("input[name=group2]:checked").val(),
		Group3Title: $("#group3Title").text(),
		Group3Val: $("input[name=group3]:checked").val(),
		Group4Title: $("#group4Title").text(),
		Group4Element1: $("input[name=group4Element1]:checked").val(),
		Group4Element2: $("input[name=group4Element2]:checked").val(),
		Group4Element3: $("input[name=group4Element3]:checked").val(),
		Group4Element4: $("input[name=group4Element4]:checked").val(),
		Group4Element5: $("input[name=group4Element5]:checked").val(),
		Name: $("input#name").val(),                    
		Surname: $("input#surname").val(),                    
 		PhoneNumber: $("input#phoneNumber").val(),                    
 		Email: $("input#email").val(),
 		Address: $("input#address").val(),                    
 		ZipCode: $("input#zipCode").val(),                    
 		Ort: $("input#ort").val(),                    
	 	Mobile: $("input#mobile").val(),
 		WorkNumber: $("input#workNumber").val(),                    
 		Comments: $("#comments").val()
		
	   },
            success: function(msg) {                    
                $(divToBeWorkedOn).html(msg);        
                //alert("Succeeded")
            },        
            error: function(e){                
                $(divToBeWorkedOn).html("Unavailable");  
                //alert("failed");                                
            }
    });
return false;
}

function isValidFormData()
{
var name = $("input#name").val();   
if (name == "" || !isValidText(name)) {   
$("input#name").focus(); 
$("#nameSpan").css({'color':'red'});  
return false;
}
else
$("#nameSpan").css({'color':'#6e6e6e'}); 

var surname= $("input#surname").val();   
if (surname == "" || !isValidText(surname)) {   
$("input#surname").focus();  
$("#surnameSpan").css({'color':'red'});   
return false;
}
else
$("#surnameSpan").css({'color':'#6e6e6e'}); 

var phoneNumber= $("input#phoneNumber").val();   
if (phoneNumber== "" || !isValidNumber(phoneNumber)) {   
$("input#phoneNumber").focus();   
$("#phoneNumberSpan").css({'color':'red'});  
return false;
}
else
$("#phoneNumberSpan").css({'color':'#6e6e6e'}); 

var email= $("input#email").val();   
if (email== "" || !isValidEmailAddress(email)) {   
$("input#email").focus();   
$("#emailSpan").css({'color':'red'});  
return false;
}
else
$("#emailSpan").css({'color':'#6e6e6e'}); 

return true;
}


function isValidEmailAddress(emailAddress) { 
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i); 
return pattern.test(emailAddress); 
}

function isValidText(text)
{
	var pattern = new RegExp("[A-Za-z\\s]");
	return pattern.test(text); 
}

function isValidNumber(number)
{
	var pattern = new RegExp("[0-9\\s]");
	return pattern.test(number); 
}