// callback po submitanju forme
function showResponse(responseText, statusText)  {
	$("#response").effect("highlight", {}, 3000);
	$("#response").hide("slide", { direction: "up" }, 1000);
}
// callback pred submitanjem forme
function validate(formData, jqForm, options) {
	$(".error").hide();
	$("#name").css({borderColor:"#999999"});
	$("#country").css({borderColor:"#999999"});
	$("#email").css({borderColor:"#999999"});
	var hasError = false;  
	var name = $('input[@name=name]').fieldValue(); 
    var email = $('input[@name=email]').fieldValue();
    var country = $('input[@name=country]').fieldValue();
	var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
 
    if (!name[0] || name[0].length < 4) { 
        $("#name").css({borderColor:"red"});
        hasError = true; 
    }
    if (!country[0] || country[0].length < 4) { 
        $("#country").css({borderColor:"red"});
        hasError = true; 
    }
    if (!email[0] || !pattern.test(email[0])) { 
        $("#email").css({borderColor:"red"});
        hasError = true;
    }

	if(hasError == false) {
		$(".error").hide();
		$("#name").css({borderColor:"#999999"});
		$("#country").css({borderColor:"#999999"});
		$("#email").css({borderColor:"#999999"});
    	return true;
	}else{
		return false;
	}
}

// pripravi formo ko je DOM pripravljen
$(document).ready(function() {
    var options = { 
        target:        '#response',
        beforeSubmit:  validate,
        success:       showResponse,
        // other available options: 
        //url:       url         // overridea form action 
        //type:      type        // overridea form method
        //dataType:  null
        //clearForm: true        // pocisti formo po uspesnem submitanju
        resetForm: true        // resetira formo po uspesnem submitanju
        // $.ajax options npr.
        //timeout:   3000 
    };
    // skrij response div v mirovanju
	$("#response").hide();
    // bind form z 'ajaxForm' 
    $('#val').ajaxForm(options);
})