function clearForm(p_objForm) {
    for(i = 0; i < p_objForm.elements.length; i++) {
        if(!p_objForm.elements[i].disabled && p_objForm.elements[i].type != 'radio' && p_objForm.elements[i].type != 'select-one') {
            p_objForm.elements[i].value = '';
            p_objForm.elements[i].checked = false;
        }
    }
    if(document.getElementById('end_nav') != null && document.getElementById('divMsg') != null) {
        document.getElementById('end_nav').removeChild(document.getElementById('divMsg'));
    }
    if(document.getElementById('addMember')) {
        document.getElementById('addMember').innerHTML = '';
        m_intCount = 2;
    }
    if(document.getElementById('addCoWorker')) {
        document.getElementById('addCoWorker').innerHTML = '';
        m_intCounter = 1;
    }
}

function fillBasket(p_objForm) {
    p_objForm.action = '/FormHandler/Save.aspx?action=fillBasket';
    if(checkFormBestellen(p_objForm)) {
        p_objForm.submit();
    }
}

function submitForm(p_objForm, p_strAction) {
    p_objForm.action = p_strAction;
    if(checkForm(p_objForm)) {
        p_objForm.submit();
    }
}

function removeItem(p_intId) {
    window.location = '/FormHandler/Save.aspx?action=removeItem&id=' + p_intId;
}
function checkFormBestellen(p_objForm)
{
    if (isNaN(document.getElementById('Aantal').value))
    {
        alert('Aantal moet een geheel getal zijn.');
        document.getElementById('Aantal').focus();
        return false;
    }
    else if(document.getElementById('Aantal').value.indexOf('.')!=-1)
    {
        alert('Aantal moet een geheel getal zijn.');
        document.getElementById('Aantal').focus();
        return false;
    }
    else if(document.getElementById('Aantal').value.indexOf('-')>-1 )
    {
        alert('Aantal moet een positief getal zijn.');
        document.getElementById('Aantal').focus();
        return false;
    }
    else if (document.getElementById('Aantal').value=='')
    {
        alert('Aantal mag niet leeg zijn.');
        document.getElementById('Aantal').focus();
        return false;
    }
    else if (document.getElementById('Aantal').value=='0')
    {
        alert('Aantal mag geen nul zijn.');
        document.getElementById('Aantal').focus();
        return false;
    }
    for(i = 0; i < p_objForm.elements.length; i++) {
        if(p_objForm.elements[i].id != '' && p_objForm.elements[i].value.length < 1) {
            alert(p_objForm.elements[i].id + ' mag niet leeg zijn');
            p_objForm.elements[i].focus();
            return false;
        }
        else if ((p_objForm.elements[i].id.indexOf('E-mail') > -1 || p_objForm.elements[i].name.indexOf('email') > -1 ) && p_objForm.elements[i].value.length > 0 && !(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(p_objForm.elements[i].value))) {
            alert('Dit is geen valide e-mailadres');
            p_objForm.elements[i].focus();
            return false;
        } else if(p_objForm.elements[i].id.indexOf('Telefoon') > -1 || p_objForm.elements[i].name.indexOf('telefoon') > -1) {
            if(!isValidPhonenumber(p_objForm.elements[i].value) || p_objForm.elements[i].value.length > 15) {
                alert('Dit is geen valide telefoonnummer');
                p_objForm.elements[i].focus();
                return false;
            }
        } else if(p_objForm.elements[i].name.indexOf('postcode') > -1 || p_objForm.elements[i].name.indexOf('pc') > -1) {
            if(p_objForm.elements[i].value.length > 0){
                if(!isValidZipcode(removeSpaces(p_objForm.elements[i].value))) {
                    alert('Dit is geen valide postcode');
                    p_objForm.elements[i].focus();
                    return false;
                }
            }
        }
    }
    return true;
}

function isDate(p_strDate) {
    var l_rgxEpx = /^(\d{1,2})(\/|-)(\d{1,2})(\/|-)(\d{4})$/;
    return l_rgxEpx.test(p_strDate);
}

function checkAvailable(p_objForm){
    if ((document.all && document.getElementById('Beschikbaarheid').innerText > 0) || document.getElementById('Beschikbaarheid').textContent > 0) {
        return checkForm(p_objForm);
    } else {
        alert('Voor deze datum zijn niet genoeg plaatsen vrij');
        return false;
    }    
}
function checkForm(p_objForm) {
    for (i = 0; i < p_objForm.elements.length; i++) {
        if (p_objForm.elements[i].name == 'functie') {
            p_objForm.elements[i].value = p_objForm.elements[i].value.replace(/,/gi, '|');
        }
        if ((p_objForm.elements[i].style.display  == 'block' || p_objForm.elements[i].style.display  == '') && p_objForm.elements[i].id != '' && p_objForm.elements[i].value.length < 1 && p_objForm.elements[i].rel != 'nietVerplicht') {
            alert('Het veld \'' + p_objForm.elements[i].id + '\' mag niet leeg zijn');
            p_objForm.elements[i].focus();
            p_objForm.elements[i].color='red';
            return false;
        }
        else if ((p_objForm.elements[i].style.display  == 'block' || p_objForm.elements[i].style.display  == '') && (p_objForm.elements[i].id.indexOf('E-mail') > -1 || p_objForm.elements[i].name.indexOf('email') > -1 ) && p_objForm.elements[i].value.length > 0 && !(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(p_objForm.elements[i].value))) {
            alert('Dit is geen valide e-mailadres');
            p_objForm.elements[i].focus();
            p_objForm.elements[i].color='red';
            return false;
        } else if(p_objForm.elements[i].style.display  == 'block' && p_objForm.elements[i].id.indexOf('Telefoon') > -1 || p_objForm.elements[i].name.indexOf('telefoon') > -1) {
            if(!isValidPhonenumber(p_objForm.elements[i].value) || p_objForm.elements[i].value.length > 15) {
                alert('Dit is geen valide telefoonnummer');
                p_objForm.elements[i].focus();
                p_objForm.elements[i].color='red';
                return false;
            }
        } else if(p_objForm.elements[i].style.display  == 'block' && p_objForm.elements[i].name.indexOf('postcode') > -1 || p_objForm.elements[i].name.indexOf('pc') > -1) {
            if(p_objForm.elements[i].value.length > 0){
                if(!isValidZipcode(removeSpaces(p_objForm.elements[i].value))) {
                    alert('Dit is geen valide postcode');
                    p_objForm.elements[i].focus();
                    p_objForm.elements[i].color='red';
                    return false;
                }
            }
        } else if (p_objForm.elements[i].style.display  == 'block' && p_objForm.elements[i].name.indexOf('datum') > -1 && isDate(p_objForm.elements[i].value)) {
            alert('Dit is geen valide datum');
            p_objForm.elements[i].focus();
            p_objForm.elements[i].color='red';
            return false;
        } else if ((p_objForm.elements[i].style.display  == 'block' || p_objForm.elements[i].style.display  == '') && p_objForm.elements[i].id == 'annuleringsvoorwaarden' && p_objForm.elements[i].type == 'checkbox' && !p_objForm.elements[i].checked) {
            alert('U dient eerst akkoord te gaan met de annuleringsvoorwaarden');
            p_objForm.elements[i].focus();
            p_objForm.elements[i].color='red';
            return false;
        } else if ((p_objForm.elements[i].style.display  == 'block' || p_objForm.elements[i].style.display  == '') && (p_objForm.elements[i].type == 'radio' || p_objForm.elements[i].type == 'checkbox') && ($("input[name='"+p_objForm.elements[i].name+"']:checked").length == 0 && p_objForm.elements[i].id.length > 0) && p_objForm.elements[i].rel != 'nietVerplicht') {
            alert(p_objForm.elements[i].name + ' mag niet leeg zijn');
            p_objForm.elements[i].focus();
            p_objForm.elements[i].color='red';
            return false;
        }
    }
    return true;
}

function checkFormProfielAanmaken(p_objForm) {
    for(i = 0; i < p_objForm.elements.length; i++) {
        if(p_objForm.elements[i].id != '' && p_objForm.elements[i].value.length < 1) {
            alert(p_objForm.elements[i].id + ' mag niet leeg zijn');
            p_objForm.elements[i].focus();
            return false;
        }
        else if ((p_objForm.elements[i].id.indexOf('E-mail') > -1 || p_objForm.elements[i].name.indexOf('email') > -1 ) && p_objForm.elements[i].value.length > 0 && !(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(p_objForm.elements[i].value))) {
            alert('Dit is geen valide e-mailadres');
            p_objForm.elements[i].focus();
            return false;
        } else if(p_objForm.elements[i].id.indexOf('Telefoon') > -1 || p_objForm.elements[i].name.indexOf('telefoon') > -1) {
            if(!isValidPhonenumber(p_objForm.elements[i].value) || p_objForm.elements[i].value.length > 15) {
                alert('Dit is geen valide telefoonnummer');
                p_objForm.elements[i].focus();
                return false;
            }
        } else if(p_objForm.elements[i].name.indexOf('postcode') > -1 || p_objForm.elements[i].name.indexOf('pc') > -1) {
            if(p_objForm.elements[i].value.length > 0){
                if(!isValidZipcode(removeSpaces(p_objForm.elements[i].value))) {
                    alert('Dit is geen valide postcode');
                    p_objForm.elements[i].focus();
                    return false;
                }
            }
        }
//        else if (document.getElementById('Wachtwoord2').value!=document.getElementById('Wachtwoord').value)
//        {
//            window.alert('Controleer uw wachtwoord, deze komen niet overeen.');
//            document.getElementById('Wachtwoord').focus();
//            return false;
//        }
    }
    return true;
}

function isValidPhonenumber(p_strNumber) {
    var regExp = /^[\d-]*$/;
    return regExp.test(p_strNumber);
}

function removeSpaces(p_strString) {
    return p_strString.replace(/\s/g, '');
}

function isValidZipcode(p_strZipcode) {
    var regExp = /^[\d]{4}[a-zA-Z]{2}$/;
    return regExp.test(p_strZipcode);
}

function isValidEmail(p_strId) {
    var l_objEmail = document.getElementById(p_strId);
    if(l_objEmail) {
        if(l_objEmail.value.length <= 0 || !(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(l_objEmail.value))) {
            alert('Dit is geen valide e-mailadres');
            l_objEmail.focus();
            return false;
        }
        else return true;
    } else {
        return false;
    }
}

var last = null;
function showhide(p_strId) {
    var elm = document.getElementById(p_strId);
    if(elm.style.display == '' || elm.style.display == 'none') {
        if(last) {
            last.style.display = 'none';
        }
        elm.style.display = 'block';
    } else {
        elm.style.display = 'none';
    }
    last = elm;
}

function showForm(p_blnIsLoggedIn, p_blnIsPost) {
    if(p_blnIsLoggedIn) {
        if(document.getElementById('divMsg') == null) {
            var parent = document.getElementById('end_nav');
            var div = document.createElement('div');
            div.setAttribute('id', 'divMsg');
            
            var form = document.createElement('form');
            form.setAttribute('id', 'msgform');
            
            if(p_blnIsPost) {
                form.setAttribute('action', '/FormHandler/Save.aspx?action=addmsg');
            } else {
                form.setAttribute('action', '/FormHandler/Save.aspx?action=addPost');
            }
            form.setAttribute('method', 'post');
            form.onsubmit = function() { return checkForm(form); };
            
            if(p_blnIsPost) {
                var input = document.createElement('input');
                input.setAttribute('id', 'Titel');
                input.setAttribute('name', 'title');
                input.className = 'txt_title';
                input.value = 'Type hier uw titel...';
                input.onfocus = function() { input.value = ''; }
                input.onblur = function() { (input.value.length > 0) ? '' : input.value = 'Type hier uw titel...'; };
            
                form.appendChild(input);
                form.appendChild(document.createElement('br'));
                form.appendChild(document.createElement('br'));
                
            }
            
            var textArea = document.createElement('textarea');
            textArea.setAttribute('id', 'Bericht');
            textArea.setAttribute('name', 'msg');
            textArea.className = 'txt_msg';
            textArea.innerHTML = 'Type hier uw bericht...';
            textArea.onfocus = function() { textArea.innerHTML = ''; }
            textArea.onblur = function() { (textArea.value.length > 0) ? '' : textArea.innerHTML = 'Type hier uw bericht...'; };

            var submit = document.createElement('input');
            submit.setAttribute('id', 'msgform');
            submit.setAttribute('name', 'msg');
            submit.setAttribute('type', 'image');
            submit.setAttribute('src', '/Images/Button/plaatsbericht_rood.png');
            submit.setAttribute('alt', 'plaatsbericht_rood.png');
            
            var img = document.createElement('img');
            img.setAttribute('src', '/Images/Button/annuleren_rood.png');
            img.setAttribute('alt', 'annuleren_rood.png');
            img.onclick = function() { clearForm(document.getElementById('msgform')); };

            if(document.getElementById('bb')) {
                var hidden = document.createElement('input');
                hidden.setAttribute('type', 'hidden');
                hidden.setAttribute('name', 'pb');
                hidden.setAttribute('value', document.getElementById('bb').value);
                form.appendChild(hidden);
            }
            
            form.appendChild(textArea);
            form.appendChild(document.createElement('br'));
            form.appendChild(document.createElement('br'));
            form.appendChild(submit);
            form.appendChild(img);
            div.appendChild(form);
            parent.appendChild(div);
        }
    } else {
        (confirm('Berichten en reacties op het prikbord plaatsen is alleen mogelijk voor leden van het FWG-netwerk en -register. Kijk onder `Netwerk` of `Register` voor de voorwaarden. Bent u lid van het FWG netwerk of geregistreerd? Klik dan op OK om eerst in te loggen.')) ? window.location = '/Login.aspx?referrer='+document.URL : '';
    }
}

function checkLogin() {
    (confirm('U moet ingelogd zijn om te reageren. Klik op OK om naar de loginpagina te gaan.')) ? window.location = '/Login.aspx?referrer='+document.URL : '';
}

function checkLoginEmail() {
    (confirm('Om deze persoon een bericht te kunnen sturen dient u ingelogd en lid van het FWG-netwerk te zijn. Klik op OK om in te loggen.')) ? window.location = '/Login.aspx?referrer='+document.URL : '';
}

function checkNetwerkEmail() {
    (confirm('Alleen leden van het FWG-netwerk kunnen berichten aan elkaar versturen. Klik hier om u aan te melden voor het FWG-netwerk.')) ? window.location = '/FWG_3_0_Gebruikers/Aanmelden_voor_netwerk_register.aspx' : '';
}

var m_intCount = 2;
var placeHolder = null;

function addToNetwork() {
    placeHolder = document.getElementById('addMember');
    if(placeHolder != null) {
        var table = document.createElement('table');
        
        placeHolder.innerHTML += '<table cellspacing="0" cellpadding="0">' +
            '<tr><th></th><td><input type="radio" name="gender' + m_intCount + '" checked value="Dhr" /> Dhr <input type="radio" name="gender' + m_intCount + '" value="Mevr" /> Mevr</td></tr>' +
            '<tr><th>Naam medewerker</th><td><input type="text" name="m_name' + m_intCount + '" class="txt_normal" /></td></tr>' +
            '<tr><th>Rol in de organisatie</th><td><select name="m_rol' + m_intCount + '"><option value="PV">PV(Procesverantwoordelijke)</option><option value="T">T(Toepasser)</option></select></td></tr>' +
            '<tr><th>E-mailadres</th><td><input type="text" name="m_mail' + m_intCount + '" class="txt_normal" /></td></tr>' +
            '<tr><th>Aanmelden voor het register?**</th><td><input type="radio" name="m_reg' + m_intCount + '" checked value="Ja" /> Ja <input type="radio" name="m_reg' + m_intCount + '" value="Nee" /> Nee</td></tr>' +
            '<tr><td colspan="2">**Hij of zij krijgt op korte termijn het inventarisatieformulier per e-mail toegstuurd.</td></tr></table>';
        
        m_intCount++;
        
    }
}

var m_intCounter = 1;
function addCoWorker() {
    var l_intCurrent = m_intCounter;
    placeHolder = document.getElementById('addCoWorker');
    
    if ((document.all && document.getElementById('Beschikbaarheid').innerText == '') || document.getElementById('Beschikbaarheid').textContent == '') {
        window.alert('U dient eerst een datum te kiezen.');
    } else {
        if (document.all) {
            l_intMax = document.getElementById('Beschikbaarheid').innerText;
        } else {
            l_intMax = document.getElementById('Beschikbaarheid').textContent;        
        }
        if (!document.getElementById('addSelf').checked) {
            l_intCurrent = l_intCurrent - 1;    
        }
        if (l_intCurrent <= l_intMax) {
            if(placeHolder != null) {        
                placeHolder.innerHTML += '<table cellspacing="0" cellpadding="0">' +
                        '<tr><td><input type="radio" name="geslacht' + m_intCounter + '" checked value="Dhr" />  <b>Dhr.</b> <input type="radio" name="geslacht' + m_intCounter + '" value="Mevr" />  <b>Mevr.</b>' +
                        '<tr><td>Naam</td><td>Functie</td></tr>' +
                        '<tr><td><input type="text" id="Naam deelnemer ' +  m_intCounter + '" name="collega_deelnemer_naam" /></td><td><input type="text" id="collega_deelnemer_functie ' +  m_intCounter + '" name="collega_deelnemer_functie"/></td></tr> ' +
                        '<tr><td>Telefoon</td><td>E-mail</td></tr>' +
                        '<tr><td><input type="text" id="collega_deelnemer_telefoon ' +  m_intCounter + '" name="collega_deelnemer_telefoon" /></td><td><input type="text" id="collega_deelnemer_email ' +  m_intCounter + '" name="collega_deelnemer_email" /></td></tr>' +
                        '</table><br />\n';        
                m_intCounter++;
            }   
        } else {
            if (l_intMax == 0) {
                window.alert('Er zijn geen plaatsen beschikbaar op deze datum.');
            } else if (l_intMax == 1) {
                window.alert('Er is nog maar 1 plaats beschikbaar op deze datum.');
            } else {
                window.alert('Er zijn nog maar ' + l_intMax + ' plaatsen beschikbaar op deze datum.');
            }
        }
    }
}

function checkPassword(p_objForm) {
    if(p_objForm.pw1.value == p_objForm.pw2.value && p_objForm.pw1.value.length > 0) {
        return true;
    } else {
        alert('Wachtwoorden komen niet overeen. Controleer uw invoer.');
        return false;
    }
}

function formulierBreedte()
{
    var l_objDivs = document.getElementsByTagName('div');
    for(i=0;i<l_objDivs.length;i++)
    {
        if (l_objDivs[i].className=='w3s_Label')
        {
            l_objDivs[i].style.width='450px';
            l_objDivs[i].style.whiteSpace = 'normal';
        }
        if (l_objDivs[i].className=='w3s_Caption')
        {
            l_objDivs[i].style.width='253px';
            l_objDivs[i].style.whiteSpace = 'normal';
        }
    }
    elementBreedte();
   // elementButton();
}

function elementBreedte()
{
    return;
}

function elementButton()
{
   var l_objForm = document.getElementById("frmTest");
    if (l_objForm != null) 
    {
        var l_arr = l_objForm.getElementsByTagName("input")
        var l_intLength = l_arr.length;
        for (var l_intIndex = 0; l_intIndex < l_intLength; l_intIndex++) 
        {
            if(l_arr[l_intIndex].value=="Aanmelden")
            {
            
                l_arr[l_intIndex].style.backgroundImage = '/images/aanmelden_cyclaam.png';

            }
        }
    }
}


function editEmployee(p_strId) {
    document.getElementById('edit_' + p_strId).style.display = 'block';
    document.getElementById('emp_' + p_strId).style.display = 'none';
}

function saveEmployee(p_strId) {
    document.getElementById('edit_' + p_strId).style.display = 'none';
    document.getElementById('emp_fn_' + p_strId).innerHTML = document.getElementById('Voorletter_' + p_strId).value;
    document.getElementById('emp_ln_' + p_strId).innerHTML = document.getElementById('Achternaam_' + p_strId).value;
    if(document.getElementById('dienst_In' + p_strId).checked) {
        document.getElementById('dienst' + p_strId).value = 1;
    } else {
        document.getElementById('dienst' + p_strId).value = 0;
    }
    
    document.getElementById('emp_' + p_strId).style.display = 'block';
}

function showAvailable() {
    document.getElementById('addCoWorker').innerHTML = '';
    if (document.getElementById('Datum').value == '') {
        if(document.all) {
            document.getElementById('Beschikbaarheid').innerText = '';
        } else {
            document.getElementById('Beschikbaarheid').textContent = '';
        }
    } else {
        if(document.all) {
            document.getElementById('Beschikbaarheid').innerText = document.getElementById('Beschikbaarheid_'+document.getElementById('Datum').value).value;
        } else {
            document.getElementById('Beschikbaarheid').textContent = document.getElementById('Beschikbaarheid_'+document.getElementById('Datum').value).value;
        }
    }
}

function showSendEmail(p_strName, p_strId) {
    document.getElementById('sendEmail').style.display='block';
    if(document.all) {
        document.getElementById('StuurNaam').innerText = p_strName;
    } else {
        document.getElementById('StuurNaam').textContent = p_strName;
    }
    document.getElementById('sendNaamForm').value = p_strName;
    document.getElementById('sendEmailId').value=p_strId;
}

window.onload = function() { $("a[rel^='prettyPhoto']").prettyPhoto(); };








function checkVragenFormulier (p_objForm) {
    var l_blnReturn = true;
    l_blnReturn = l_blnReturn && checkEmpty (p_objForm.Instelling);
    l_blnReturn = l_blnReturn && checkEmpty (p_objForm.Naam);
    l_blnReturn = l_blnReturn && checkRadio (p_objForm.Q1, 'Bent u degene die nieuwe indelingen start in FWG 3.0?');
    l_blnReturn = l_blnReturn && checkRadio (p_objForm.Q2, 'Maakt u indelingen met FWG 3.0?');
    l_blnReturn = l_blnReturn && checkRadio (p_objForm.Q3, 'Maakt u gebruik van het onderdeel Mappen (bestaande uit Nieuwe indelingen, Advies/Voorstel, Verzonden, Overzicht indelingen en Prullenbak)?');
    l_blnReturn = l_blnReturn && checkRadio (p_objForm.Q4, 'Maakt u gebruik van het onderdeel Inzicht & Overzicht?');
    return l_blnReturn;
}
function checkEmpty (p_objElement) {
    if (p_objElement.value == '' || p_objElement.value == undefined || p_objElement.value == 'undefined') {
        alert ('Het veld \'' + p_objElement.name + '\' is verplicht.')
        p_objElement.focus ();
        return false;
    }
    return true;
}
function checkRadio (p_objRadio, p_strLabel) {
    for (var i = 0; i < p_objRadio.length; i++) {
        if (p_objRadio [i].checked) {
            return true;
        }
    }
    alert ('Het veld \'' + p_strLabel + '\' is verplicht.')
    return false;
}

function download(p_strHash) {
    if(p_strHash) {
        window.open('/Templates/Download.aspx?hash=' + p_strHash);
    }
}

