jQuery.validator.addMethod('string', function(value) {
    return value.match(/^[a-zA-Z() ]*$/);
}, "Please enter only letters with spaces");

$(document).keypress(function(event) {
    if (event.keyCode == 27) {
        $('.wrapper, .vspl, .vsplCompInfo').hide();

        $('#requestForm').clearForm();
        $('#qoutationForm').clearForm();
    }
});

$(document).ready(function() {
    var tabCContainer = $('.bottomMtextContainer').children();
    var tabContents = $.makeArray(tabCContainer);

    $('.passiveEl').live('click', function() {
        $('.bottomMenu .activeEl').attr('class', 'passiveEl');
        $(this).attr('class', 'activeEl');
        $('.bottomMtext').html($(tabContents[$(this).attr('contentid')]).html());

        return false;
    });

    $('#qoutationForm').validate({
        rules: {
            name: {required: true, string: true, maxlength: 255},
            phone: {required: true, maxlength: 255}
        },

        messages: {
            name: {required: ''},
            phone: {required: ''}
        },

        submitHandler: function() {
            $(this).ajaxSubmit({
                url: siteUrl + 'send-qoutation',
                type: 'POST',
                dataType: 'json',
                data: {
                    name: $('input[name="name"]').val(),
                    phone: $('input[name="phone"]').val()
                },
                success: function(data) {
                    if (data == null) {
                        $('#qoutationForm').clearForm();
                        alert('Your qoutation has been sent');
                    }
                    else {
                        alert(data);
                    }
                }
            });
        }
    });

    $('#requestForm').validate({
        rules: {
            company: {required: true, maxlength: 255},
            name: {required: true, string: true, maxlength: 255},
            phone: {required: true, maxlength: 255},
            email: {required: true, email: true, maxlength: 255},
            url: {required: true, maxlength: 255},
            message: {required: true}
        },

        messages: {
            company: {required: ''},
            name: {required: ''},
            phone: {required: ''},
            email: {required: ''},
            url: {required: ''},
            message: {required: ''}
        },

        submitHandler: function() {
            $(this).ajaxSubmit({
                url: siteUrl + 'send-request',
                type: 'POST',
                dataType: 'json',
                data: {
                    company: $('input[name="company"]').val(),
                    name: $('input[name="name"]').val(),
                    phone: $('input[name="phone"]').val(),
                    email: $('input[name="email"]').val(),
                    url: $('input[name="url"]').val(),
                    message: $('#message').val(),
                },
                success: function(data) {
                    if (data == null) {
                        $('#requestForm').clearForm();
                        alert('Your request has been sent');
                    }
                    else {
                        alert(date);
                    }
                }
            });
        }
    });

	$('#contactForm').validate({
		rules: {
			name: {required: true, string: true, maxlength: 255},
			email: {required: true, email: true, maxlength: 255},
            url: {required: true, maxlength: 255},
			subject: {required: true, string: true, maxlength: 255},
			message: {required: true}
		},

		messages: {
			name: {required: '*'},
			email: {required: '*', email: '*'},
            url: {required: '*', url: '*'},
			subject: {required: '*'},
			message: {required: '*'}
		},

		submitHandler: function() {
            if($('#note').css('display') == 'block') {
                $('#note').hide();
                $('#note').empty();
            }
            
            $(this).ajaxSubmit({
                url: siteUrl + 'send-message',
                type: 'POST',
                dataType: 'json',
                data: {
                    name: $('input[name="name"]').val(),
                    email: $('input[name="email"]').val(),
                    url: $('input[name="url"]').val(),
                    subject: $('input[name="subject"]').val(),
                    message: $('#message').val(),
                },
                success: function(data) {
                    if (data == null) {
                        $('#contactForm').clearForm();
                        $('#note').append('Your message has been sent.');
                        $('#note').show();
                    }
                    else {
                        $('#note').append(data);
                        $('#note').show();
                    }
                }
            });
        }
	});

    $('.QQbutton').click(function() {
        $('.wrapper').show();
        $('.vspl').show();

        return false;
    });

    $('.RKbutton').click(function() {
        $('.wrapper').show();
        $('.vsplCompInfo').show();

        return false; 
    });

    $('.closeWindow').click(function() {
        $('.wrapper, .vspl, .vsplCompInfo').hide();

        $('#requestForm').clearForm();
        $('#qoutationForm').clearForm();

        return false;
    });
});