//Project www.cipix.nl
PaginaStart = function() {
    scrollTest();
    if (d.E('hoofdnav')) {
        var breedte = d.E('hoofdnav').offsetWidth;
        //d.E('achtergrond_midden').style.width = (breedte - 6) + 'px';
        d.E('achtergrond_midden').style.width = (breedte + 29) + 'px';
        d.E('achtergrond').style.width = breedte + 35 + 'px';
    }
    if (d.E('navigatiekader')) {
        var breedte = d.E('kL').offsetWidth;
        if (d.E('kR')) d.E('kR').style.width = (969 - breedte) + 'px';
        if (d.E('kRA')) d.E('kRA').style.width = (967 - breedte) + 'px';
    }
    //cipix.centreer();//Zie opmerking in default.asp
    if (Lokatie.Args.pagina == 849 && !w.CimpleEditModus) cipix.rouleerCases();
    else clearInterval(cipix.rouleerCases.interval);

    if (d.E("cT")) {
        if (d.E("cT").firstChild.firstChild) {
            zetClassAan(d.E("cT").firstChild.firstChild, 'Open');
            Par(d.E("cT").firstChild.firstChild);
        }
    }
    if (d.E("klantenkader")) {
        if (d.E("klantenkader").firstChild.firstChild) {
            zetClassAan(d.E("klantenkader").firstChild.firstChild, 'Open');
            Par(d.E("klantenkader").firstChild.firstChild);
        }
    }

    // if (Lokatie.Args.pagina == 902 && !w.CimpleEditModus) setTimeout(function() { cipix.test(); }, 250);

    cipix.toonAchtergrond();
    maakMap(d.E('googleMap'));

    if (Lokatie.Args.pagina == 903 && !w.CimpleEditModus) cipix.toonRandomCase();

    //voor chrome toegevoegd..:
    Verstuur = function(f, Params, ReactieInPagina) {
        if (Valideer(f)) {
            Verstuur.Formulier = f;
            Verstuur.ReactieInPagina = ReactieInPagina;
            if (isArray(Params)) {
                var Waarde;
                var Inhoud = '<style>TD{font-family:Tahoma;font-size:8pt;border-bottom:1px solid buttonface}</style><table width="100%" cellspacing="0"><tr><td width="30%"></td><td></td></tr>';
                for (var Naam in f.Velden) {
                    Waarde = f.Velden[Naam];
                    if (Waarde == undefined || Waarde == '') Waarde = '-';
                    else if (isEmail(Waarde)) Waarde = '<a href="mailto:' + Waarde + '">' + Waarde + '</a>';
                    if (Naam.substr(0, 8) != 'Herhaal ') Inhoud += '<tr><td valign="top"><b>' + Naam + '</b></td><td valign="top">' + (isArray(Waarde) ? Waarde.join('<br>') : Vervang(Waarde, '\n', '<br>')) + '</td></tr>';
                }
                Inhoud += '</table>';
                for (var Bijlage in f.Bijlagen) Inhoud = Vervang(Inhoud, Bijlage, '<a href="cid:' + Bijlage + '">' + Bijlage + '</a>');
                f.van.push('formulier@' + Vervang(Lokatie.VirtueelDomein, 'www.', ''));
                if (Params[0]) f.aan.push(Params[0]);
                if (Params[1]) f.cc.push(Params[1]);
                if (Params[2]) f.bcc.push(Params[2]);
                var MailTekst = d.E(f.id + '_MailTekst').innerHTML;
                new Mail(f.van.join(','), f.aan.join(','), f.cc.join(','), f.bcc.join(','), 'Formulier: ' + (Lokatie.Args.Titel ? Lokatie.Args.Titel : document.title), (MailTekst == '' ? '' : MailTekst + '<hr/>') + Inhoud, true, _, _, Keys(f.Bijlagen)).Verstuur(Verstuur.ReactieFunctie);
            }
            else new HTTPVerzoek(Params, f.Velden, Verstuur.ReactieFunctie).Start();
        }
        else {
            alert(f.FoutVeld.Info);
            f.FoutVeld.Invoer.focus();
        }
        return false;
    }
    //pagina moet herladen na verzenden:
    Verstuur.ReactieFunctie = function() {//return false;
        //valideer, bij fout return false
        if (this.Respons) alert('Het verzenden is mislukt (1).\n' + OpmaakRotOp(this.Respons) + '.');
        else {
            var Reactie = d.E(Verstuur.Formulier.id + '_Reactie');
            //default reactie waaronder verzenden aan Pluijm maar we laten het formulier staan
            if (Reactie) {
                if (Verstuur.ReactieInPagina) Verstuur.Formulier.innerHTML = '<div class="Reactie">' + Reactie.innerHTML + '</div>';
                else {
                    alert(Reactie.innerText);
                    if (!Verstuur.behoudFormulier) {
                        Verstuur.Formulier.style.display = 'none';
                    }
                }
                //extra acties:
                Lokatie.Args.pagina != 1203 ?laadArgs({ 'h': Math.random() }):'';
                //window.print();
            }
        }
    } //einde verstuurreactiefunctie

}      //einde paginastart

Start = function() {
    //Zorgen dat openklikken van paragrafen een scrollbar voor de tekst invoegt. Niet in Cimple vanwege extra werk voor toepassen op nieuw aangemaakte paragrafen
    if (!w.CimpleEditModus) {
        var ParBackup = Par;
        Par = function(e) {
            ParBackup(e);
            if (e.scroll || d.E('contentScroll')) return;
            var eParTekst = e.childNodes[2];
            if (eParTekst.tagName.toLowerCase() !== 'div') return;
            var scroll = bouw('div.scrollbar');
            e.appendChild(scroll);
            e.scroll = new Scrollbar(scroll, new ScrollArea(eParTekst), ScrollAxis.Y);
            e.className += ''; //voor IE natuurlijk weer...
        }
    }

    w.cipix = new function() {
        var t = this;
        
        //na gebruik noConflict ook de $ aanroepen vervangen voor jQuery // werkt niet in Chrome!
        (!w.CimpleEditModus) ? laadScript('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js') : '';
       //(!w.CimpleEditModus) ? $.noConflict() : '';

        t.test = function() {
           jQuery(".contentTekst .Paragraaf").click(function() {
                alert(this.id);
           });
        }

        t.toonRandomCase = function() {
            laadArgs({ 'pagina': caseIDs[Math.floor(Math.random() * caseIDs.length)] })
        }

        //functie centreert de site verticaal
        var siteHoogte = 600;
        t.centreer = function() {
            var venster = d.E("Venster");
            if (venster.clientHeight > siteHoogte) {
                var marge = Math.round((venster.clientHeight - siteHoogte) / 2)
                d.E("centreer").style.paddingTop = marge + 'px';
            }
        }
        var tween = new Tween(null, 'marginTop', Tween.strongEaseOut, -d.E("dropIn").offsetWidth, 0, 2.5, 'px');
        var vorigeAchtergrond;
        t.toonAchtergrond = function() {
            if (d.E('dropIn')) {
                var dropIn = d.E('dropIn'), afb = d.E('siteafbeelding');
                if (vorigeAchtergrond) {
                    if (vorigeAchtergrond != dropIn.style.backgroundImage) {
                        afb.style.backgroundImage = vorigeAchtergrond;
                        tween.obj = dropIn.style;
                        t.onMotionFinished = function() {
                            afb.style.backgroundImage = dropIn.style.backgroundImage;
                        };
                        tween.start();
                    }
                }
                vorigeAchtergrond = dropIn.style.backgroundImage;
            }
        };
        t.rouleerCases = function() {
            var eCaseTitel = d.E('caseTitel');
            var eCaseTekst = d.E('caseTekst');
            var eCaseLink = d.E('caseLink');
            var eCaseLogo = d.E('cI');
            var cases = casesDSV.split('#'), n = -1;

            var i, j, temp;
            for (i = cases.length - 1; i > 0; i--) {
                j = Math.floor(Math.random() * (i + 1));
                if (i == j) continue;
                temp = cases[i];
                cases[i] = cases[j];
                cases[j] = temp;

            }

            cases.push(Lokatie.Args.pagina + '|' + eCaseTitel.innerHTML + '|' + eCaseTekst.innerHTML); //homepage zelf toevoegen
            var toonCase = function() {
                var _case = cases[n].split('|');
                d.E('dropIn').style.backgroundImage = 'url(/Content/' + Lokatie.VirtueelDomein + '/Documenten/bg_' + _case[0] + '.jpg)';
                if (eCaseTitel) eCaseTitel.innerHTML = _case[1];
                if (eCaseTekst) eCaseTekst.innerHTML = _case[2];
                if (eCaseLink) {
                    if (_case[0] == '849') {
                        eCaseLink.style.display = 'none';
                        eCaseLogo.style.background = 'white';
                    }
                    else {
                        eCaseLink.style.display = 'block';
                        eCaseLink.href = "/?pagina=" + _case[0];
                        eCaseLogo.style.background = 'white url(../../Content/www.cipix.nl/Afbeeldingen/logo_' + _case[0] + '.jpg) no-repeat right bottom';
                    }
                }
                t.toonAchtergrond();
            };
            var toonVolgende = function() {
                n++;
                if (n == cases.length) n = 0;
                toonCase();
            };
            var toonVorige = function() {
                n--;
                if (n < 0) n = cases.length - 1;
                toonCase();
            };
            var resetInterval = function() {
                clearInterval(t.rouleerCases.interval);
                t.rouleerCases.interval = setInterval(toonVolgende, 5000); //setInterval blijft gaan...
            };
            var prev = d.E('prev'), next = d.E('next');
            prev.firstChild.href = next.firstChild.href = 'javascript:;';
            prev.firstChild.title = next.firstChild.title = '';
            prev.onclick = function() {
                resetInterval();
                toonVorige();
            };
            next.onclick = function() {
                resetInterval();
                toonVolgende();
            }
            resetInterval();
        }
        t.toggleContactKader = function() {
            d.E('contactformulierKader') ? toggleClass(d.E('contactformulierKader'), 'tonen') : '';
        }
        t.toggleMeerweten = function() {
            d.E('meerweten') ? toggleClass(d.E('meerweten'), 'tonen') : '';
        }

    } //einde function cipix
}                         //einde start

var maakMap = function(elm) {
    if (elm) {
        if (maakMap.elm) elm.parentNode.replaceChild(maakMap.elm, elm);
        else laadGoogleAPI(null, function() {
            google.laad('maps', function() {
                with (google.maps) {
                    maakMap.elm = CimpleProxy.bewaarTag(elm);
                    map = new Map2(elm);
                    new KeyboardHandler(map);
                    with (map) {
                        enableScrollWheelZoom();
                        enableContinuousZoom();
                        setMapType(G_HYBRID_MAP);
                        //addControl(new MapTypeControl);
                        llCipix = new LatLng(51.903007, 4.460211);
                        map.setCenter(llCipix, 14);
                        var customOverlay = function(point, elm) {
                            this.point = point;
                            this.elm = elm;
                        };
                        customOverlay.prototype = new Overlay;
                        customOverlay.prototype.initialize = function(map) {
                            this.map = map;
                            map.getPane(G_MAP_MARKER_PANE).appendChild(this.elm);
                        };
                        customOverlay.prototype.redraw = function(force) {
                            if (!force) return;
                            var c = this.map.fromLatLngToDivPixel(this.point);
                            this.elm.style.marginLeft = (c.x - this.elm.offsetWidth) + 'px';
                            this.elm.style.marginTop = c.y + 'px';
                        }
                        var cipixMarker = new customOverlay(llCipix, d.E('contactKader'));
                        map.addOverlay(cipixMarker);
                        //STREETVIEW TEST!
                        return;
                        var streetvw = new StreetviewClient();
                        var streetvwKader = new GStreetviewPanorama(d.E("streetvw"));
                        var goToStreetvw = function(overlay, latlng) {
                            streetvw.getNearestPanorama(latlng, function(panoData) {
                                if (panoData.code != 200) return;
                                streetvwKader.setLocationAndPOV(panoData.location.latlng, { yaw: 290, pitch: -15 });
                            })
                        };
                        Event.addListener(map, 'click', goToStreetvw);
                        goToStreetvw(null, llCipix);

                    }
                }
            })
        });
    }
}

scrollTest=function(){
	var eScrollbar=d.E('contentScroll');
	if (!eScrollbar) return;
	new Scrollbar(eScrollbar,new ScrollArea(d.E('content')),ScrollAxis.Y);
};