$(document).ready(function() {
    var width = 530;
    var height = 354;
    var left = parseInt(($(window).width()/2) - (width/2));
    var top = parseInt(($(window).height()/2) - (height/2));
	$.blockUI.defaults.css = {
		left: left,
		top: top,
		padding: '0',
		margin: '0'
	}
	$("#fetsubmit").css('cursor','pointer');
	$("#linkEmailTo").css('cursor','pointer');
	$('#linkEmailTo').click(function() { 
		$.blockUI({ 
			message: $("#mailtodiv"),centerY: false,css: { top: top, left: left } 
		});
		initBinding();
		$("#fetform").resetForm();
		$("#feterror").hide();
		$("#feturname").removeClass('inputerror');$("#feturname").addClass('inputdefault');
		$("#feturemail").removeClass('inputerror');$("#feturemail").addClass('inputdefault');
		$("#fethisemail").removeClass('inputerror');$("#fethisemail").addClass('inputdefault');
		$("#fetmessage").removeClass('inputerror');$("#fetmessage").addClass('inputdefault');
		return false; 
	});

	$('#fetclose').click(function() { 
		$.unblockUI(); 
		return false; 
	});
	
	 var fetoptions = {  
		beforeSubmit:  showEmailToRequest,  // pre-submit callback 
		success:       showEmailToResponse,  // post-submit callback 
		url: 'includes/emailto.php',
		type: 'post',
		dataType: 'html'
	};
 
	// bind to the form's submit event 
	$('#fetform').submit(function() { 
		$(this).ajaxSubmit(fetoptions); 
		return false; 
	});

});


function initBinding(){
	$('#fetclose').click(function() {
		$.unblockUI();
	});
}

function showEmailToRequest(formData, jqForm, options) {  
	
	var feturname 	 = $("#feturname");
	var feturemail  = $("#feturemail");
	var fethisemail = $("#fethisemail");
	var fetmessage  = $("#fetmessage");
	
	if (!feturname.val()){setfetError(feturname);return false;}else{clearfetError(feturname);}
	if (!feturemail.val()){
		setfetError(feturemail);
		return false;
	}else if(validateFETEmail(feturemail.val())==false){
		setfetError(feturemail);
		return false;
	}else{
		clearfetError(feturemail);
	}
	
	if (!fethisemail.val()){
		setfetError(fethisemail);
		return false;
	}else if(validateFETEmail(fethisemail.val())==false){
		setfetError(fethisemail);
		return false;
	}else{
		clearfetError(fethisemail);
	}
	
	if (!fetmessage.val()){setfetError(fetmessage);return false;}else{clearfetError(fetmessage);}
	var image1 = $('<img border="0" />').attr('src', 'images/loading.gif');
	image1src = image1.attr('src');
	$('div.fetbcontent').block({ 
		message: '<span id="processing"><img border="0" src="'+image1src+'" align="absmiddle" hspace="6" />Processing E-Mail Form...</span>', 
		css: { 
			border: 'none',
			padding: '15px',
			backgroundColor: '#202834',
			'-webkit-border-radius': '10px', 
			'-moz-border-radius': '10px', 
			opacity: .8, 
			color: '#000000',
			width: '40%',
			top:   '40%',
			left:  '35%',
			textAlign:'center',
			cursor: 'wait',
			border:'3px solid #aaa'
		} 
	});
	
    return true; 
}

function showEmailToResponse(responseText, statusText)  { 
	if(responseText == 'success'){
		var valider = $('<img border="0" />').attr('src', 'images/valider.png');
		validersrc = valider.attr('src');
		$('div.fetbcontent').block({ 
			message: '<span id="thanks"><img border="0" src="'+validersrc+'" align="absmiddle" hspace="6" />E-Mail has been send successfully</span>', 
			css: { 
				border: 'none',
				padding: '15px',
				backgroundColor: '#202834',
				'-webkit-border-radius': '10px', 
				'-moz-border-radius': '10px', 
				opacity: .8, 
				color: '#000000',
				width: '50%',
				top:   '40%',
				left:  '40%',
				textAlign:'center',
				cursor: 'wait',
				border:'3px solid #aaa'
			} 
		});
		setTimeout(unlockingMe, 2000);
	}else{
		var warning = $('<img border="0" />').attr('src', 'images/warning.png');
		warningsrc = warning.attr('src');
		$('div.fetbcontent').block({
			message: '<span id="thanks"><img border="0" src="'+warningsrc+'" align="absmiddle" hspace="6" />Error occured, please try again later...</span>', 
			css: { 
				border: 'none',
				padding: '15px',
				backgroundColor: '#202834',
				'-webkit-border-radius': '10px', 
				'-moz-border-radius': '10px', 
				opacity: .8, 
				color: '#000000',
				width: '50%',
				top:   '40%',
				left:  '40%',
				textAlign:'center',
				cursor: 'wait',
				border:'3px solid #aaa'
			} 
		});
		setTimeout(unlockingMe, 2000);
	} 
} 

function unlockingMe(){
	$('div.fetbcontent').unblock();
	$.unblockUI();
}

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

function clearfetError(obj){
	$("#feterror").hide();
	obj.removeClass('inputerror');
	obj.addClass('inputdefault');
}

function validateFETEmail(elementValue){
	var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	return emailPattern.test(elementValue);
}