var homelibURL = "homeLib.php" ;

// function that displays an error message
function displayError(message)
{
    // display error message, with more technical details if debugMode is true
    alert("Error accessing the server! " +
        (debugMode ? message : ""));
}

// function that displays a PHP error message
function displayPHPError(error)
{
    displayError ("Error number :" + error.errno + "\r\n" +
        "Text :"+ error.text + "\r\n" +
        "Location :" + error.location + "\r\n" +
        "Line :" + error.line + + "\r\n");
}

function retrieveEN()
{
    $.ajax({
        url: homelibURL,
        type: 'POST',
        data: $.param({
            mode: 'retrieveEN'
        }),
        dataType: 'json',
        error: function(xhr, textStatus, errorThrown) {
            displayError(textStatus);
        },
        success: function(data, textStatus) {
            if(data.errno != null)
                displayPHPError(data);
            else
                write(data);
        }
    });
}

function retrieveNL()
{
    $.ajax({
        url: homelibURL,
        type: 'POST',
        data: $.param({
            mode: 'retrieveNL'
        }),
        dataType: 'json',
        error: function(xhr, textStatus, errorThrown) {
            displayError(textStatus);
        },
        success: function(data, textStatus) {
            if(data.errno != null)
                displayPHPError(data);
            else
                write(data);
        }
    });
}

function retrieveFR()
{
    $.ajax({
        url: homelibURL,
        type: 'POST',
        data: $.param({
            mode: 'retrieveFR'
        }),
        dataType: 'json',
        error: function(xhr, textStatus, errorThrown) {
            displayError(textStatus);
        },
        success: function(data, textStatus) {
            if(data.errno != null)
                displayPHPError(data);
            else
                write(data);
        }
    });
}

function write(data, textStatus)
{
    // display the messages retrieved from server
    $.each(data.messages, function(i, message) {
        // compose the HTML code that displays the message
        var htmlHome = "";
        var htmlCamping = "";
        var htmlActiviteit = "";
        var htmlOmgeving = "";
        var htmlTour="";
        var htmlTariven = "";
        var htmlContact = "";
        $('#home')[0].innerHTML = "" ;
        $('#camping')[0].innerHTML = "" ;
        $('#activiteit')[0].innerHTML = "" ;
        $('#omgeving')[0].innerHTML = "" ;
        $('#tour')[0].innerHTML = "" ;
        $('#tariventekst')[0].innerHTML = "" ;
        $('#contact')[0].innerHTML = "" ;
        htmlHome += message.home ;
        htmlCamping += message.camping ;
        htmlActiviteit += message.activiteit ;
        htmlOmgeving += message.omgeving ;
        htmlTour += message.tour;
        htmlTariven += message.tariven ;
        htmlContact += message.contact ;
        // display the message
        $('#home')[0].innerHTML += htmlHome;
        $('#camping')[0].innerHTML += htmlCamping;
        $('#activiteit')[0].innerHTML += htmlActiviteit;
        $('#omgeving')[0].innerHTML += htmlOmgeving;
        $('#tour')[0].innerHTML += htmlTour;
        $('#tariventekst')[0].innerHTML += htmlTariven;
        $('#contact')[0].innerHTML += htmlContact;

    });
}

$(document).ready(function()
{
    retrieveNL();
    $('#nl').click(
        function(e) {
            retrieveNL();
        }
        );

    $('#en').click(
        function(e) {
            retrieveEN();
        }
        );

    $('#fr').click(
        function(e) {
            retrieveFR();
        }
        );
});