function onFieldFocus(field, text) {
    if (field.value == text) {
        field.value = '';
    }
}

function onFieldBlur(field, text) {
    if (field.value == '') {
        field.value = text;
    }
}

function callMeNow() {
    var nameField = document.getElementById('CallMeNowName');
    var phoneField = document.getElementById('CallMeNowPhone');
    var resultElement = document.getElementById('CallMeNowResult');

    if (nameField.value == 'Naam' || nameField.value == '') {
        resultElement.innerHTML = '<span style="color: red;">Voer een naam in en klik op \'Bel mij\'.</span>';
        return;
    }
    if (phoneField.value == 'Telefoon' || phoneField.value == '') {
        resultElement.innerHTML = '<span style="color: red;">Voer een telefoonnummer in en klik op \'Bel mij\'.</span>';
        return;
    }

    var phoneRegex = /^(?:\(?0\d{1}\)?[\s-]?\d{8})|(?:\(?0\d{2}\)?[\s-]?\d{7})|(?:\(?0\d{3}\)?[\s-]?\d{6})$/;

    if (!phoneField.value.match(phoneRegex)) {
        resultElement.innerHTML = '<span style="color: red;">Het ingevoerde telefoonnummer lijkt ongeldig te zijn.</span>';
        return;
    }

    BasePage.CallMeNow(nameField.value, phoneField.value, callMeNowCallback);
}

function callMeNowCallback(result) {
    var resultElement = document.getElementById('CallMeNowResult');

    if (result.value == 'success') {
        document.getElementById('CallMeNowForm').style.display = 'none';
        resultElement.innerHTML = 'Uw gegevens zijn verzonden. Wij nemen zo snel mogelijk contact met u op.';
    }
    else {
        resultElement.innerHTML = '<span style="color: red;">' + result.value + '</span>';
    }
}