$(document).ready(function(){
	var errorStatus;
	var options = { 
        //target:			'#successDiv',   // target element(s) to be updated with server response 
        beforeSubmit:	showRequest,  // pre-submit callback 
        success:		showResponse,  // post-submit callback 
		url:			'submit.php',
		method:			'get',
		contentType: "application/x-www-form-urlencoded;charset=UTF-8"
		//resetForm:		true
		//clearForm: true
    };
	function loadForm(){
		$.get("facebook_form.html", function(data){
			document.getElementById("adsBlockUI").innerHTML = data;

			var mask = "999 999 99 99";
			$("#phone2").mask(mask, {placeholder:"_"});
			
			$.validator.addMethod("budgetCheck", function(value){
				if(value < 5 && value > 0) {
					return true;
				} else {
					return false;
				}
			}, "");
			
			$("#adsform").validate({
				rules: {
					budget: "budgetCheck",
					
					name: {
						required: true,
						minlength: 6
					},
					company: {
						required: true,
						minlength: 3
					},
					
					email: {
						required: true,
						email: true
					}
				},
				messages: {
					name: "",
					company: "",
					ads: "",
					email: "",
					phone: ""
				}//,
				//errorLabelContainer: $("#adsform .error")
			});
			$("#adsform").ajaxForm(options);
		});
		
	}
	loadForm();
	
	
	/* Form error popup control */
	function errorPopup(errorStatus){
		if(errorStatus == true){
				$("#errorDiv").fadeIn('slow');
				$("#errorDiv").addClass('shake');
		}
		else{
			
		}
	}	
	function showRequest(formData, jqForm, options) {
		console.log("before submitting.");
		var val = formData[2].value;
		if(val == "1" || val == "2" || val == "3"|| val == "4")
		{
			$("#ads_error").removeClass('error');
			$( "#fade" ).remove();
			$( ".sendBtn" ).remove();
			return true; 
		} else {
			if(!$("#ads_error").hasClass("error")) {
				$("#ads_error").addClass('error');
			}
			return false
		}
	}
	function showResponse(responseText, statusText, xhr, $form)  {
		if(statusText == "success" && responseText == "0") {	
			$("#successDiv").fadeIn('slow');
			$("#successDiv").addClass('pulse');
			setTimeout(function(){$.unblockUI();}, 2000);
			setTimeout(function(){loadForm();}, 2500);
		} else {
			$("#errorDiv").fadeIn('slow');
			$("#errorDiv").addClass('pulse');
			setTimeout(function(){$.unblockUI();}, 2000);
			setTimeout(function(){loadForm();}, 2500);
		}
	} 
	
	
	$("#ads").change(function(){
		//$("#adsform").validate().element("#ads");
	});
	
	jQuery.fn.center = function () {
		this.css("position","absolute");
		this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
		this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
		return this;
	};

	$( "#facebookads-icon, #facebookads-logo" ).click(function(){
		var h = ($(window).height() - $( "#adsBlockUI" ).height()) / 2;
		if(h < 0) h = '0px';
		else h = h + 'px';
		$.blockUI({ 
			message: $("#adsBlockUI"), 
			css:{
					backgroundColor: '#000000',
					height: 'auto',
					top: h,
					border: '0', 
					width: '400px'
				} 
			});
	});
	$( "#closeBtn" ).live('click', function(e){
		$.unblockUI();
		loadForm();
	});
});