/* ******************************************************************* */
/*      Let op, dit script staat op 2 lokaties. houd deze gelijk!      */
/*      In BWMasterPageFeature/Style Library/BW JS/BrabantWater.js     */
/*      En in Layouts/BrabantWater/JS/BrabantWater.JS (LEADING!)       */
/* ******************************************************************* */

function BWOnLoad() {
    redirectToNL();
    PositionZCC();
    PageSettings();
    checkIfPageIsBreed();
}


/*
Zolang de engelstalige site niet wordt gebruikt, wordt er automatish doorgelinkt naar de NL site.
*/
function redirectToNL() {
    var url = window.location.href;
    var urlparts = url.split('/');
    var lang = urlparts[3];
    if (lang) {
        if (lang.toLowerCase() == 'en') {
            window.location = "/NL";
        }
    }
}

/*
De volgende functie is gemaakt voor de EyeCatcher, rechtsboven op de pagina.
Zodra de titel van de Eye Catcher niet is ingevuld, zal het gehele EyeCatcher 
niet zichtbaar zijn.
    	
Als er i.p.v. een tekst een plaatje wordt opgegeven, moet het plaatje uit een
folder worden gehaald, genaamd 'EyeCatcher204x77'. Als dit klopt, zal de marge 
van het blokje op 0px worden ingesteld, zodat het plaatje in het vakje valt.
*/
function PositionZCC() {
    var eccheck = document.getElementById('EyeCatcherTitleCheck');
    var CheckForImage = document.getElementById('EyeCatcherContentCheck');

    if (eccheck && CheckForImage) {
        var CFIindex = CheckForImage.innerHTML.indexOf('EyeCatcher204x77');
        var ECCindex = (trim(eccheck.innerHTML.toLowerCase()) == ' ');

        if (CFIindex == -1) {
            if (ECCindex) {
                eccheck.parentNode.style.display = 'none';
            }
            else {
                var zcc = document.getElementById('ZoneContentContainer');
                var ec = document.getElementById('EyeCatcher');

                if (zcc && ec) {
                    zcc.style.marginTop = ec.clientHeight + "px";
                }
            }
        }

        // Check of content een plaatje is. Als dit is, dan wijzig de bijbehorende Class.
        // Met deze methode maakt het niet uit of het titel veld wel of niet gevuld is.
        if (CFIindex != -1)	 /* folder Style Library/Afbeeldingen/EyeCatcher204x77 */
        {
            CheckForImage.className = 'ZoneEyeCatcherContent1Image';

            if (ECCindex != -1) {
                eccheck.style.display = 'none';
            }
        }
    }
}

function trim(value) {
    value = value.replace(/^\s+/, '');
    value = value.replace(/\s+$/, '');
    return value;
}


/*
De volgende functie is gemaakt voor de PageEdit mode. Zodra de pagina bewerkt wordt,
zal een eigen console 'Page_Settings' weergeven worden. In dit console kan met het 
type huishoudelijk/zakelijk ingesteld worden. Tevens is er voor bepaalde onderdelen,
denk aan nieuws, een avatar in te stellen. 
*/
function PageSettings() {
    var isvis = document.forms[0].MSOLayout_InDesignMode.value;  			// SharePoint page in edit mode
    var myElement = document.getElementById('Page_Settings'); 		  	// Eerst Check of element bestaat

    if (myElement) {
        if (isvis == '1') {
            myElement.style.visibility = 'visible';

            if (tmp = document.getElementById('kolom2')) {
                tmp.style.backgroundColor = '#1d5da0';
            }

            if (tmp = document.getElementById('kolom3')) {
                tmp.style.backgroundColor = '#1d5da0';
            }

            if (tmp = document.getElementById('kolom4')) {
                tmp.style.backgroundColor = '#1d5da0';
            }

            if (tmp = document.getElementById('Inhoud_Bottom')) {
                tmp.style.marginTop = '85px';
            }

            if (tmp = document.getElementById('inhoudafsluiter')) {
                tmp.style.visibility = 'hidden';
            }
        }
        else {
            myElement.style.visibility = 'hidden';

            if (tmp = document.getElementById('kolom2')) {
                tmp.style.backgroundColor = 'transparent';
            }

            if (tmp = document.getElementById('kolom3')) {
                tmp.style.backgroundColor = 'transparent';
            }

            if (tmp = document.getElementById('kolom4')) {
                tmp.style.backgroundColor = 'transparent';
            }

            if (tmp = document.getElementById('Inhoud_Bottom')) {
                tmp.style.marginTop = '0px';
            }

            if (tmp = document.getElementById('inhoudafsluiter')) {
                tmp.style.visibility = 'visible';
            }
        }

        if (myElement.innerHTML.indexOf('Zakelijk') >= 0) {
            var inhoudafsluiter = document.getElementById('inhoudafsluiter');
            var blauwegolf = document.getElementById('BlauweGolf');
            var kol2 = document.getElementById('ockolom2');

            if ((inhoudafsluiter) && (blauwegolf) && (kol2)) {
                inhoudafsluiter.setAttribute("id", "inhoudafsluiterzakelijk");
                blauwegolf.setAttribute("id", "BlauweGolfZakelijk");
                kol2.setAttribute("id", "OnderwerpContentZakelijk");
            }
        }

    }

    var element7 = document.getElementById('col7Title');
    if (element7) {
        if ((trim(element7.innerHTML.toLowerCase())) == ' ') {
            element7.style.display = 'none';
        }
    }
}


/*
De volgende functie controleert of de pagina is van het type OnderwerppaginaBreed.
Zo ja, dan wijzig het achtergrondplaatje van de footerlinks. Dit plaatje bevat halverwege
namelijk een verticaal streepje. Deze functie wijzigt de class voor de footer links.
*/
function checkIfPageIsBreed() {
    var opb = document.getElementById('OnderwerppaginaBreed');
    if (opb) {
        if (opb.innerHTML == 'OnderwerppaginaBreed') {
            if (fs = document.getElementById('footerSub')) {
                fs.className = 'footerSubPageBreed';
            }

            if (c = document.getElementById('container')) {
                c.setAttribute("id", "BW-ContainerBreed");
            }
        }
    }
}

/*
De volgende functie is gemaakt voor het drowdown menu op de hoofdpagina.
*/
function showm(ob) {
    var obj = document.getElementById(ob);

    if (obj) {
        var doit = false;
        var newHeight = '120px';
        var newBG = 'url(\'/_layouts/images/BrabantWater/ui/meer_bg.gif\')';

        if (obj.style.height != newHeight) {
            doit = true;
        }

        if (doit) {
            obj.style.height = newHeight;
            obj.style.backgroundImage = newBG;
        }
        else {
            obj.style.height = '';
            obj.style.backgroundImage = '';
        }
    }
}

/*
De volgende functie is gemaakt voor het zoeken op de site.
*/
function SearchBoxKeyPress(k) {
    var unicode = k.keyCode ? k.keyCode : k.charCode;
    if (unicode == 13 || unicode == 10) {
        k.returnValue = false;
        DoSearch();
        return false;
    }
    else {
        return true;
    }
}
function DoSearch() {
    var sb = document.getElementById('searchbox');

    if (sb) {
        var TargetLanUrl = '/nl';
        var TargetPageUrl = '/Search/pages/results.aspx';

        if (window.location.href.toUpperCase().indexOf('/EN/') != -1) {
            TargetLanUrl = '/en';
        }

        if (sb.value != '') {
            var KeyWord = encodeURIComponent(sb.value);

            window.location.href = TargetLanUrl + TargetPageUrl + '?k=' + KeyWord;
        }
        else {
            if (TargetLanUrl == '/en')
                alert('No keyword entered');
            else
                alert('U heeft geen zoekwoord opgegeven');
        }
    }
}


/*
De volgende functie is gemaakt voor het webpart KeywordsWebPart.
Onderstaande functie klapt een trefwoord uit zodra daar op geklikt wordt.
Klik men nogmaals, klant het trefwoord weer in.
De style staat in BW_Core.css
*/
function ShowKeyword(keyword) {
    if (keyword) {
        var kw = document.getElementById(keyword);
        var refkw = document.getElementById('ref_' + keyword);

        if (kw) {
            if (kw.className == 'BW-Keyword-Open') {
                kw.className = 'BW-Keyword-Close';

                if (refkw)
                    refkw.className = 'BW-Keyword-Title-Close';
            }
            else {
                kw.className = 'BW-Keyword-Open';

                if (refkw)
                    refkw.className = 'BW-Keyword-Title-Open';
            }
        }
    }
}

/*
De volgende functie maakt hyperlinks van de kopjes op de Startpagina
Voor zakelijk en huishoudelijk. 
*/
function SetHyperLink(link) {
    var checkCurrentSite = document.getElementById('Page_Settings');
    if (checkCurrentSite) {
        if (checkCurrentSite.innerHTML.indexOf('Huishoudelijk') >= 0) {
            if (link == 'onderwerp1') {
                window.location.href = '../gezondheid';
            }
            if (link == 'onderwerp2') {
                window.location.href = '../natuur';
            }
            if (link == 'onderwerp3') {
                window.location.href = '../overbrabantwater';
            }
        }

        if (checkCurrentSite.innerHTML.indexOf('Zakelijk') >= 0) {
            if (link == 'onderwerp1') {
                window.location.href = '../../productenendiensten';
            }
            if (link == 'onderwerp3') {
                window.location.href = '../../branches';
            }
        }
    }
}

/*
De volgende check functie wordt gebruikt i.c.m. met nog een javascript vanuit code opgebouwd,
voor de waterquiz. 
*/

function Check(antwoord, vraagnr) {
    var selected = '';
    var radioButtons = document.getElementsByName('radioChoice');
    var test = document.getElementById('test_' + vraagnr);
    var fout = document.getElementById('fout_' + vraagnr);
    var goed = document.getElementById('goed_' + vraagnr);
    var volgende = document.getElementById('volgende_' + vraagnr);
    var a = document.getElementById('A' + vraagnr);
    var b = document.getElementById('B' + vraagnr);
    var c = document.getElementById('C' + vraagnr);

    if (radioButtons) {
        for (var x = 0; x < radioButtons.length; x++) {
            if (radioButtons[x].checked) {
                selected = radioButtons[x].id;
            }
        }
    }

    if (test && fout && goed && volgende && a && b && c) {
        if (antwoord.toUpperCase() + vraagnr == selected) {
            document.getElementById('test_' + vraagnr).style.display = 'none';
            document.getElementById('fout_' + vraagnr).style.display = 'none';
            document.getElementById('goed_' + vraagnr).style.display = 'block';
            document.getElementById('volgende_' + vraagnr).style.display = 'block';
            document.getElementById('A' + vraagnr).disabled = 'true';
            document.getElementById('B' + vraagnr).disabled = 'true';
            document.getElementById('C' + vraagnr).disabled = 'true';
        }
        else {
            document.getElementById('test_' + vraagnr).style.display = 'block';
            document.getElementById('fout_' + vraagnr).style.display = 'block';
            document.getElementById('goed_' + vraagnr).style.display = 'none';
            document.getElementById('volgende_' + vraagnr).style.display = 'none';
        }
    }
}


/*
De volgende Toggle functie is gemaakt voor het onderdeel:
Bereken uw waterverbruik. 
*/
function toggleDiv(id, flagit) {
    if (flagit == "1") {
        if (document.layers) document.layers['' + id + ''].visibility = "show"
        else if (document.all) document.all['' + id + ''].style.visibility = "visible"
        else if (document.getElementById) document.getElementById('' + id + '').style.visibility = "visible"
    }
    else
        if (flagit == "0") {
        if (document.layers) document.layers['' + id + ''].visibility = "hide"
        else if (document.all) document.all['' + id + ''].style.visibility = "hidden"
        else if (document.getElementById) document.getElementById('' + id + '').style.visibility = "hidden"
    }
}

function getRadioButtonListSelection(elementRef) {

    if (typeof elementRef == 'string')
        elementRef = document.getElementById(elementRef);

    var inputItemArray = elementRef.getElementsByTagName('input');
    var checkedValues = '';

    for (var i = 0; i < inputItemArray.length; i++) {
        var radioButtonRef = inputItemArray[i];

        if (radioButtonRef.checked == true) {
            // To get the Value property, use this code:
            if (checkedValues.length > 0)
                checkedValues += ', ';
            checkedValues += radioButtonRef.value;

            // To get the Text property, use this code:
            //var labelArray = radioButtonRef.parentNode.getElementsByTagName('label');
            //if ( labelArray.length > 0 )
            //{
            // if ( checkedValues.length > 0 )
            //  checkedValues += ', ';
            // checkedValues += labelArray[0].innerHTML;
            //}
        }
    }
    
    // alert('checkedValues: ' + checkedValues);

    var laatstevraag = document.getElementById('hidetableauto2');
    if (laatstevraag) {
        if (checkedValues == "0") {
            laatstevraag.style.display = 'none';
        }
        else {
            laatstevraag.style.display = 'block';
        }
    }

    return checkedValues;
}


function ProcessImn() { }