var map;
var kmlActiviteiten;
var kmlCultuur;
var kmlLogies;
var kmlEvenementen;
var activiteitenState = 0;
var cultuurState = 0;
var logiesState = 0;
var evenementenState = 0;

var myWidth = 0, myHeight = 0;
calculateSize();

function initialize(taal) {
    if (GBrowserIsCompatible()) {
        //alert("|"+taal+"|");
        kmlActiviteiten = new GGeoXml("http://win.westtoer.be/kml/activities"+taal+".kml");
        kmlCultuur = new GGeoXml("http://win.westtoer.be/kml/cultuur"+taal+".kml");
        kmlLogies = new GGeoXml("http://win.westtoer.be/kml/logies"+taal+".kml");
        kmlEvenementen = new GGeoXml("http://win.westtoer.be/kml/events"+taal+".kml");
        map = new GMap2(document.getElementById("gmap"));
        map.setCenter(new GLatLng(51.15867686442365, 3.0322265625), 9);
        map.setUIToDefault();
    }
}

function initializeDetail(x, y, title, desc, url, taal) {
    if (GBrowserIsCompatible()) {
        kmlActiviteiten = new GGeoXml("http://win.westtoer.be/kml/activities"+taal+".kml");
        kmlCultuur = new GGeoXml("http://win.westtoer.be/kml/cultuur"+taal+".kml");
        kmlLogies = new GGeoXml("http://win.westtoer.be/kml/logies"+taal+".kml");
        kmlEvenementen = new GGeoXml("http://win.westtoer.be/kml/events"+taal+".kml");
        map = new GMap2(document.getElementById("gmap"));
        map.setCenter(new GLatLng(x, y), 13);
        map.setUIToDefault();

        var marker = new GMarker(new GLatLng(x, y));
        map.addOverlay(marker);
        marker.openInfoWindowHtml("<b>" + title + "</b>");        
    }
}

function showDetail(x, y, title, desc, url, taal) {
    var div = document.getElementById('pnlGmap');
    div.className = 'show';
    div.style.left = ((myWidth / 2) - 450) + 'px';
    div.style.top = ((myHeight / 2) - 200) + 'px';
    
    var div = document.getElementById('mask');
    div.className = 'show';
    div.style.width = document.body.clientWidth + 'px';
    div.style.height = document.body.clientHeight + 'px';
    initializeDetail(x,y, title, desc, url, taal);
}

function show(taal) {
    var div = document.getElementById('pnlGmap');
    div.className = 'show';
    div.style.left = ((myWidth / 2) - 450) + 'px';
    div.style.top = ((myHeight / 2) - 200) + 'px';
    var div = document.getElementById('mask');
    div.className = 'show';
    div.style.width = document.body.clientWidth + 'px';
    div.style.height = document.body.clientHeight + 'px';
    initialize(taal);
}

function showGemeente(x, y, taal) {
    var div = document.getElementById('pnlGmap');
    div.className = 'show';
    div.style.left = ((myWidth / 2) - 450) + 'px';
    div.style.top = ((myHeight / 2) - 200) + 'px';

    var div = document.getElementById('mask');
    div.className = 'show';
    div.style.width = document.body.clientWidth + 'px';
    div.style.height = document.body.clientHeight + 'px';
    initializeGemeente(x, y, taal);
}

function initializeGemeente(x, y, taal) {
    if (GBrowserIsCompatible()) {
        kmlActiviteiten = new GGeoXml("http://win.westtoer.be/kml/activities"+taal+".kml");
        kmlCultuur = new GGeoXml("http://win.westtoer.be/kml/cultuur"+taal+".kml");
        kmlLogies = new GGeoXml("http://win.westtoer.be/kml/logies"+taal+".kml");
        kmlEvenementen = new GGeoXml("http://win.westtoer.be/kml/events"+taal+".kml");
        map = new GMap2(document.getElementById("gmap"));
        map.setCenter(new GLatLng(x, y), 14);
        map.setUIToDefault();
    }
}

//Determine window dimensions
function calculateSize() {
    if (typeof (window.innerWidth) == 'number') {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    //window.alert('Width = ' + myWidth);
    //window.alert('Height = ' + myHeight);
}

function hide() {
    var div = document.getElementById('pnlGmap');
    div.className = 'hide';
    var div = document.getElementById('mask');
    div.className = 'hide';
}

//Remove the kml and return the toggle state
function removeKml(kml) {
    map.removeOverlay(kml);
    return 0;
}

//add the kml and return the toggle state
function addKml(kml) {
    map.addOverlay(kml);
    return 1;
}

//Toggle the activiteiten kml
function toggleActiviteiten() {
    if (activiteitenState == 1) {
        activiteitenState = removeKml(kmlActiviteiten);
    } else {
        activiteitenState = addKml(kmlActiviteiten);
    }
}

//Toggle the cultuur kml
function toggleCultuur() {
    if (cultuurState == 1) {
        cultuurState = removeKml(kmlCultuur);
    } else {
        cultuurState = addKml(kmlCultuur);
    }
}

//Toggle the logies kml
function toggleLogies() {
    if (logiesState == 1) {
        logiesState = removeKml(kmlLogies);
    } else {
        logiesState = addKml(kmlLogies);
    }
}

//Toggle the evenementen kml
function toggleEvenementen() {
    if (evenementenState == 1) {
        evenementenState = removeKml(kmlEvenementen);
    } else {
        evenementenState = addKml(kmlEvenementen);
    }
}