$(document).ready(function() {
    
        
    
    
        $("#btn").colorbox({opacity :'0.5',width:"500px", inline:true, href:"#feedbackform"});
        
        $('#feedbacksubmit').submit(
            function(){
                var emailch = testPattern($('#ymail').val(),"[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])")
                var namech = $('#yname').val();
                var messch = $('#mess').val();
                
                if (messch){
                    messch = true;
                    $('#lmess').css('color', 'gray');
                }else{
                    $('#lmess').css('color', '#cc0000');
                } 
                
                if (namech){
                    namech = true;
                    $('#lyname').css('color', 'gray');
                }else{
                    $('#lyname').css('color', '#cc0000');
                }
                
                if (emailch){
                    $('#lymail').css('color', 'gray');
                }else{
                    $('#lymail').css('color', '#cc0000');
                }
                
                if (emailch && namech && messch){
                    $.post("mail.php", {name: $('#yname').val(), email: $('#ymail').val(), message: $('#mess').val(),  website: $('#website').val()},
                        function(data) {
                            $.colorbox({opacity :'0.5',width:"400px", inline:true, href:"#cleser"});
                            $('#yname').val('');
                            $('#ymail').val('');
                            $('#mess').val('');
                        }
                    );
                }
                return false;
            }
        );
        
});

function testPattern(value, pattern) {
    var regExp = new RegExp(pattern,"");
    return regExp.test(value);
}