//Project:consonant
Start = function() {
    w.consonant = new function() {
        var t = this,
		vrz;

        t.klikCheckbox = function(e) {
            vrz = new HTTPVerzoek();
            vrz.URL.Args.Verzoek = 'CheckboxKoppeling';
            vrz.URL.Args.ouderid = Lokatie.Args.pagina;
            vrz.URL.Args.kindid = e.id.na('_');
            vrz.Start();
            vrz = null;
        }

        t.veranderDropdownSelectie = function(select) {
            var selectID = select.id.na("_"),
		selectedValue = select[select.selectedIndex].value;
            t.veranderStatus(selectedValue, selectID);
        }

        t.veranderStatus = function(selectieId, keuzedrager) {
            var vrz = new HTTPVerzoek();
            vrz.URL.Args = { 'pagina': Lokatie.Args.pagina, 'Verzoek': 'Koppeling', 'ouderid': selectieId, 'keuzedrager': keuzedrager };
            vrz.Reactie = function() {
                var antw = this.Respons;
                if (antw > 0) {
                }
                else alert('Het opslaan is mislukt. Probeer het later nog een keer.\n' + this.Respons);
            }
            vrz.Start();
            vrz = null;
        }

        var vorigeAchtergrond;
        t.kadertimeout = setTimeout(function() { consonant.toonKader(); }, 2000);
        t.toonAchtergrond = function() {
            var dropIn = d.E('dropIn'), afb = d.E('projectfoto');
            //alert(0);
            if (vorigeAchtergrond) {
                // alert(1);
                if (vorigeAchtergrond != dropIn.style.backgroundImage) {
                    //alert(2);
                    afb.style.backgroundImage = vorigeAchtergrond;
                    tween.obj = dropIn.style;
                    t.onMotionFinished = function() {
                        afb.style.backgroundImage = dropIn.style.backgroundImage;
                    };
                    tween.start();

                    d.E('infotekst').style.top = -d.E("infotekst").offsetHeight + 'px';
                    // alert('hoogte: ' + d.E('infotekst').style.top);
                    
                    kaderanimatie.rewind();
                    clearTimeout(t.kadertimeout); //:-) om doorklikkers te ondervangen
                    //d.E('infotekst').style.display = 'none';
                    //alert('toonkadervervolg');
                    t.kadertimeout = setTimeout(function() { consonant.toonKader(); }, 2000);

                }
            }
            vorigeAchtergrond = dropIn.style.backgroundImage;
        };

        t.toonKader = function() {
            //alert(0);
            var infotekst = d.E('infotekst');
            infotekst.style.display = 'block';
            //kaderanimatie.obj = infotekst.style;
            kaderanimatie.onMotionFinished = function() {
                //alert('begin: ' + kaderanimatie.begin + ' einde: ' + kaderanimatie._finish);
            };
            kaderanimatie.start();
            //    alert(2);
        }

        t.rouleerCases = function() {
            var eCaseTitel = d.E('projecttitel');
            //var eCaseTekst = d.E('projecttekst');
            var eCaseLink = d.E('naarproject');
            var cases = casesDSV.split('#'), n = 0;

            toonCase = function() {
                var _case = cases[n].split('|');
                var afb = 'Afbeelding';
                // if (Lokatie.Args.pagina == 849) { afb="Homeafbeelding"} in commentaar omdat projecten nu de home is geworden
                d.E('dropIn').style.backgroundImage = 'url(/Content/' + Lokatie.VirtueelDomein + '/Documenten/' + afb + '_' + _case[0] + '.jpg)';
                //  d.E('infotekst').style.top = -d.E("infotekst").offsetHeight + 'px';
                // d.E('infotekst').style.display = 'none';
                if (eCaseTitel) eCaseTitel.innerHTML = _case[1];
                //if (eCaseTekst) eCaseTekst.innerHTML = _case[2];
                if (eCaseLink) eCaseLink.href = "/?pagina=" + _case[0];
                /* 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 maakNavigatie = function(projectenarray) {
                for (var m = 0; m < projectenarray.length; m++) {
                    //tg('a#link' + m + '.link').schrijf(projectenarray[m].split('|')[1]).attrObj({ 'volgnr': m, 'href': 'javascript:;', 'onclick': function() { n = this.volgnr - 1; resetInterval(); toonVolgende(); herschikNavigatie(); } }).maakKindVan(d.E("projectennav"));
                    tg('a#link' + m + '.link').schrijf(projectenarray[m].split('|')[3]).attrObj({ 'volgnr': m, 'href': '/#pagina=' + projectenarray[m].split('|')[0] }).maakKindVan(d.E("projectennav"));
                }
                zetClassAan(d.E('link0'), 'eerste');
            }
            var herschikNavigatie = function() {
                for (var i = n; i < cases.length; i++) { d.E("projectennav").appendChild(d.E('link' + (i))); zetClassUit(d.E('link' + (i)), 'eerste'); }
                for (var j = 0; j < n; j++) { d.E("projectennav").appendChild(d.E('link' + (j))); zetClassUit(d.E('link' + (j)), 'eerste'); }
                zetClassAan(d.E('link' + n), 'eerste');
            }
            var toonVolgende = function() {
                n++;
                if (n == cases.length) n = 0;
                toonCase();
                d.E("projectennav") ? herschikNavigatie() : '';
            };
            var toonVorige = function() {
                n--;
                if (n < 0) n = cases.length - 1;
                toonCase();
                d.E("projectennav") ? herschikNavigatie() : '';
            };
            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');
            if (prev) {
                prev.onclick = function() {
                    resetInterval();
                    toonVorige();
                };
            }
            if (next) {
                next.onclick = function() {
                    resetInterval();
                    toonVolgende();
                }
            }
            resetInterval();
            d.E('projectnavigatie') ? maakNavigatie(cases) : '';
            toonCase();

        } //einde function rouleerCases


    } //einde function consonant
}//einde function start

PaginaStart = function() {
    clearTimeout(consonant.kadertimeout);
    maakMap(d.E('googleMap'));
    //if ((Lokatie.Args.pagina == 868 || Lokatie.Args.pagina==849) && !w.CimpleEditModus) {casesDSV?'':casesDSV="868|LEEG|Hierin zijn geen projecten aanwezig."; consonant.rouleerCases(); }
    if ((Lokatie.Args.pagina == 849) && !w.CimpleEditModus) { casesDSV ? '' : casesDSV = "849|LEEG|Hierin zijn geen projecten aanwezig."; consonant.rouleerCases(); }
    else clearInterval(consonant.rouleerCases.interval);
    if (d.E("dropIn")) { w.tween = new Tween(null, 'marginLeft', Tween.strongEaseOut, d.E("dropIn").offsetWidth, 0, 2.5, 'px'); }

    //alert(w.kaderanimatie);
    //if(w.kaderanimatie){w.kaderanimatie.rewind(); clearTimeout(consonant.kadertimeout); w.kaderanimatie = "";}
    if (d.E("infotekst")) { w.kaderanimatie = new Tween(d.E('infotekst').style, 'top', Tween.strongEaseOut, -300, 0, 1.5, 'px'); w.kaderanimatie.rewind(); clearTimeout(consonant.kadertimeout); clearTimeout(w.initTimeout); w.initTimeout = setTimeout(function() { consonant.toonKader(); }, 1000); }
    //this.init(obj, prop, func, begin, finish, duration, suffixe)
    //d.E('dropIn') ? consonant.toonAchtergrond() : '';
    //alert(casesDSV);
}          //einde paginastart

var maakMap = function(elm) {
    if (elm) {
        if (maakMap.elm) elm.parentNode.replaceChild(maakMap.elm, elm);
        else laadGoogleAPI('ABQIAAAAsWNV7izieDoHllr6Wobi8BTfzOqdlR5MjQDzNrj5lkE6RHlQOhSD348-syuLQn1dIy2nQVTCeFAm1Q', 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);
                        //addControl(new GLargeMapControl3D());
                        //addControl(new GScaleControl());
                        llCipix = new LatLng(51.92826, 4.53997);
                        llCipix2 = new LatLng(51.92825, 4.53960);
                        map.setCenter(llCipix, 16);
                        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) + 'px';
                            this.elm.style.marginTop = (c.y - (this.elm.offsetHeight/2)) + 'px';
                        }
                        var cipixMarker = new customOverlay(llCipix2, 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);

                    }
                }
            })
        });
    }
}