// increaze/decreaze fontsize
function changeFontSize(inc) {
    // get all div elements with the 'contentarea' class
    var elems = getElementsByClassName(document, "div", "contentarea");
    for (n = 0; n < elems.length; n++) {
        if (elems[n].style.fontSize) {
            var size = parseInt(elems[n].style.fontSize.replace("px", ""));
        }
        else {
            var size = 12;
        }

        elems[n].style.fontSize = size + inc + 'px';
    }

    // get all div elements with the 'niewstekst' class
    var news = getElementsByClassName(document, "div", "nieuwstekst");
    for (n = 0; n < news.length; n++) {
        if (news[n].style.fontSize) {
            var size = parseInt(news[n].style.fontSize.replace("px", ""));
        }
        else {
            var size = 12;
        }

        news[n].style.fontSize = size + inc + 'px';
    }

    // get all div elements with the 'informatietekst' class
    var info = getElementsByClassName(document, "div", "informatietekst");
    for (n = 0; n < info.length; n++) {
        if (info[n].style.fontSize) {
            var size = parseInt(info[n].style.fontSize.replace("px", ""));
        }
        else {
            var size = 12;
        }

        info[n].style.fontSize = size + inc + 'px';
    }    
}

// increaze/descreaze to default fontsize
function defaultFontSize(size) {
    var elems = getElementsByClassName(document, "div", "contentarea");
    for (n = 0; n < elems.length; n++) {
        elems[n].style.fontSize = size + 'px';
    }

    var news = getElementsByClassName(document, "div", "nieuwstekst");
    for (n = 0; n < news.length; n++) {
        news[n].style.fontSize = 12 + 'px';
    }

    var info = getElementsByClassName(document, "div", "informatietekst");
    for (n = 0; n < info.length; n++) {
        info[n].style.fontSize = 12 + 'px';
    }
}

// custom function to get all elements by classname
function getElementsByClassName(oElm, strTagName, strClassName) {
    var arrElements = (strTagName == "*" && oElm.all) ? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for (var i = 0; i < arrElements.length; i++) {
        oElement = arrElements[i];
        if (oRegExp.test(oElement.className)) {
            arrReturnElements.push(oElement);
        }
    }
    return (arrReturnElements)
}

// route and google maps
var map;
var strHtmlData = 'Sterrenlaan 168<br />Alphen aan den Rijn';
var Location1 = '52.14265427498745';
var Location2 = '4.665788412094116'

function initialize() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(52.14265427498745, 4.665788412094116), 16);
        map.setUIToDefault();
        map.setMapType(G_PHYSICAL_MAP);

        var FysioIcon = new GIcon(G_DEFAULT_ICON);
        FysioIcon.image = "http://www.fysioalphen.nl/app_themes/default/images/dot.png";
        FysioIcon.iconSize = new GSize(20, 20);
        FysioIcon.shadowSize = new GSize(0, 0);
        FysioIcon.iconAnchor = new GPoint(15, 15);
        markerOptions = { icon: FysioIcon };

        var Location = new GLatLng(Location1, Location2);
        var Marker = new GMarker(Location, markerOptions);

        map.addOverlay(Marker);

        directionsPanel = document.getElementById("route");
        directions = new GDirections(map, directionsPanel);

    }
}

function setDirections() {
    //var fromAddress = $('from').value;
    //var toAddress = $('sto').value;
    //var locale = $('locale').value;

    var fromAddress = document.getElementById('from').value;
    var toAddress = document.getElementById('sto').value;
    var locale = document.getElementById('locale').value;

    document.getElementById('beschrijving-route').style.display = "none";
    directions.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
}