
<!-- ========================================== -->
<!-- Include file 'CommonSetUpBasic.php' opened -->
<!-- ========================================== -->


<!-- ============================================== -->
<!-- Include file 'CommonSetUp.php' opened -->
<!-- ============================================== -->


<!-- ============================================== -->
<!-- Include file 'ApplicationFunctions.php' opened -->
<!-- ============================================== -->

 
<!-- =============================================== -->
<!-- Include file 'ApplicationFunctions2.php' opened -->
<!-- =============================================== -->

 
<!-- =========================================== -->
<!-- Include file 'DatabaseFunctions.php' opened -->
<!-- =========================================== -->


<!-- ==================================================== -->
<!-- Include file 'DatabaseFunctions_MailList.php' opened -->
<!-- ==================================================== -->


<!-- =================================================== -->
<!-- Include file 'DatabaseFunctions_Artists.php' opened -->
<!-- =================================================== -->


<!-- ======================================================= -->
<!-- Include file 'DatabaseFunctions_ArtistTags.php' opened -->
<!-- ======================================================= -->

 
<!-- ============================================================= -->
<!-- Include file 'DatabaseFunctions_ArtistArtworkTags.php' opened -->
<!-- ============================================================= -->

 
<!-- ==================================================== -->
<!-- Include file 'DatabaseFunctions_Artworks.php' opened -->
<!-- ==================================================== -->

 
<!-- ======================================================= -->
<!-- Include file 'DatabaseFunctions_ArtworkTags.php' opened -->
<!-- ======================================================= -->

 
<!-- ================================================= -->
<!-- Include file 'DatabaseFunctions_Poems.php' opened -->
<!-- ================================================= -->

   
<!-- ======================================== -->
<!-- Include file 'ImageFunctions.php' opened -->
<!-- ======================================== -->


<!-- ======================================= -->
<!-- Include file 'LanguageArray.php' opened -->
<!-- ======================================= -->


<!-- Date('D'): 'Tue' -->

<!-- ========================================== -->
<!-- Include file 'phpHTMLFunctions.php' opened -->
<!-- ========================================== -->

 
<!-- =================================== -->
<!-- Include file 'ShowImage.php' opened -->
<!-- =================================== -->

 
<!-- ======================================= -->
<!-- Include file 'LinkFunctions.php' opened -->
<!-- ======================================= -->

 <!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [KeyName] => joke van broeckhoven
    [TemplateNeeded] => 1
    [BannerNeeded] => FALSE
    [Language] => nl
)

' -->
<!-- _POST: '
Array
(
)

' -->
<!-- GetParameter: 'BannerNeeded' -->
<!-- GetValue: 'FALSE' -->
<!-- GetValue: '' -->

<!-- BannerNeeded: '' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [KeyName] => joke van broeckhoven
    [TemplateNeeded] => 1
    [BannerNeeded] => FALSE
    [Language] => nl
)

' -->
<!-- _POST: '
Array
(
)

' -->
<!-- GetParameter: 'FullDescriptionNeeded' -->
<!-- GetValue: '' -->
<!-- GetValue: '' -->

<!-- FullDescriptionNeeded: '' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [KeyName] => joke van broeckhoven
    [TemplateNeeded] => 1
    [BannerNeeded] => FALSE
    [Language] => nl
)

' -->
<!-- _POST: '
Array
(
)

' -->
<!-- GetParameter: 'Debug' -->
<!-- GetValue: '1' -->
<!-- GetValue: '1' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [KeyName] => joke van broeckhoven
    [TemplateNeeded] => 1
    [BannerNeeded] => FALSE
    [Language] => nl
)

' -->
<!-- _POST: '
Array
(
)

' -->
<!-- GetParameter: 'TemplateNeeded' -->
<!-- GetValue: '1' -->
<!-- GetValue: '1' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [KeyName] => joke van broeckhoven
    [TemplateNeeded] => 1
    [BannerNeeded] => FALSE
    [Language] => nl
)

' -->
<!-- _POST: '
Array
(
)

' -->
<!-- GetParameter: 'PortraitShown' -->
<!-- GetValue: '1' -->
<!-- GetValue: '1' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [KeyName] => joke van broeckhoven
    [TemplateNeeded] => 1
    [BannerNeeded] => FALSE
    [Language] => nl
)

' -->
<!-- _POST: '
Array
(
)

' -->
<!-- GetParameter: 'ZoomImageShown' -->
<!-- GetValue: '1' -->
<!-- GetValue: '1' -->

<!-- Original WindowWidth: '' -->

<!-- Original WindowHeight: '' -->

    <script text="javascript">
        var OldWindowWidth = 0;
        var OldWindowHeight = 0;
        var WindowWidth = window.innerWidth;
        var WindowHeight = window.innerHeight;
        //DEBUG: alert(
        //DEBUG:     "OldWindowWidth: '" + OldWindowWidth + "';" +
        //DEBUG:     "WindowWidth: '" + WindowWidth + "';" +
        //DEBUG:     "OldWindowHeight: '" + OldWindowHeight + "';" +
        //DEBUG:     "WindowHeight: '" + WindowHeight + "';");
        if ( ( OldWindowWidth != WindowWidth) || ( OldWindowHeight != WindowHeight)){
            var OriginalURL = location.href;
            // Remove WindowWidth and WindowHeight from OriginalURL
            var queryString = location.search;
            var NewURL = '';
            NewURL =RemoveAndChangeURLParameter( OriginalURL, "WindowWidth", WindowWidth);
            NewURL =RemoveAndChangeURLParameter( NewURL, "WindowHeight", WindowHeight);
            // //DEBUG: alert( "NewURL: '" + NewURL + "'");
            location.assign( NewURL);
        } else {
            // //DEBUG: alert( "No changes");
        }
        
        // Function based on: 
        // https://stackoverflow.com/questions/1634748/how-can-i-delete-a-query-string-parameter-in-javascript
        function RemoveAndChangeURLParameter(OriginalURL, ParameterName, ParameterNewValue) {
            var NewURL = '';
            var urlparts = OriginalURL.split('?'); 
            if (urlparts.length < 2) {
                // No QueryString
                NewURL = OriginalURL + '?' + encodeURIComponent( ParameterName) + '=' + ParameterNewValue;
            } else {
                // QueryString exists
                // Remove ALL ParameterName
                var ParameterPrefix = encodeURIComponent( ParameterName) + '=';
                var ParameterArray = urlparts[1].split(/[&;]/g);
        
                // Reverse iteration to remove multiple parameters with the same ParameterName
                for (var i = ParameterArray.length; i-- > 0;) {    
                    //idiom for string.startsWith
                    if (ParameterArray[i].lastIndexOf(ParameterPrefix, 0) !== -1) {  
                        ParameterArray.splice(i, 1);
                    }
                }
                
                NewURL = urlparts[0];
                if ( ParameterArray.length == 0){
                    // no parameters in queryString
                    NewURL = NewURL + '?'; 
                } else {
                    NewURL = NewURL + '?' + ParameterArray.join('&') + '&';
                }
                NewURL = NewURL + encodeURIComponent( ParameterName) + '=' + ParameterNewValue;
            }
            return NewURL;
        }
    </script>


<!--WindowWidth: ''-->

<!--WindowHeight: ''-->

<!--LandscapeOrPortrait: 'Portrait'-->

<!DOCTYPE html>
<!-- The following line gives an error when the two end '>' are not separated, thus splitted over 3 lines -->
<!-- PHPHTML_addHTLMLangAttribute needs 2 attributes -->
<!-- * Language or "" -->
<!-- * $ModuleTrace, fictive value used -->
<html lang="nl"  style="font-size: 1.0em;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="author" content="Art Sanctuary">


        <title lang = 'nl'>
            Informatie over de kunstenaar
        </title>
    
        <link
            rel = 'canonical'
            href = 'www.the-enchanted-garden.info/2024/ArtistPage.php?KeyName=joke+van+broeckhoven&Language=nl'
        />
    
    <!-- Needed in ALL webpages -->
    <!-- This gives the browser instructions on how to control the page's dimensions and scaling. -->
    <!-- The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device). -->
    <!-- The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser. -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        /* Cannot be seen in the source-code (ctrl-u), thus difficult to debug */
        /* TODO: Reduce the StyleSheet */
        @import url( "StyleSheetUserInterface.css");

        /*
            How to understand @media:
            (min-width: MINpx) and (max-width: MAXpx) means:
            with a screen-size between MINpx and MAXpx execute the next statements.
            MINpx and MAXpx are inclusive, thus there can be overlap !!!
        */

        /*
            Main-screen corresponding with 'Home'
        */
        @media only screen and (max-width: 1200px) {
            #LogoASId, #SculptureImageLeftId, #WeatherForecastId {
                display: none;
            }
        }
        @media only screen and (max-width: 1200px) {
            #LogoGlassId, #StatisticsId {
                display: none;
            }
        }


        /*
            Number of columns in SelectionArtworkPanel
            The first menu column needs +/-100px
            An Artwork-column needs +/-350px
            Two Artwork columns need +/-100px + 350px + 350px = +/-800px
            Three Artwork columns need +/-100px + 350px + 350px + 350px = +/-1150px,
                but at 1200px the left and right navigationapanel appear, thus use 1200px
        */
        @media only screen and (max-width: 800px) {
            #DivFlexColumns1Id {
                display: block;
            }
            #DivFlexColumns2Id {
                display: none;
            }
            #DivFlexColumns3Id {
                display: none;
            }
        }
        @media only screen and (min-width: 800px) and (max-width: 1200px) {
            #DivFlexColumns1Id {
                display: none;
            }
            #DivFlexColumns2Id {
                display: block;
            }
            #DivFlexColumns3Id {
                display: none;
            }
        }
        @media only screen and (min-width: 1200px) {
            #DivFlexColumns1Id {
                display: none;
            }
            #DivFlexColumns2Id {
                display: none;
            }
            #DivFlexColumns3Id {
                display: block;
            }
        }

        /*
            In ArtistsPage, the MainImage for an Artist:
            - max-width minder dan 1200px: use 'Mobile' set-up: Geen MainImage (PHP-code makes this still possible)
            - max-width groter dan 1200px: use 'PC' set-up: MainImage on the same row as Artist-information
        */
        @media only screen and (max-width: 1200px) {
            #MainImageFramemobile {
                display: none;
            }
            #MainImageFramepc {
                display: none;
            }
        }
        @media only screen and (min-width: 1200px) {
            #MainImageFramemobile {
                display: none;
            }
            #MainImageFramepc {
                display: block;
            }
        }
    </style>

    <!-- Javascript Functions -->
    <!-- TODO: Put scripts in HTML comment for non-script users, gives issues when .js adds comments in HTML -->
    <!-- begin- and end-script-tag included in the 'OpenIncludeFile -->
    <script>
// JavascriptFuncions

var ArtistListPrefix = "ArtistList";
var LineBreakHTML = "\n";

// General function
//----------------------------------------------------------------------------

function ReadMore( ReadMoreId) {
    // Javascript to define onclick function
    // onmouseenter function is not more used
    // Needed for PHPAF_BeginReadMore and PHPAF_EndReadMore
    
  var x = document.getElementById( ReadMoreId);
  var ButtonElement = document.getElementById( "Button" + ReadMoreId);
  if (x.style.display === "none") {
    x.style.display = "block";
    ButtonElement.style.left = "200px";
    ButtonElement.innerText = ">>> Read less <<<";
  } else {
    x.style.display = "none";
    ButtonElement.style.left = "0px";
    ButtonElement.innerText = "<<< Read more >>>";
    // Mouse has to remain on the same position in the page
    // Without this line the whole webpage scrolls down
    // what is not nice for the reader
    location.href = "#" + "Button" + ReadMoreId;
  }
}    

//---------------------------------------------------------------------------

function JSTPF_Alert( AlertMessage, ModuleTrace = "Unknown"){
    var ModuleName = 'JSTPF_Alert';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        alert( AlertMessage);
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }    
}

// General function
//---------------------------------------------------------------------------

function JSTPF_CreateRightNavigationPanel(ClassName, MenuContainerId, ModuleTrace = "Unknown"){
    var ModuleName = 'JSTPF_CreateRightNavigationPanel';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        
        var ReferenceElementCollection = document.getElementsByClassName(ClassName);
        var MenuContainer = document.getElementById( MenuContainerId);
        
        var ReferenceElementIndex;
        for (ReferenceElementIndex = 0; ReferenceElementIndex < ReferenceElementCollection.length; ReferenceElementIndex++) {
            JSTPF_CreateRightNavigationaItem( ReferenceElementCollection[ReferenceElementIndex], MenuContainer);
        }
        
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }    
}

// General function
//---------------------------------------------------------------------------

function JSTPF_CreateRightNavigationaItem(ReferenceElement, MenuContainer, ModuleTrace = "Unknown"){
    var ModuleName = 'JSTPF_CreateRightNavigationaItem';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        
        var MenuElement;
        var ReferenceElementId = ReferenceElement.id;
        if (
                ReferenceElementId !== 'AnchorTopOfPage' &&
                ReferenceElementId !== 'AnchorBottomOfPage'){
            MenuElement = document.createElement("A");
            MenuContainer.appendChild(MenuElement);
            MenuElement.href = '#' + ReferenceElementId;
            if ( ReferenceElement.getAttribute("data-name") === null) {
                MenuElement.innerHTML = ReferenceElementId;
            } else {
                if ( ReferenceElement.getAttribute("data-name").length === 0){
                    MenuElement.innerHTML = ReferenceElementId;
                } else {
                    MenuElement.innerHTML = ReferenceElement.getAttribute("data-name");
                }
            }
            // Get the items in the right navigation panel: try to set Style: display:inline-block
            MenuElement.style.display = "inline-block"; // No result
            MenuElement = document.createElement("BR");
            MenuContainer.appendChild(MenuElement);
        } else {
            // 'a'-tag uses icon already defined in .php
        }

    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }    
}

// General function
//---------------------------------------------------------------------------

function JSGF_ReplaceAll( OriginalString, SearchString, ReplaceString, ModuleTrace = "Unknown"){
    // Javascript 'replace'-action only replaces one occurence not all occurences.
    // To replace all occurences a regexp have to be used,
    // it means that all special characters have to be escaped.
    // This functions works only with strings and replace all occurences.
    // It returns a new string after the replacements are executed
    
    var ModuleName = 'JSGF_ReplaceAll';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var FunctionResult = '';
    
    try {
        if( SearchString.length === 0 && ReplaceString.length === 0) {
            FunctionResult = OriginalString;
            DebugWindow = JSCF_ShowVariable( ModuleName, 'OriginalString', OriginalString, DebugWindow, ModuleTrace);
            DebugWindow = JSCF_ShowVariable( ModuleName, 'SearchString', SearchString, DebugWindow, ModuleTrace);
            DebugWindow = JSCF_ShowVariable( ModuleName, 'ReplaceString', ReplaceString, DebugWindow, ModuleTrace);
            DebugWindow = JSCF_ShowVariable( ModuleName, 'Message', 'OriginalString or ReplaceString are empty', DebugWindow, ModuleTrace);
        } else {
            FunctionResult = OriginalString.split( SearchString).join( ReplaceString);
        }
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            'OriginalString: ' + OriginalString + ': ' +
            'SearchString: ' + SearchString + ': ' +
            'ReplaceString: ' + ReplaceString + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        FunctionResult = '';
    }
    return FunctionResult;
}

//---------------------------------------------------------------------------

function JSUIF_ConvertToHTMLString( InputString, ModuleTrace = "Unknown" ){
    // 
    var ModuleName = 'JSUIF_ConvertToHTMLString';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        var i = InputString.length;
        var a = []; 
      
        while ( i--) { 
            var iC = InputString[i].charCodeAt( );
            switch (iC) {
                case 34:
                case 39:
                case 96:
                case 128:
                case 145:
                case 146:
                case 147:
                case 148:
                case 180:
                case 192:
                case 193:
                case 194:
                case 196:
                case 199:
                case 200:
                case 201:
                case 202:
                case 203:
                case 206:
                case 207:
                case 224:
                case 225:
                case 226:
                case 228:
                case 231:
                case 232:
                case 233:
                case 234:
                case 235:
                case 238:
                case 239:
                case 250:
                case 251:
                case 252:
                    a[i] = '&#' + iC + ';';
                    break;
                default:
                    a[i] = InputString[i];
                    break;
            }
        } 
        // Convert the elements of an array into a string
        return a.join( ''); 
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            'InputString: ' + InputString + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        return '';
    }
}

//---------------------------------------------------------------------------
// GeneralFunction

function JSGF_CopyAttributeFromElementToImageRecord( DataAttribute, CurrentElement, ImageRecord, ModuleTrace = "Unknown"){
    var ModuleName = 'JSGF_CopyAttributeFromElementToImageRecord';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        if ( typeof CurrentElement !== "undefined" && CurrentElement !==null){
            var AttributeName = 'data-' + DataAttribute.toLowerCase( );
            if ( CurrentElement.hasAttribute( AttributeName)){
                ImageRecord[DataAttribute] = CurrentElement.getAttribute( AttributeName);
            } else {
                ImageRecord[DataAttribute] = '';
            }
        } else {
            ImageRecord[DataAttribute] = '';
        }
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            'DataAttribute: ' + DataAttribute + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        ImageRecord[DataAttribute] = '';
    }
    // if (ImageRecord[DataAttribute].length == 0){
    //     DebugWindow = JSCF_ShowVariable( ModuleName, 'DataAttribute', DataAttribute, DebugWindow, ModuleTrace);
    //     DebugWindow = JSCF_ShowVariable( ModuleName, 'CurrentElement', CurrentElement, DebugWindow, ModuleTrace);
    //     DebugWindow = JSCF_ShowVariable( ModuleName, 'ImageRecord', ImageRecord, DebugWindow, ModuleTrace);
    // }
    
    return ImageRecord;
}

//---------------------------------------------------------------------------
// GeneralFunction

function JSGF_CopyAttributesFromElementToImageRecord( CurrentElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSGF_CopyAttributesFromElementToImageRecord';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var ImageRecord = [];
    
    try {
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'ImageFile', CurrentElement, ImageRecord, ModuleTrace);
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'ImageType', CurrentElement, ImageRecord, ModuleTrace);
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'FullName', CurrentElement, ImageRecord, ModuleTrace);
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'KeyName', CurrentElement, ImageRecord, ModuleTrace);
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'ArtworkTitle', CurrentElement, ImageRecord, ModuleTrace);
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'ImageWidth', CurrentElement, ImageRecord, ModuleTrace);
        ImageRecord = JSGF_CopyAttributeFromElementToImageRecord( 'ImageHeight', CurrentElement, ImageRecord, ModuleTrace);
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }

    return ImageRecord;
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_CopyAttributeFromToElement( DataAttributeName, FromElement, ToElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_CopyAttributeFromToElement';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        if( FromElement.hasAttribute( DataAttributeName)){
            ToElement.setAttribute( DataAttributeName, FromElement.getAttribute( DataAttributeName));
        } else {
            ToElement.setAttribute( DataAttributeName, '');
        }
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
    return ToElement;
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_CopyAttributesFromToElement( FromElement, ToElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_CopyAttributesFromToElement';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-imagefile', FromElement, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-imagetype', FromElement, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-imagewidth', FromElement, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-imageheight', FromElement, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-fullname', FromElement, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-keyname', FromElement, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromToElement( 'data-artworktitle', FromElement, ToElement, ModuleTrace);
    } catch( JSError) {
        JSError.message = 'ModuleName: ' + ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }    
    return ToElement;
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_CopyAttributeFromImageRecordToElement( AttributeName, FromImageRecord, ToElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_CopyAttributeFromImageRecordToElement';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        if ( typeof FromImageRecord[AttributeName] !== "undefined" && FromImageRecord[AttributeName] !== null){
            var DataAttributeName = 'data-' + AttributeName.toLowerCase( );
            if ( typeof ToElement !== "undefined" && ToElement !== null){
                ToElement.setAttribute( DataAttributeName, FromImageRecord[AttributeName]);
            } else {
                // Do nothing
            }
        } else {
            // Do nothing
        }
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }

    return ToElement;
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_CopyAttributesFromImageRecordToElement( FromImageRecord, ToElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_CopyAttributesFromImageRecordToElement';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'ImageFile', FromImageRecord, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'ImageType', FromImageRecord, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'ImageWidth', FromImageRecord, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'ImageHeight', FromImageRecord, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'FullName', FromImageRecord, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'KeyName', FromImageRecord, ToElement, ModuleTrace);
        ToElement = JSUIF_CopyAttributeFromImageRecordToElement( 'ArtworkTitle', FromImageRecord, ToElement, ModuleTrace);
     } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
    return ToElement;
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_UpdateArtist( TriggerElementId, NextKeyName, KeyName, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_UpdateArtist';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        // Refresh the page with the new artist
        var PHPLanguage = "nl";
        var PHPYear     = "2024";
        var URL =
            "ArtistPage.php?KeyName=" +
            NextKeyName +
            "&BannerNeeded=FALSE&Language=" + PHPLanguage + "&Year=" + PHPYear;
        window.open( URL, '_self');
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            'TriggerElementId: ' + TriggerElementId + ': ' +
            'NextKeyName: ' + NextKeyName + ': ' +
            'KeyName: ' +KeyName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_PrevImage( TriggerElementId, ImageFile, CheckSameArtist, UpdateAction, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_PrevImage';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        if (UpdateAction.length == 0){
            UpdateAction = 'JSUIF_UpdateImage';
        }
        JSUIF_GetNextPrevElement(
            TriggerElementId,       
            ImageFile,          // - KeyName
            false,              // - GetNextElement = true, GetPrevElement = false
            'ImageFileList',    // - ListName: Needed to select the correct list
            CheckSameArtist,    // - 'FALSE': don't check if it's the same artist
            UpdateAction      // - UpdateAction: 'JSUIF_UpdateImage' or 'JSUIF_UpdateArtist' or 'Refresh'
        );
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_NextImage( TriggerElementId, ImageFile, CheckSameArtist, UpdateAction, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_NextImage';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        if (UpdateAction.length == 0){
            UpdateAction = 'JSUIF_UpdateImage';
        }
        JSUIF_GetNextPrevElement(
            TriggerElementId,       
            ImageFile,          // - KeyName
            true,               // - GetNextElement = true, GetPrevElement = false
            'ImageFileList',    // - ListName: Needed to select the correct list
            CheckSameArtist,    // - 'FALSE': don't check if it's the same artist
            UpdateAction      // - UpdateAction: 'JSUIF_UpdateImage' or 'JSUIF_UpdateArtist' or 'Refresh'
        );
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }

}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_PrevArtist( TriggerElementId, KeyName, CheckSameArtist, UpdateAction, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_PrevArtist';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        var KeyNameId = ArtistListPrefix + ' ' + KeyName;
        if (UpdateAction.length == 0){
            UpdateAction = 'JSUIF_UpdateArtist';
        }
        JSUIF_GetNextPrevElement(
            TriggerElementId,       
            KeyNameId,          // - KeyName
            false,              // - GetNextElement = true, GetPrevElement = false
            'ArtistList',       // - ListName: Needed to select the correct list
            'FALSE',            // - 'FALSE': don't check if it's the same artist
            UpdateAction      // - UpdateAction: 'JSUIF_UpdateImage' or 'JSUIF_UpdateArtist' or 'Refresh'
        );

    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_NextArtist( TriggerElementId, KeyName, CheckSameArtist, UpdateAction, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_NextArtist';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        var KeyNameId = ArtistListPrefix + ' ' + KeyName;
        if (UpdateAction.length == 0){
            UpdateAction = 'JSUIF_UpdateArtist';
        }
        JSUIF_GetNextPrevElement(
            TriggerElementId,       
            KeyNameId,              // - KeyName
            true,                   // - GetNextElement = true, GetPrevElement = false
            'ArtistList',           // - ListName: Needed to select the correct list
            'FALSE',                // - 'FALSE': don't check if it's the same artist
            UpdateAction          // - UpdateAction: 'JSUIF_UpdateImage' or 'JSUIF_UpdateArtist' or 'Refresh'
        );
        
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_GetNextPrevElement(
        TriggerElementId,   // - Id of Element to be updated    
        CurrentElementId,   // - KeyName or ElementId in list
        GetNextElement,     // - GetNextElement = true, GetPrevElement = false
        ListName,           // - ListName: Needed to select the correct list
        CheckSameArtist,    // -'FALSE': don't check if it's the same artist
        UpdateAction,       // - UpdateAction: 'JSUIF_UpdateImage' or 'JSUIF_UpdateArtist' or to be defined
        ModuleTrace = "Unknown"
    ){

    var ModuleName = 'JSUIF_GetNextPrevElement';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        var CurrentElement = document.getElementById( CurrentElementId);
        var NextElement;
        if ( typeof CurrentElement === "undefined" || CurrentElement === null){
            // Error without known cause
            // To be solved
        } else {
            if ( GetNextElement){
                NextElement = CurrentElement.nextSibling;
            } else {
                NextElement = CurrentElement.previousSibling;
            }
            var GetFirstOrLastElement = true;
            if ( JSUIF_CheckNextElementIsOK( NextElement, CurrentElement)){
                // 'FALSE': don't check if it's the same artist
                if ( CheckSameArtist != 'FALSE'){
                    if ( JSUIF_SameArtist( NextElement, CurrentElement)) {
                        GetFirstOrLastElement = false;
                    } else {
                        GetFirstOrLastElement = true;
                    }
                } else {
                    GetFirstOrLastElement = false;
                }
            } else {
                GetFirstOrLastElement = true;
            }
            
            if ( GetFirstOrLastElement){
                // GetNextElement = true: Get the first CurrentElementId for the Artist: FirstFlag = true
                // GetNextElement = false: Get the last CurrentElementId for the Artist: FirstFlag = false
                NextElement = JSAF_GetFirstOrLastElementId( CurrentElement, GetNextElement, CheckSameArtist, ListName, ModuleTrace);
            } else {
                // Nothing to do
            }   
        
            if ( UpdateAction == 'JSUIF_UpdateImage'){
                JSUIF_UpdateImage( TriggerElementId, NextElement, CurrentElement);
            } else if ( UpdateAction == 'JSUIF_UpdateArtist') {
                JSUIF_UpdateArtist( TriggerElementId, NextElement.getAttribute( 'data-keyname'), CurrentElement.getAttribute( 'data-keyname'));
            } else if ( UpdateAction == 'Refresh') {
                var CurrentURL = window.location.href;
                // Replace '%20' by ' '
                CurrentURL = JSGF_ReplaceAll( CurrentURL, '%20', ' ', ModuleTrace);
                var NextURL = '';
                // If URL contains 'ImageFile' (CurrentElement.id) the replace it by the new 'Imagefile' (NextElement.id)
                // Else add 'ImageFile' parameter to URL
                if (CurrentURL.search('ImageFile') >= 0){
                    NextURL = JSGF_ReplaceAll( CurrentURL, CurrentElement.id, NextElement.id, ModuleTrace);
                } else {
                    if (window.location.search.length > 0) {
                        // Already a query string, add a supplementary parameter
                        NextURL = CurrentURL + '&';
                    } else {
                        // No query string, add first parameter
                        NextURL = CurrentURL + '?';
                    }
                    NextURL =  NextURL + 'ImageFile=' + NextElement.id;
                }
                window.location.assign( NextURL);
            } else {
                alert ( 
                    'UpdateAction: ' +
                    UpdateAction +
                    ': Not supported!');
    
            }
        }

    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}
//---------------------------------------------------------------------------
// UserInterface

function JSAF_GetFirstOrLastElementId( CurrentElement, FirstFlag, CheckSameArtist, ListName, ModuleTrace = "Unknown"){
    var ModuleName = 'JSAF_GetFirstOrLastElementId';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var NextElement;
    
    try {
        // Get the first or last CurrentElementId for the Artist
        var ArtistKeyName = CurrentElement.getAttribute( 'data-keyname');
        var ClassNames = ListName;
        // 'FALSE': don't check if it's the same artist
        if ( CheckSameArtist != 'FALSE') {
            // Add KeyName to the ClassNames
            ClassNames = ClassNames + ' ' + JSGF_ReplaceAll( ArtistKeyName, ' ', '');
        }
        var ArtworkArray = document.getElementsByClassName( ClassNames);
        var ElementIndex = 0;
        if ( FirstFlag === true){
            ElementIndex = 0;
        } else {
            // Last artwork in the list
            ElementIndex = ArtworkArray.length -1;
        }
        NextElement = ArtworkArray[ElementIndex];

    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
    
    return NextElement;
}

//---------------------------------------------------------------------------
// UserInterface

function JSAF_GetFirstOrLastArtist( KeyName, FirstFlag, ModuleTrace = "Unknown"){
    // Get the first or last KeyName for Artist
    // Prefix in element.id to identify the ArtistList
    var ModuleName = 'JSAF_GetFirstOrLastArtist';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var NextArtist;
    
    try {
        var ArtistClass = ArtistListPrefix;
        var ArtistArray = document.getElementsByClassName( ArtistClass);
        var ElementIndex = 0;
        if ( FirstFlag === true){
            ElementIndex = 0;
        } else {
            // Last artwork in the list
            ElementIndex = ArtistArray.length -1;
        }
        // Only one replacement needed, the Javascript replace can be used
        var NextArtist = ArtistArray[ElementIndex].id.replace( ArtistListPrefix + '_', '');

    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }

    return NextArtist;

}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_CheckNextElementIsOK( NextElement, CurrentElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_CheckNextElementIsOK';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var NextElementIsOK = false;
    
    try {
        if ( typeof CurrentElement !== "undefined" &&
            CurrentElement !== null &&
            typeof NextElement !== "undefined" &&
            NextElement !== null){
            if ( CurrentElement.id.length == 0 || NextElement.id.length == 0){
                NextElementIsOK = false;
            } else {
                NextElementIsOK = true;
            }
        } else {
            NextElementIsOK = false;
        }  

    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }

    return NextElementIsOK;
}

//---------------------------------------------------------------------------
// UserInterface

function JSUIF_SameArtist( NextElement, CurrentElement, ModuleTrace = "Unknown"){
    // Check same artist
    var ModuleName = 'JSUIF_SameArtist';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var SameArtist = false;
    
    try {
        var CurrentKeyName = CurrentElement.getAttribute( 'data-keyname');
        var NextKeyName = NextElement.getAttribute( 'data-keyname');
        if ( CurrentKeyName == NextKeyName){
            SameArtist = true;
        } else {
            SameArtist = false;
        }

    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
    
    return SameArtist;
}

//---------------------------------------------------------------------------
// Debug function

function JSDEBUGF_PrintElementHTMLCode( DebugElement, ModuleTrace = "Unknown"){
    // Write innerHTML of an element to DebugWindow.document.write
    var ModuleName = 'JSDEBUGF_PrintElementHTMLCode';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var DebugElementHTML = DebugElement.innerHTML;
    
    try {
        JSDEBUGF_PrintHTMLCode( DebugElementHTML);
        
    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------
// Debug function

function JSDEBUGF_PrintHTMLCode( DebugElementHTML, ModuleTrace = "Unknown"){
    // Write HTMLcode to DebugWindow.document.write
    var ModuleName = 'JSDEBUGF_PrintHTMLCode';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
    
        var ElementHTML = JSGF_ReplaceAll( DebugElementHTML, "<", "#B#", ModuleTrace);
        ElementHTML = JSGF_ReplaceAll( ElementHTML, ">", "#E#", ModuleTrace);
        if ( DebugWindow === null){
            DebugWindow = window.open( ); 
        }
        DebugWindow.document.write( 'ModuleName; ' + ModuleName + LineBreakHTML);
        DebugWindow.document.write( 'ElementHTML: ' + ElementHTML + LineBreakHTML);
        DebugWindow.document.write( LineBreakHTML);

    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------

function JSUIF_UpdateImage( TriggerElementId, NextElement, CurrentElement, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_UpdateImage';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        var CurrentImageRecord = JSGF_CopyAttributesFromElementToImageRecord( CurrentElement, ModuleTrace);
        var NextImageRecord = JSGF_CopyAttributesFromElementToImageRecord( NextElement, ModuleTrace);
        JSUIF_UpdateImageUsingImageRecords( TriggerElementId, NextImageRecord, CurrentImageRecord, ModuleTrace);
    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------

function JSUIF_UpdateImageUsingImageRecords( TriggerElementId, NextImageRecord, CurrentImageRecord, ModuleTrace = "Unknown"){
    var ModuleName = 'JSUIF_UpdateImageUsingImageRecords';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        var FieldIdCore = TriggerElementId;
        var FieldIdTop = FieldIdCore + '_' + 'top';
        
        var ElementTop = document.getElementById( FieldIdTop);
        if (typeof ElementTop === "undefined" || ElementTop === null){
            return;
        }
        
        var CurrentElementHTML = ElementTop.innerHTML;
        var NextElementHTML = ElementTop.innerHTML;
        
        // @@@ Not needed?
        var ContinueFlag = true;
        
        // Check on empty fields
        ModuleTrace = ModuleTrace + " & " + "Check on empty fields";
        if( CurrentImageRecord.ImageFile.length === 0  ||
            CurrentImageRecord.ArtworkTitle.length === 0 ||
            CurrentImageRecord.FullName.length === 0 ||
            CurrentImageRecord.KeyName.length === 0 ) {
        } else {
            // We try to not repeat the same value more than ones
            ModuleTrace = ModuleTrace + " & " + "We try to not repeat the same value more than ones";
            var NextImageFile = JSGF_ReplaceAll( NextImageRecord.ImageFile, ' ', '§1§1§1§1§', ModuleTrace);
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, CurrentImageRecord.ImageFile, NextImageFile, ModuleTrace);
            
            var NextArtworkTitle = JSGF_ReplaceAll( NextImageRecord.ArtworkTitle, ' ', '§2§2§2§2§', ModuleTrace);
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, CurrentImageRecord.ArtworkTitle, NextArtworkTitle, ModuleTrace);
            
            var NextFullName = JSGF_ReplaceAll( NextImageRecord.FullName, ' ', '§3§3§3§3§', ModuleTrace);
            // Use JSUIF_ConvertToHTMLString???
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, CurrentImageRecord.FullName, NextFullName, ModuleTrace);

            var NextKeyName = JSGF_ReplaceAll( NextImageRecord.KeyName, ' ', '§4§4§4§4§', ModuleTrace);
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, CurrentImageRecord.KeyName, NextKeyName, ModuleTrace);
            
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, '§1§1§1§1§', ' ', ModuleTrace);
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, '§2§2§2§2§', ' ', ModuleTrace);
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, '§3§3§3§3§', ' ', ModuleTrace);
            NextElementHTML = JSGF_ReplaceAll( NextElementHTML, '§4§4§4§4§', ' ', ModuleTrace);
    
            // Change ElementTop
            ModuleTrace = ModuleTrace + " & " + "hange ElementTop";
            if (typeof ElementTop === "undefined" || ElementTop === null ||
                typeof NextElementHTML === "undefined" || NextElementHTML === null){
                // Something is wrong, Generates error message
                ModuleTrace = ModuleTrace + " & " + "Something is wrong, Generates error message";
                if ( DebugWindow === null){
                    DebugWindow = window.open( ); 
                }
                DebugWindow.document.write( 
                    'ModuleName: ' + ModuleName + LineBreakHTML);
                DebugWindow.document.write( 
                    'ModuleTrace: ' + ModuleTrace + LineBreakHTML);
                DebugWindow.document.write( 
                    'CurrentElementHTML: ');
                JSDEBUGF_PrintHTMLCode( CurrentElementHTML); // Write to DebugWindow
                DebugWindow.document.write( 
                    'NextElementHTML: ');
                JSDEBUGF_PrintHTMLCode( NextElementHTML); // Write to DebugWindow
                DebugWindow.document.write( 
                    LineBreakHTML);
            } else {
                // All oK, continue normal processing
                ModuleTrace = ModuleTrace + " & " + "All oK, continue normal processing";
                ElementTop.innerHTML = NextElementHTML;
                ElementTop = JSUIF_CopyAttributesFromImageRecordToElement( NextImageRecord, ElementTop, ModuleTrace, ModuleTrace);
                
                // Change attributes also in elements corresponding with FieldIdImage & FieldIdCell
                ModuleTrace = ModuleTrace + " & " + "Change attributes also in elements corresponding with FieldIdImage & FieldIdCell";
                var FieldIdCell = FieldIdCore + '_' + 'cell';
                var ElementCell = document.getElementById( FieldIdCell);
                if (typeof ElementCell === "undefined" || ElementCell === null) {
                    // Something is wrong, Generates error message
                    ModuleTrace = ModuleTrace + " & " + "Something is wrong, Generates error message";
                    if ( DebugWindow === null){
                        DebugWindow = window.open( ); 
                    }
                    DebugWindow.document.write( 
                        'ModuleName: ' + ModuleName + LineBreakHTML);
                    DebugWindow.document.write( 
                        'ModuleTrace: ' + ModuleTrace + LineBreakHTML);
                    DebugWindow.document.write( 
                        'FieldIdCell: ' + FieldIdCell);
                    DebugWindow.document.write( 
                        LineBreakHTML);
                } else {
                    // All oK, continue normal processing
                    ModuleTrace = ModuleTrace + " & " + "All oK, continue normal processing";
                    ElementCell = JSUIF_CopyAttributesFromImageRecordToElement( NextImageRecord, ElementCell, ModuleTrace);
                    var FieldIdImage = FieldIdCore + '_' + 'image';
                    var ElementImage = document.getElementById( FieldIdImage);
                    ElementImage = JSUIF_CopyAttributesFromImageRecordToElement( NextImageRecord, ElementImage, ModuleTrace);
                }
            }
        }
    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------

function JSUIF_ResizeToExtra( OriginalWidth, OriginalHeight, MinimalWidth, MinimalHeight, ModuleTrace = "Unknown"){
    // Resize so that the image covers at least the whole rectangle MinimalWidth, MinimalHeight
    var ModuleName = 'JSUIF_ResizeToExtra';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var NewWidth = 0;
    var NewHeight = 0;
    
    try {
    	var OriginalRatio = OriginalHeight / OriginalWidth;
    	if ( MinimalHeight <= MinimalWidth * OriginalRatio){
    	    // We use MinimalWidth as reference and calculate the corresponding NewHeight
    	    NewWidth = MinimalWidth;
    	    NewHeight = Math.floor( MinimalWidth * OriginalRatio);
    	} else {
    	    // MinimalHeight has to be used as a reference
    	    NewWidth = Math.floor( MinimalHeight / OriginalRatio);
    	    NewHeight = MinimalHeight;
    	}
    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
	
	return [ NewWidth, NewHeight];
}

//---------------------------------------------------------------------------

function JSUIF_ShowMessage( ModuleName, Message, AlertOnlyFlag, ModuleTrace = "Unknown"){
    var FullMessage =
            'ModuleName: ' + ModuleName + ': ' +
            'Message: ' + Message;
    JSTPF_Alert( FullMessage, ModuleTrace);
    if (typeof AlertOnlyFlag === undefined || !AlertOnlyFlag){
        if ( DebugWindow === null){
            DebugWindow = window.open( ); 
        }
        DebugWindow.document.write( FullMessage);
        return DebugWindow;
    }
}

//---------------------------------------------------------------------------

function JSUIF_OpenFullscreen( CurrentElementId, ModuleTrace = "Unknown") {
    var ModuleName = "JSUIF_OpenFullscreen";
    ModuleTrace = ModuleTrace + ModuleName;
    
    var CurrentElement = null;

    try {
        CurrentElement = document.getElementById( CurrentElementId);
        if (CurrentElement.requestFullscreen) {
            CurrentElement.requestFullscreen();
        } else if (CurrentElement.webkitRequestFullscreen) { /* Safari */
            CurrentElement.webkitRequestFullscreen();
        } else if (CurrentElement.msRequestFullscreen) { /* IE11 */
            CurrentElement.msRequestFullscreen();
        } else {
            JSTPF_Alert(
                "Votre navigateur web ne permet pas l'affichage en mode plein écran.\n" +
                "Uw webbrowser laat het tonen op het volledige scherm niet doe.\n" +
                "Your web browser does not allow you to display in full screen mode.\n", ModuleTrace);
        }
    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//---------------------------------------------------------------------------

function JSUIF_CloseFullscreenNOTNEEDED( ModuleTrace = "Unknown") {
    var ModuleName = "JSUIF_CloseFullscreen";
    ModuleTrace = ModuleTrace + ModuleName;
    
    try {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.webkitExitFullscreen) { /* Safari */
            document.webkitExitFullscreen();
        } else if (document.msExitFullscreen) { /* IE11 */
            document.msExitFullscreen();
        } else {
            JSTPF_Alert(
                "Votre navigateur web ne permet pas l'affichage en mode plein écran.\n" +
                "Uw webbrowser laat het tonen op het volledige scherm niet doe.\n" +
                "Your web browser does not allow you to display in full screen mode.\n", ModuleTrace);
        }
    } catch( JSError) {
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}</script>
<script>
var PrefixCellId = 'cell';
var PrefixImageId = 'image';
var CaptionIdPrefix = 'caption';
// var ImageUpdateIntervalSeconds = 2000;
var ImageUpdateIntervalSeconds = 2000;
var RemoveHooverImageIntervalSeconds = 5000;

// Parameters to update images
var ImageFileShowArraySizeMax = 50; // update to ImageFileArrayOriginal.length / 2
var ImageFileArray = [];
var ImageFileShowArray = [];
var LineBreakHTML = '<br>';

// Parameters for debugging
var DebugWindow = null;
var DebugFlag = false;

function JSMPF_CreateMosaic(TableId, ThumbnailDirectory, HooverImageDirectory, ZoomImageDirectory, TemplateNeeded, ModuleTrace = "Unknown"){
    var ModuleName = 'JSMPF_CreateMosaic';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    var ImageArrayCellNumberMax;
    
    JSTPF_Alert( "JSMPF_CreateMosaic" + " started");
    
    try {

        // Number of the visible images; number of the cell; Array index starts with 0
        var ImageArrayCellNumber = -1;
        
        var CellWidthMax = 300;
        var CellHeightMax = 300;
        var WindowWidthPercentage = 1;
        var WindowHeightPercentage = 1;
    
        // Get list with images
        JSMPF_GetListWithImageFiles( ModuleTrace);
    
        var TableElement = document.getElementById(TableId);
        var ArrayNumberMax = JSMPF_CalculateTableCellNumberMax(CellWidthMax, CellHeightMax, WindowWidthPercentage, WindowHeightPercentage, TemplateNeeded, ModuleTrace);
        var ColumnNumberMax = ArrayNumberMax.ColumnNumberMax;
        var RowNumberMax = ArrayNumberMax.RowNumberMax;
    
        var QueryString = '';
        var RowNumber, ColumnNumber;
        for (RowNumber = 1; RowNumber <= RowNumberMax; RowNumber++){
            for (ColumnNumber = 1; ColumnNumber <= ColumnNumberMax; ColumnNumber++){
                // Number of the visible image; number of the cell; Array index starts with 0
                ImageArrayCellNumber += 1;
                QueryString = AddMosaicCell(PrefixCellId, QueryString, ImageArrayCellNumber);
                QueryString = AddMosaicCellContent(QueryString);
            }
        }
        ImageArrayCellNumberMax = ImageArrayCellNumber;
        
        // Refresh page with RowNumberMax, ColumnNumberMax, ImageFileShowArray[*]['ImageFile']
        var CurrentHREF = window.location.href;
        var NextHREF = CurrentHREF.replace('MosaicPage.php', 'MosaicPage2.php'); // Create 2nd url including the same query-string
        // Check if there is already a query string
        if (NextHREF.indexOf("?") >=0){
            // There is already a query string, add '&'
            NextHREF = NextHREF + '&';
        } else {
            // No query string, add '?'
            NextHREF = NextHREF + '?';
        }
        // Add parameters
        NextHREF = NextHREF + 'RowNumberMax=' + RowNumberMax;
        NextHREF = NextHREF + '&' + 'ColumnNumberMax=' + ColumnNumberMax;
        NextHREF = NextHREF + '&' + 'PrefixCellId=' + PrefixCellId;
        NextHREF = NextHREF + QueryString;
    
        window.open(
            NextHREF,
            '_self');
            
    } catch( JSError){
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
    
//---------------------------------------------------------------------------
    function JSMPF_CalculateTableCellNumberMax(CellWidthMax, CellHeightMax, WindowWidthPercentage, WindowHeightPercentage, TemplateNeeded, ModuleTrace = "Unknown"){
        var ModuleName = 'JSMPF_CalculateTableCellNumberMax';
        ModuleTrace = ModuleTrace + " & " + ModuleName;

        var ColumnNumberMax;
        var RowNumberMax;
        
        try {
            
            var WindowWidth = window.innerWidth * WindowWidthPercentage;
            var WindowHeight = window.innerHeight * WindowHeightPercentage;
            
            if (typeof TemplateNeeded === 'undefined'){
                TemplateNeeded = true;
            }
            if (TemplateNeeded === true){
                // To be replaced by the use of margins (top, right, bottom, left)
                WindowWidth = WindowWidth * 0.7;
                WindowHeight = WindowHeight - 350;
            }
    
            ColumnNumberMax = Math.floor(WindowWidth / CellWidthMax);
            if (ColumnNumberMax <= 1){
                ColumnNumberMax = 1;
            }
            
            RowNumberMax = Math.floor(WindowHeight / CellWidthMax);
            if (RowNumberMax <= 1){
                RowNumberMax = 1;
            }
            
        } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        }
        
        return {
            ColumnNumberMax : ColumnNumberMax,
            RowNumberMax : RowNumberMax
        };
    }
//---------------------------------------------------------------------------

    function AddMosaicCell( PrefixCellId, QueryString, ImageArrayCellNumber, ModuleTrace = "Unknown"){
        var ModuleName = 'AddMosaicCell';
        ModuleTrace = ModuleTrace + " & " + ModuleName;
        
        var ReturnMessage;
        ReturnMessage = "";
        
        try {
            var TDElementId = PrefixCellId + ImageArrayCellNumber;
            ReturnMessage = QueryString + "&" + TDElementId + "=";
            
        } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        }
        
        return ReturnMessage;
    }
    
//---------------------------------------------------------------------------

    function AddMosaicCellContent(TDElementOrQueryString, ModuleTrace = "Unknown"){
        var ModuleName = 'AddMosaicCellContent';
        ModuleTrace = ModuleTrace + " & " + ModuleName;
        
        try {
            TDElementOrQueryString = TDElementOrQueryString + JSMPF_SelectRandomImageFile()['ImageFile'];
        } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        }
        
        return TDElementOrQueryString;
    }
}

//---------------------------------------------------------------------------

function JSMPF_ContinueMosaic(
            TableId,
            ThumbnailDirectory,
            HooverImageDirectory,
            ZoomImageDirectory,
            RowNumberMax,
            ColumnNumberMax,
            PrefixCellId,
            ModuleTrace = "Unknown"){
    var ModuleName = 'JSMPF_ContinueMosaic';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {

        DebugFlag = false;
        DebugWindow = null;
    
        // Get list with images
        JSMPF_GetListWithImageFiles( ModuleTrace);
    
        var TableElement = document.getElementById(TableId);
    
        var RowNumber, ColumnNumber;
        var ImageArrayCellNumber = -1;
        var TDElementId;
        var TDElement;
        var ImageFile;
        for (RowNumber = 1; RowNumber <= RowNumberMax; RowNumber++){
            for (ColumnNumber = 1; ColumnNumber <= ColumnNumberMax; ColumnNumber++){
                // Number of the visible image; number of the cell; Array index starts with 0
                ImageArrayCellNumber += 1;
                TDElementId = PrefixCellId + ImageArrayCellNumber + '_' + 'cell';
                TDElement = document.getElementById(TDElementId);
                if (typeof TDElement === 'undefined' || TDElement === null){
                    if (DebugWindow === null){
                        DebugWindow = window.open();
                    }
                    DebugWindow.document.write('ModuleName: ' + ModuleName + LineBreakHTML);
                    DebugWindow.document.write('TDElementId: ' + TDElementId + ': ' + 'No corresponding TDElement!' + LineBreakHTML);
                } else {
                    ImageFile = TDElement.getAttribute('data-imagefile');
                }
            }
        }
        ImageArrayCellNumberMax = ImageArrayCellNumber;
        // var ImageUpdateIntervalId is only needed as a return of 'setInterval'
        var ImageUpdateIntervalId = setInterval(JSMPF_RefreshMosaicPage, ImageUpdateIntervalSeconds);

    } catch( JSError){
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }


//---------------------------------------------------------------------------
// Function definition included in parent function is needed, otherwhise errors are generated:
// JSMPF_RefreshMosaicPage: ImageArrayCellNumberMax is not defined
// Issue: this function is asynchronuous called by the previous function 'JSMPF_ContinueMosaic' (setInterval(JSMPF_RefreshMosaicPage, ImageUpdateIntervalSeconds)),
// thus 'global' variable needed!

    function JSMPF_RefreshMosaicPage( ModuleTrace = "JSMPF_ContinueMosaic & setInterval & JSMPF_ContinueMosaic"){
        var ModuleName = 'JSMPF_RefreshMosaicPage';
        ModuleTrace = ModuleTrace + " & " + ModuleName;
        
        try {
        
            // Calc random ImageArrayCellNumber
            ModuleTrace = ModuleTrace + " & " + "Calc random ImageArrayCellNumber";
            // The first cell has number 0
            // The last cell has number ImageArrayCellNumberMax, retrieved from the previous function 
            if (typeof ImageArrayCellNumberMax === 'undefined'){
                ImageArrayCellNumber = 1;
            } else {
                if (ImageArrayCellNumberMax <= 1 ){
                    ImageArrayCellNumber = 1;
                } else {
                    ImageArrayCellNumber = Math.floor(Math.random() * (ImageArrayCellNumberMax + 1));
                    if (ImageArrayCellNumber >= ImageArrayCellNumberMax){
                        ImageArrayCellNumber = ImageArrayCellNumberMax;
                    }
                }
            }
            var TriggerElementId = PrefixCellId + ImageArrayCellNumber;
            TDElement = document.getElementById(TriggerElementId + '_' + 'cell');
            var CurrentImageRecord = JSGF_CopyAttributesFromElementToImageRecord(TDElement, ModuleTrace);
            var NextImageRecord = JSMPF_SelectRandomImageFile( ModuleTrace);
            
            // Adapt Image
            ModuleTrace = ModuleTrace + " & " + "Adapt Image";
            DebugFlag = false;
            if (DebugFlag){
                if (DebugWindow === null){
                    DebugWindow = window.open();
                }
                DebugWindow.document.write('ModuleName: ' + ModuleName + LineBreakHTML);
                DebugWindow.document.write('TriggerElementId: ' + TriggerElementId + LineBreakHTML);
                DebugWindow.document.write('NextImageRecord[ImageFile]: ' + NextImageRecord['ImageFile'] + LineBreakHTML);
                DebugWindow.document.write('CurrentImageRecord[ImageFile]: ' + CurrentImageRecord['ImageFile'] + LineBreakHTML);
            }
            DebugFlag = false;
            JSUIF_UpdateImageUsingImageRecords(TriggerElementId, NextImageRecord, CurrentImageRecord);
    
        } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        }
    }
}

//-----------------------------------------------------------------------------------

function JSMPF_GetListWithImageFiles( ModuleTrace = "Unknown"){
    var ModuleName = "JSMPF_GetListWithImageFiles";
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        var ImageFileArrayOriginal = document.getElementsByClassName('ImageFileList');
        var ItemNumber;
        ImageFileShowArraySizeMax = ImageFileArrayOriginal.length / 2;
    
        for (ItemNumber = 0; ItemNumber < ImageFileArrayOriginal.length; ItemNumber++){
            ImageFileArray.push( ImageFileArrayOriginal.item(ItemNumber));
        }
        
    } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
        
}

//-----------------------------------------------------------------------------------

function JSMPF_SelectRandomImageFile( ModuleTrace = "Unknown"){
    var ModuleName = 'JSMPF_SelectRandomImageFile';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    var ImageRecord;

    try {
        var ImageFileArraySize = ImageFileArray.length;
        var RandomNumber = Math.floor(Math.random() * ImageFileArraySize);
        // Store data in ImageRecord
        ImageRecord  = JSGF_CopyAttributesFromElementToImageRecord(ImageFileArray[RandomNumber], ModuleTrace);
        // Move Image to ImageFileShowArray
        if (ImageFileShowArray.length >= ImageFileShowArraySizeMax){
            // The oldest entry has to be moved on top of the ImageFileArray
            ImageFileArray.push(ImageFileShowArray.shift());
        }
        ImageFileShowArray.push(ImageFileArray[RandomNumber]);
        // Move image out of ImageFileArray
        ImageFileArray.splice(RandomNumber, 1);
    } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }        
    
    return ImageRecord;
}
    
//-----------------------------------------------------------------------------------

function JSMPF_EndHoover( ModuleTrace = "Unknown"){
    var ModuleName = 'JSMPF_EndHoover';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        // Adapt HooverImage to initial settings
        var HooverImageDiv = document.getElementById('HooverImageDiv');
        HooverImageDiv.style.opacity = 0;
        HooverImageDiv.style.zIndex = -10;
    } catch( JSError){
            JSError.message = ModuleName + ': ' + JSError.message;
            DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }

}
    
//-----------------------------------------------------------------------------------

function JSMPF_StartHoover(UserEvent, ImageFile, ThumbnailDirectory, HooverImageDirectory, ZoomImageDirectory, Language, ModuleTrace = "Unknown"){
    var ModuleName = 'JSMPF_StartHoover';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    // To be corrected
    var Language = 'en';
    DebugFlag = false;
    
    try {
        
        // The default action that belongs to the event is blocked to occur
        UserEvent.preventDefault(); 
        UserEvent = UserEvent || window.event;
        
        // Enable 'MouseLeave' on table
        
        var HooverImage = document.getElementById('HooverImage');
    
        var TriggerElement = UserEvent.currentTarget;
        var TriggerElementId = TriggerElement.id;
        
        if(DebugFlag){
            if (DebugWindow === null){
                DebugWindow = window.open(); 
            }
            DebugWindow.document.write('ModuleName; ' + ModuleName + LineBreakHTML);
            DebugWindow.document.write('ImageFile; ' + ImageFile + LineBreakHTML);
            DebugWindow.document.write('TriggerElementId: ' + TriggerElementId + LineBreakHTML);
            DebugWindow.document.write(LineBreakHTML);
        }

        // Get the parameters of the ImageShown, corresponds with TriggerElement
        //NOTNEEDED: var TriggerImageId = TriggerElementId.replace(PrefixCellId, PrefixImageId);
        //NOTNEEDED: var TriggerImage = document.getElementById(TriggerImageId);
    
    
        // Calculate position of HooverImage
        // - Calculate sizes (we suppose thet the HooverImageRectangle is already updated)
        var OriginalmageWidth = TriggerElement.getAttribute('data-imagewidth');
        var OriginalImageHeight = TriggerElement.getAttribute('data-imageheight');
        // HooverImage in ResizedExtraDirectory: minimal size = 300px
        // Calculate the correct HooverImageWidth & HooverImageHeight
        var HooverImageDimensions = JSUIF_ResizeToExtra(OriginalmageWidth, OriginalImageHeight, 300, 300, ModuleTrace);
        var HooverImageWidth = HooverImageDimensions[0];
        var HooverImageHeight = HooverImageDimensions[1];
        // - Image is positioned in the 'td'-element / TriggerElement
        var TriggerElementRectangle = TriggerElement.getBoundingClientRect(); // Position compared to the window
        var TriggerElementLeft = TriggerElementRectangle.left + window.pageXOffset; // To correct fr scrolling
        var TriggerElementTop = TriggerElementRectangle.top + window.pageYOffset; // To correct for scrolling
        var TriggerElementWidth = TriggerElementRectangle.width;
        var TriggerElementHeight = TriggerElementRectangle.height;
        // - Calculate positions
        var HooverImageLeft = TriggerElementLeft - (HooverImageWidth - TriggerElementWidth) / 2;
        var HooverImageTop = TriggerElementTop - (HooverImageHeight - TriggerElementHeight) / 2;
        // - Convert to strings in 'px' units
        var HooverImageLeftString = HooverImageLeft + 'px';
        var HooverImageWidthString = HooverImageWidth + 'px';
        var HooverImageTopString = HooverImageTop + 'px';
        var HooverImageHeightString = HooverImageHeight + 'px';
        
        // Change Image in HooverImage and make it visible on top of the screen
        // - Adapt HooverImage position and size
        HooverImage.style.left = HooverImageLeftString;
        HooverImage.style.width = HooverImageWidthString;
        HooverImage.style.top = HooverImageTopString;
        HooverImage.style.height = HooverImageHeightString;
        HooverImage = JSUIF_CopyAttributesFromToElement(TriggerElement, HooverImage, ModuleTrace);
    
        // - Make it visible
        var HooverImageDiv = document.getElementById('HooverImageDiv');
        HooverImageDiv.style.opacity = 1;
        HooverImageDiv.style.zIndex = 20;
        HooverImage.src = HooverImageDirectory + ImageFile;
    
        // Correct href in HooverImageLink-element
        ImageFile = HooverImage.getAttribute('data-imagefile');
        var ImageType = HooverImage.getAttribute('data-imagetype');
        var KeyName = HooverImage.getAttribute('data-keyname');
        ImageType = ImageType.trim().toLowerCase();
        var href = '';
        if (ImageType == 'image'){
            href = 
                'ZoomImage.php' +
                    '?Language=' + Language +
                    '&TemplateNeeded=FALSE' +
                    '&ImageFile=' + ZoomImageDirectory + ImageFile;
        } else if (ImageType == 'portrait'){
            href = 'ArtistPage.php?' + 'KeyName=' + KeyName + '&BannerNeeded=FALSE&Language=' + Language;
        } else {
            
        }
        document.getElementById('HooverImageLink').href = href;
        
        if(DebugFlag){
            if (DebugWindow === null){
                DebugWindow = window.open(); 
            }
            DebugWindow.document.write('ModuleName: ' + ModuleName + LineBreakHTML);
            DebugWindow.document.write('ImageType: ' + ImageType + LineBreakHTML);
            DebugWindow.document.write('href: ' + href + LineBreakHTML);
            DebugWindow.document.write(LineBreakHTML);
        }
    
        // Set timer to remove the HooverImage
        // It works only when moving out of TableElement
        setTimeout(function(){JSMPF_EndHoover( ModuleTrace);}, RemoveHooverImageIntervalSeconds);
        
    } catch( JSError){
        JSError.message = ModuleName + ': ' + JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
    
    DebugFlag = false;
    
}</script>
    <script>

// URL parameters
// NEEDED: the PHP-variable can be copied to JS-variable
//---------------------------------------------------------------------------
        
        var ArtworkTitle = '';
        var Email = '';
        var FirstName = '';
        var FullDescriptionNeeded = '';
        var FullName = '';
        var ImageType = '';
        var LastName = '';
        var KeyName = 'joke van broeckhoven';
        var Language = 'nl';
        var Selection = 'NewArtists';
        var Year = '2024';
            
        function GetScreenWidth(){
          const element = document.getElementById("BodyId");
          let text = "clientHeight: " + element.clientHeight + "px<br>";
          text += "clientWidth: " + element.clientWidth + "px";
          alert(text);
        }
        function resizeListener() {
          GetScreenWidth();
        }
        // Only for testing: window.addEventListener("resize", resizeListener);
    
        window.onload = function( ){
            // Function not needed
            var ModuleName = 'window.onload';
            // Only for testing: GetScreenWidth();
        }

//---------------------------------------------------------------------------
// UserInterfaceFunction

        function JSCF_ShowVariable(ModuleName, VariableName, VariableValue, Debugwindow){
            if ( typeof DebugWindow === "undefined" || DebugWindow === null){
                DebugWindow = window.open();
            }
            DebugWindow.document.write( 'ModuleName: ' + ModuleName + LineBreakHTML);
            DebugWindow.document.write( 'VariableName: ' + VariableName + LineBreakHTML);
            // Works with all data types
            DebugWindow.document.write( 'VariableValue: ' + JSON.stringify(VariableValue) + LineBreakHTML);
            return DebugWindow;
        }

//---------------------------------------------------------------------------

    </script>

<!-- </head>-end tag can NOT be created in this include file, otherwhise application specific scripts or include-files can not be added -->
<!-- </head>  -->
<!-- ================================== -->
<!-- Include file 'Template.php' opened -->
<!-- ================================== -->


<!-- =============================================== -->
<!-- Include file 'TemplateMainMenuPopUp.php' opened -->
<!-- =============================================== -->

<script>
// When resizing to 'Minimal' then 'onmouseleave' ('JSTMF_ContentElementNormalSize()') doesn't work
var TemporaryBlockingHooverOutFlag = false;
var DebugWindow = null;

window.onerror = function (msg, url, line, Column, JSError) {
    var ModuleTrace = "NoTrace available";
    var ModuleName = "window.onerror";
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var Message = ModuleTrace + ": " + "Caught[via window.onerror]: '" + msg + "' from " + url + ":" + line;
    JSError.message = Message;
    console.log( Message);
    DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    return true;
};

//-----------------------------------------------------------------------

function MyErrorHandlerJS( JSError, DebugWindowLocal = null, ModuleTrace = "Unknown"){
    // DebugWindowLocal: not needed, is a global variable
    var ModuleName = "MyErrorHandlerJS";
    ModuleTrace =  ModuleTrace + " & " + ModuleName;
    
    var Message;
    var AlertOnlyFlag = false;

    Message =
        "Javascript Error:\n" +
            "-> Name: <" + JSError.name + ">;\n" +
            "-> Message: <" + JSError.message + ">;\n" +
            "-> ModuleTrace: <" + ModuleTrace + ">\n" +
            "\n";
    JSUIF_ShowMessage( ModuleName, Message, AlertOnlyFlag, ModuleTrace);
    
    return DebugWindow;
}

//---------------------------------------------------------------------------

function JSUIF_ShowMessage( ModuleName, Message, AlertOnlyFlag, ModuleTrace = "Unknown"){
    // var ModuleName already defined;
    // ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    var FullMessage =
            'ModuleName: ' + ModuleName + ': ' +
            'ModuleTrace: ' + ModuleTrace + ': ' +
            'Message: ' + Message;
    JSTPF_Alert( FullMessage);
    if (typeof AlertOnlyFlag === undefined || !AlertOnlyFlag){
        if ( DebugWindow === null){
            DebugWindow = window.open( ); 
        }
        DebugWindow.document.write( FullMessage);
        return DebugWindow;
    }
}

//-----------------------------------------------------------------------

function JSTMF_ContentElementMaximalSize( TriggerElementId, ModuleTrace = "Unknown") {
    var ModuleName = 'JSTMF_ContentElementMaximalSize';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    try {
        JSTMF_ContentElementChangeSize( TriggerElementId, 'none', 'auto', ModuleTrace);
        TemporaryBlockingHooverOutFlag = false;
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//-----------------------------------------------------------------------

function JSTMF_ContentElementNormalSize( TriggerElementId, ModuleTrace = "Unknown") {
    var ModuleName = 'JSTMF_ContentElementNormalSize';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        if (TemporaryBlockingHooverOutFlag === true){
            // No resizing
        } else {
            JSTMF_ContentElementChangeSize( TriggerElementId, '200px', 'scroll', ModuleTrace);
        }
        TemporaryBlockingHooverOutFlag = false;
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//-----------------------------------------------------------------------

function JSTMF_ContentElementMinimalSize( TriggerElementId, ModuleTrace = "Unknown") {
    var ModuleName = 'JSTMF_ContentElementMinimalSize';
    ModuleTrace = ModuleTrace + " & " + ModuleName;
    
    // JSTPF_Alert('ModuleName' + ': ' + ModuleName + ': ' + 'TriggerElementId' + ': ' + TriggerElementId)

    try {
        JSTMF_ContentElementChangeSize( TriggerElementId, '100px', 'scroll', ModuleTrace);
        TemporaryBlockingHooverOutFlag = true;
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//-----------------------------------------------------------------------

function JSTMF_ContentElementChangeSize( TriggerElementId, MaxHeight, OverflowY, ModuleTrace = "Unknown") {
    var ModuleName = 'JSTMF_ContentElementChangeSize';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    try {
        if (MaxHeight.toLowerCase().trim() === 'auto'){
            // Height uses 'auto', MaxHeight uses 'none'
            MaxHeight = 'none';
        }
        var ContentElement = JSTMF_GetContentElement( TriggerElementId, ModuleTrace);
        if (ContentElement !== null){
            ContentElement.style.maxHeight = MaxHeight;
            ContentElement.style.overflowY = OverflowY;
        }
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
    }
}

//-----------------------------------------------------------------------

function JSTMF_GetContentElement( TriggerElementId, ModuleTrace = "Unknown") {
    var ModuleName = 'JSTMF_GetContentElement';
    ModuleTrace = ModuleTrace + " & " + ModuleName;

    var ContentElement = null;
    try {
        var TopElementId = TriggerElementId;
        var ContentElementId = TopElementId + '_content';
        ContentElement = document.getElementById( ContentElementId);
        // JSTPF_Alert(ModuleName + ': ' + 'TopElementId' + ': ' + TopElementId + ': ' + 'TriggerElementId' + ': ' + TriggerElementId + ': ' + 'ContentElementId' + ': ' + ContentElementId)
    } catch( JSError) {
        JSError.message =
            'ModuleName: ' + ModuleName + ': ' +
            JSError.message;
        DebugWindow = MyErrorHandlerJS( JSError, DebugWindow, ModuleTrace);
        ContentElement = null;
    }
    
    return ContentElement;
}

//-----------------------------------------------------------------------

</script>

<!-- ============================================= -->
<!-- Include file 'ArtistPageFunctions.php' opened -->
<!-- ============================================= -->


<!-- ICL_PHPUIF_GetPageTitle -->

<!-- ArtistPageTitle -->

<!-- KeyName: 'joke van broeckhoven' -->

                <meta
                    name = 'description'
                    content =
                        '
                            De kunstwerken van de kunstenaar Joke Van Broeckhoven
                            worden getoond in de collectie van \'De Betoverende Tuin\'
                            in een natuurlijke, waterrijke landschapstuin vol met contrasten en verrassingen.
                        '
                >
            
            <meta
                name = 'keywords'
                content =
                    'Joke Van Broeckhoven, 
                    '
            >
        
            <!-- Google tag (gtag.js) - Google Analytics -->
            <script async src='https://www.googletagmanager.com/gtag/js?id=UA-83919159-2'>
            </script>
            <script>
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
            
              gtag('config', 'UA-83919159-2');
            </script>
            <meta name='google-site-verification' content='ZPaZpHoxifuWLiax0428luC0ho--1lyLk2cy66CSRNo' />
            </head>
             <body lang="nl"  onerror = "MyErrorHandlerJS( error)" style = "background-image: url('OtherPictures/Himmelrom_1600x0900_opacity50.jpg')" id = 'BodyId'  >

                <div id="fb-root"></div>
                <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v13.0" nonce="S7L7TAbl"></script>
                    <!== AccessKey alt+b for buy ==>
        <a
            target="_blank"
            href =
                "WIP_CreateBuyList.php?QRCodeNeeded=true&PictureNeeded=true&KeyName=joke van broeckhoven                    "
            accesskey="b">
        </a>
        <!== AccessKey alt+p for marketing flyer artist (print version) ==>
        <a
            target="_blank"
            href =
                "CreateArtistPromotionPagePrint.php?KeyName=joke van broeckhoven                    "
            accesskey="p">
        </a>
        <!== AccessKey alt+p for marketing flyer artist (web version) ==>
        <a
            target="_blank"
            href =
                "CreateArtistPromotionPageWeb.php?KeyName=joke van broeckhoven                    "
            accesskey="w">
        </a>

          <table lang="nl"  id = 'MainContainer' style= ' width: 100%;  ' >

                    <tr style = 'width: 100%; '>
                        <td></td>
                    </tr>
                <tr style = 'width: 100%; '>               <td lang="nl"  style=" background-color: rgba(0,0,0,0.25); " >
                    <div lang="nl"  style="
                                color:white;
                                background-color: rgba(0,0,0,0.25);
                                font-size:100%;
                                font-weight:900;
                                text-align: center;
                            " " >
                         <a lang="nl"  href="https://www.google.be/maps/dir/Art+Sanctuary,+Rue+du+Tilleul+22,+1370+Jodoigne" target="_blank" style=" display:inline; color:white; font-weight:normal; " >
                              <img lang="nl"  src="Icons/LocationIconSmall.png" alt="Rue du Tilleul 22, 1370 Jodoigne, Belgium" style=" width:20px; height:20px; display:inline; " >
                              <p lang="nl"  style=" display:inline; " >Rue du Tilleul 22, 1370 Jodoigne, Belgium </p>
                         </a>
&nbsp; &nbsp;                         <a lang="nl"  href = 'tel:+32493628540'  target="_blank" style=" display:inline; " >
                              <img lang="nl"  src = "Icons/PhoneIconSmall.png" alt = "Phone +32 (0) 493 628 540"  style=" width:20px; height:20px; display:inline; " >
                              <p lang="nl"  style=" display:inline; color:white; font-weight:normal; " >Phone: +32 (0) 493 628 540  </p>
                         </a>
&nbsp; &nbsp;                         <a lang="nl"  href="mailto:artsanctuary@live.com;info@ignace-clarysse.com" target="_blank" style=" display:inline; " >
                              <img lang="nl"  src="Icons/MailIconSmall.png" alt="mailto:artsanctuary@live.com;info@ignace-clarysse.com" style=" width:20px; height:20px; display:inline; " >
                              <p lang="nl"  style=" display:inline; color:white; font-weight:normal; " >Email: artsanctuary@live.com;info@ignace-clarysse.com </p>
                         </a>
&nbsp; <br>Open: woe., don., vrij., zat., zon.: tussen 13:00 en 19:00 uur - Honden onze vrienden toegelaten<br><a
                href = '/2024/ArtistPage.php?KeyName=joke%20van%20broeckhoven&TemplateNeeded=1&BannerNeeded=FALSE&Language=fr'
                style =
                    'color: white;
                    font-weight: normal; '>
                <img
                    src = 'Icons/FrenchFlag.png' alt = 'Français' style = 'display:inline; height: 16px; width: auto; '>Français</a> <span style = 'border: 1px solid white;' ><a
                href = '/2024/ArtistPage.php?KeyName=joke%20van%20broeckhoven&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl'
                style =
                    'color: white;
                    font-weight: normal; '>
                <img
                    src = 'Icons/NetherlandsFlag.png' alt = 'Nederlands' style = 'display:inline; height: 16px; width: auto; '>Nederlands</a> </span><a
                href = '/2024/ArtistPage.php?KeyName=joke%20van%20broeckhoven&TemplateNeeded=1&BannerNeeded=FALSE&Language=en'
                style =
                    'color: white;
                    font-weight: normal; '>
                <img
                    src = 'Icons/UKFlag.png' alt = 'English' style = 'display:inline; height: 16px; width: auto; '>English</a>                     </div>
               </td>
</tr>               <tr lang="nl"  style=" width: 100%; " >
                    <td lang="nl"  class = "InPageMenuClass" id="AnchorTopOfPage" style=" vertical-align: top;  " >
                         <div lang="nl"  style = " display: none; z-index:-100; opacity: 0.0; visibility: hidden; " >
<p>LIST</p><a lang="nl"  class="ImageFileList jokevanbroeckhoven"  id="joke van broeckhoven_image_vlinder.jpg"  data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" ></a><a lang="nl"  class="ImageFileList jokevanbroeckhoven"  id="joke van broeckhoven_image_vlinder_detail 1.jpg"  data-imagefile = "joke van broeckhoven_image_vlinder_detail 1.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Detail 1)(Glass)" data-imagetype = "Image" data-sculpturefile = "joke van broeckhoven_image_vlinder.jpg" data-mediafile = "" data-imagewidth = "2592" data-imageheight = "3888" data-fullname = "Joke Van Broeckhoven" ></a><a lang="nl"  class="ImageFileList jokevanbroeckhoven"  id="joke van broeckhoven_image_vlinder_detail 2.jpg"  data-imagefile = "joke van broeckhoven_image_vlinder_detail 2.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Detail 2)(Glass)" data-imagetype = "Image" data-sculpturefile = "joke van broeckhoven_image_vlinder.jpg" data-mediafile = "" data-imagewidth = "2592" data-imageheight = "4608" data-fullname = "Joke Van Broeckhoven" ></a><a lang="nl"  class="ImageFileList jokevanbroeckhoven"  id="joke van broeckhoven_image_vlinder_set_in garden.jpg"  data-imagefile = "joke van broeckhoven_image_vlinder_set_in garden.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Set)(Glass)" data-imagetype = "Image" data-sculpturefile = "joke van broeckhoven_image_vlinder.jpg" data-mediafile = "" data-imagewidth = "3060" data-imageheight = "3060" data-fullname = "Joke Van Broeckhoven" ></a><p>LIST</p>                         </div>
                         <div lang="nl"  style = " display: none; z-index:-100; opacity: 0.0; visibility: hidden; " >
<p>LIST</p><a class="ArtistList agnesavermaete" id="ArtistList agnes avermaete" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Agnes Avermaete" data-keyname="agnes avermaete" data-artworktitle="" ></a><a class="ArtistList anngeirnaerdt" id="ArtistList ann geirnaerdt" data-imagefile="ann geirnaerdt_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1620" data-ImageHeight="1080" data-fullname="Ann Geirnaerdt" data-keyname="ann geirnaerdt" data-artworktitle="Portrait" ></a><a class="ArtistList annehallet" id="ArtistList anne hallet" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Anne Hallet" data-keyname="anne hallet" data-artworktitle="" ></a><a class="ArtistList anoukganzevoort" id="ArtistList anouk ganzevoort" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Anouk Ganzevoort" data-keyname="anouk ganzevoort" data-artworktitle="" ></a><a class="ArtistList axelketul" id="ArtistList axel ketul" data-imagefile="axel ketul_portrait_ketul.jpg" data-imagetype="Portrait" data-ImageWidth="2150" data-ImageHeight="2150" data-fullname="AXEL & K&Egrave;TUL" data-keyname="axel ketul" data-artworktitle="Portrait K&egrave;tul" ></a><a class="ArtistList benkapteijns" id="ArtistList ben kapteijns" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Ben Kapteijns" data-keyname="ben kapteijns" data-artworktitle="" ></a><a class="ArtistList benedictemarechal" id="ArtistList benedicte marechal" data-imagefile="benedicte marechal_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1402" data-ImageHeight="1402" data-fullname="B&eacute;n&eacute;dicte Mar&eacute;chal" data-keyname="benedicte marechal" data-artworktitle="Portrait" ></a><a class="ArtistList Bernardcwiek" id="ArtistList Bernard cwiek" data-imagefile="bernard cwiek_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1709" data-ImageHeight="1709" data-fullname="Bernard Cwiek" data-keyname="Bernard cwiek" data-artworktitle="Portrait" ></a><a class="ArtistList bettymoerenhoudt" id="ArtistList betty moerenhoudt" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Betty Moerenhoudt" data-keyname="betty moerenhoudt" data-artworktitle="" ></a><a class="ArtistList bjanecowie" id="ArtistList bjane cowie" data-imagefile="bjane cowie_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="970" data-ImageHeight="1296" data-fullname="B. Jane Cowie" data-keyname="bjane cowie" data-artworktitle="Portrait" ></a><a class="ArtistList brameliaert" id="ArtistList bram eliaert" data-imagefile="bram eliaert_portrait_.webp" data-imagetype="Portrait" data-ImageWidth="349" data-ImageHeight="288" data-fullname="Bram Eliaert" data-keyname="bram eliaert" data-artworktitle="Portrait" ></a><a class="ArtistList carolyoungner" id="ArtistList carol youngner" data-imagefile="carol youngner_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1840" data-ImageHeight="2453" data-fullname="Carol Youngner" data-keyname="carol youngner" data-artworktitle="Portrait" ></a><a class="ArtistList carolinemoxhon" id="ArtistList caroline moxhon" data-imagefile="caroline moxhon_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="3399" data-ImageHeight="3399" data-fullname="Caroline Moxhon" data-keyname="caroline moxhon" data-artworktitle="Portrait" ></a><a class="ArtistList christiandelory" id="ArtistList christian delory" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Christian Delory" data-keyname="christian delory" data-artworktitle="" ></a><a class="ArtistList cisvanpeer" id="ArtistList cis van peer" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Cis Van Peer" data-keyname="cis van peer" data-artworktitle="" ></a><a class="ArtistList corderee" id="ArtistList cor de ree" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Cor de Ree" data-keyname="cor de ree" data-artworktitle="" ></a><a class="ArtistList cristinebaena" id="ArtistList cristine baena" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Cristine Baena" data-keyname="cristine baena" data-artworktitle="" ></a><a class="ArtistList danielolislaegers" id="ArtistList daniel olislaegers" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Dani&euml;l Olislaegers" data-keyname="daniel olislaegers" data-artworktitle="" ></a><a class="ArtistList dannybeinsberger" id="ArtistList danny beinsberger" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Danny Beinsberger" data-keyname="danny beinsberger" data-artworktitle="" ></a><a class="ArtistList dominichuyghe" id="ArtistList dominic huyghe" data-imagefile="dominic huyghe_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="3712" data-ImageHeight="3712" data-fullname="Dominic Huyghe" data-keyname="dominic huyghe" data-artworktitle="Portrait" ></a><a class="ArtistList dorianvanhorenbeeck" id="ArtistList dorian vanhorenbeeck" data-imagefile="dorian vanhorenbeeck_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="2170" data-ImageHeight="2893" data-fullname="Dorian Vanhorenbeeck" data-keyname="dorian vanhorenbeeck" data-artworktitle="Portrait" ></a><a class="ArtistList ellenrijsdorp" id="ArtistList ellen rijsdorp" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Ellen Rijsdorp" data-keyname="ellen rijsdorp" data-artworktitle="" ></a><a class="ArtistList elstombleijenberg" id="ArtistList els tom bleijenberg" data-imagefile="els tom bleijenberg_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1280" data-ImageHeight="960" data-fullname="Els & Tom Bleijenberg" data-keyname="els tom bleijenberg" data-artworktitle="Portrait" ></a><a class="ArtistList elyayalonetski" id="ArtistList elya yalonetski" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Elya Yalonetski" data-keyname="elya yalonetski" data-artworktitle="" ></a><a class="ArtistList evavanmol" id="ArtistList eva vanmol" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Eva Vanmol" data-keyname="eva vanmol" data-artworktitle="" ></a><a class="ArtistList evelynhamoir" id="ArtistList evelyn hamoir" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Evelyn Hamoir" data-keyname="evelyn hamoir" data-artworktitle="" ></a><a class="ArtistList guydeltour" id="ArtistList guy deltour" data-imagefile="guy deltour_portrait_logo.png" data-imagetype="Portrait" data-ImageWidth="280" data-ImageHeight="373" data-fullname="Guy Deltour" data-keyname="guy deltour" data-artworktitle="Logo" ></a><a class="ArtistList hanskoenen" id="ArtistList hans koenen" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Hans Koenen" data-keyname="hans koenen" data-artworktitle="" ></a><a class="ArtistList helentwigge-molecey" id="ArtistList helen twigge-molecey" data-imagefile="helen twigge-molecey_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1212" data-ImageHeight="1212" data-fullname="Helen Twigge-Molecey" data-keyname="helen twigge-molecey" data-artworktitle="Portrait" ></a><a class="ArtistList hermienbuytendijk" id="ArtistList hermien buytendijk" data-imagefile="hermien buytendijk_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1677" data-ImageHeight="1677" data-fullname="Hermien Buytendijk" data-keyname="hermien buytendijk" data-artworktitle="Portrait" ></a><a class="ArtistList hildederooij" id="ArtistList hilde de rooij" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Hilde de Rooij" data-keyname="hilde de rooij" data-artworktitle="" ></a><a class="ArtistList ilsescholten" id="ArtistList ilse scholten" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Ilse Scholten" data-keyname="ilse scholten" data-artworktitle="" ></a><a class="ArtistList inamarcus" id="ArtistList ina marcus" data-imagefile="ina marcus_portrait_.png" data-imagetype="Portrait" data-ImageWidth="542" data-ImageHeight="723" data-fullname="Ina Marcus" data-keyname="ina marcus" data-artworktitle="Portrait" ></a><a class="ArtistList Ingridbreuers" id="ArtistList Ingrid breuers" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Ingrid Breuers" data-keyname="Ingrid breuers" data-artworktitle="" ></a><a class="ArtistList irenevanderdoesdebye" id="ArtistList irene van der does de bye" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Irene van der Does de Bye" data-keyname="irene van der does de bye" data-artworktitle="" ></a><a class="ArtistList jackvaniwaardendevreede" id="ArtistList jack van iwaarden de vreede" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Jack van Iwaarden de Vreede" data-keyname="jack van iwaarden de vreede" data-artworktitle="" ></a><a class="ArtistList janvanstrien" id="ArtistList jan van strien" data-imagefile="jan van strien_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1282" data-ImageHeight="1282" data-fullname="Jan van Strien" data-keyname="jan van strien" data-artworktitle="Portrait" ></a><a class="ArtistList janvanderelst" id="ArtistList jan vander elst" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Jan Vander Elst" data-keyname="jan vander elst" data-artworktitle="" ></a><a class="ArtistList janverschueren" id="ArtistList jan verschueren" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Jan Verschueren" data-keyname="jan verschueren" data-artworktitle="" ></a><a class="ArtistList jeandelakethulle" id="ArtistList jean de la kethulle" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Jean de la Kethulle" data-keyname="jean de la kethulle" data-artworktitle="" ></a><a class="ArtistList jean-francoisconstant" id="ArtistList jean-francois constant" data-imagefile="jean-francois constant_portrait_portrait by tamara moss.jpg" data-imagetype="Portrait" data-ImageWidth="490" data-ImageHeight="740" data-fullname="Jean-Fran&ccedil;ois Constant" data-keyname="jean-francois constant" data-artworktitle="Portrait by Tamara" ></a><a class="ArtistList jean-lucabsil" id="ArtistList jean-luc absil" data-imagefile="jean-luc absil_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1575" data-ImageHeight="1575" data-fullname="Jean-Luc Absil" data-keyname="jean-luc absil" data-artworktitle="Portrait" ></a><a class="ArtistList jokevanbroeckhoven" id="ArtistList joke van broeckhoven" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Joke Van Broeckhoven" data-keyname="joke van broeckhoven" data-artworktitle="" ></a><a class="ArtistList lebuindhaese" id="ArtistList lebuin dhaese" data-imagefile="lebuin dhaese_portrait_.png" data-imagetype="Portrait" data-ImageWidth="640" data-ImageHeight="853" data-fullname="Lebu&iuml;n D'Haese" data-keyname="lebuin dhaese" data-artworktitle="Portrait" ></a><a class="ArtistList lieuwkeloth" id="ArtistList lieuwke loth" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Lieuwke Loth" data-keyname="lieuwke loth" data-artworktitle="" ></a><a class="ArtistList loesknoben" id="ArtistList loes knoben" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Loes Knoben" data-keyname="loes knoben" data-artworktitle="" ></a><a class="ArtistList louis2verdal" id="ArtistList louis 2 verdal" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Louis 2 Verdal" data-keyname="louis 2 verdal" data-artworktitle="" ></a><a class="ArtistList lukluts" id="ArtistList luk luts" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Luk Luts" data-keyname="luk luts" data-artworktitle="" ></a><a class="ArtistList lutdebaere" id="ArtistList lut de baere" data-imagefile="lut de baere_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1441" data-ImageHeight="1921" data-fullname="Lut De Baere" data-keyname="lut de baere" data-artworktitle="Portrait" ></a><a class="ArtistList marchadermann" id="ArtistList marc hadermann" data-imagefile="marc hadermann_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1524" data-ImageHeight="2032" data-fullname="Marc Hadermann" data-keyname="marc hadermann" data-artworktitle="Portrait" ></a><a class="ArtistList marcpaja" id="ArtistList marc paja" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Marc-Paja Hadermann-Van Dyck" data-keyname="marc paja" data-artworktitle="" ></a><a class="ArtistList marianneouwendijk" id="ArtistList marianne ouwendijk" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Marianne Ouwendijk" data-keyname="marianne ouwendijk" data-artworktitle="" ></a><a class="ArtistList mariebiesmans" id="ArtistList marie biesmans" data-imagefile="marie biesmans_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1568" data-ImageHeight="1568" data-fullname="Marie Biesmans" data-keyname="marie biesmans" data-artworktitle="Portrait" ></a><a class="ArtistList mariethys" id="ArtistList marie thys" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Marie Thys" data-keyname="marie thys" data-artworktitle="" ></a><a class="ArtistList marijegies" id="ArtistList marije gies" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Marije Gies" data-keyname="marije gies" data-artworktitle="" ></a><a class="ArtistList marjasteinmetz" id="ArtistList marja steinmetz" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Marja Steinmetz" data-keyname="marja steinmetz" data-artworktitle="" ></a><a class="ArtistList miekeoldenburg" id="ArtistList mieke oldenburg" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Mieke Oldenburg" data-keyname="mieke oldenburg" data-artworktitle="" ></a><a class="ArtistList neleschildermans" id="ArtistList nele schildermans" data-imagefile="nele schildermans_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="2000" data-ImageHeight="2000" data-fullname="Nele Schildermans" data-keyname="nele schildermans" data-artworktitle="Portrait" ></a><a class="ArtistList pajavandyck" id="ArtistList paja van dyck" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Paja Van Dyck" data-keyname="paja van dyck" data-artworktitle="" ></a><a class="ArtistList pascallemoine" id="ArtistList pascal lemoine" data-imagefile="pascal lemoine_portrait_.webp" data-imagetype="Portrait" data-ImageWidth="587" data-ImageHeight="438" data-fullname="Pascal Lemoine" data-keyname="pascal lemoine" data-artworktitle="Portrait" ></a><a class="ArtistList peterpel" id="ArtistList peter pel" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Peter Pel" data-keyname="peter pel" data-artworktitle="" ></a><a class="ArtistList philippenicodeme" id="ArtistList philippe nicodeme" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Philippe Nicod&egrave;me" data-keyname="philippe nicodeme" data-artworktitle="" ></a><a class="ArtistList pierreclosset" id="ArtistList pierre closset" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Pierre Closset" data-keyname="pierre closset" data-artworktitle="" ></a><a class="ArtistList pitkinzer" id="ArtistList pit kinzer" data-imagefile="pit kinzer_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="544" data-ImageHeight="725" data-fullname="Pit Kinzer" data-keyname="pit kinzer" data-artworktitle="Portrait" ></a><a class="ArtistList priskajacobs" id="ArtistList priska jacobs" data-imagefile="priska jacobs_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="2778" data-ImageHeight="2778" data-fullname="Priska Jacobs" data-keyname="priska jacobs" data-artworktitle="Portrait
" ></a><a class="ArtistList rafroefflaer" id="ArtistList raf roefflaer" data-imagefile="raf roefflaer_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="" data-ImageHeight="" data-fullname="Captain Bebop & B-Art " data-keyname="raf roefflaer" data-artworktitle="Portrait" ></a><a class="ArtistList rolandmenten" id="ArtistList roland menten" data-imagefile="roland menten_portrait_.png" data-imagetype="Portrait" data-ImageWidth="1978" data-ImageHeight="1978" data-fullname="Roland Menten" data-keyname="roland menten" data-artworktitle="Portrait" ></a><a class="ArtistList roosmannaerts" id="ArtistList roos mannaerts" data-imagefile="roos mannaerts_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="1194" data-ImageHeight="1194" data-fullname="Roos Mannaerts" data-keyname="roos mannaerts" data-artworktitle="Portrait" ></a><a class="ArtistList sachavalsamides" id="ArtistList sacha valsamides" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Sacha Valsamides" data-keyname="sacha valsamides" data-artworktitle="" ></a><a class="ArtistList savinagillesdepelichy" id="ArtistList savina gilles de pelichy" data-imagefile="savina gilles de pelichy_portrat_.jpg" data-imagetype="Portrait" data-ImageWidth="2809" data-ImageHeight="2809" data-fullname="Savina Gill&egrave;s de P&eacute;lichy" data-keyname="savina gilles de pelichy" data-artworktitle="Portrait" ></a><a class="ArtistList simonetbiokou" id="ArtistList simonet biokou" data-imagefile="simonet biokou_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="4000" data-ImageHeight="5333" data-fullname="Simonet Biokou" data-keyname="simonet biokou" data-artworktitle="Portrait" ></a><a class="ArtistList stanwood" id="ArtistList stanwood" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Stanwood Wind Sculptures" data-keyname="stanwood" data-artworktitle="" ></a><a class="ArtistList sylviegaudissart" id="ArtistList sylvie gaudissart" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Sylvie Gaudissart" data-keyname="sylvie gaudissart" data-artworktitle="" ></a><a class="ArtistList tonikanwaadikusumah" id="ArtistList toni kanwa adikusumah" data-imagefile="toni kanwa adikusumah_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="403" data-ImageHeight="537" data-fullname="Toni Kanwa Adikusumah" data-keyname="toni kanwa adikusumah" data-artworktitle="Portrait" ></a><a class="ArtistList willschropp" id="ArtistList will schropp" data-imagefile="will scropp_portrait_.jpg" data-imagetype="Portrait" data-ImageWidth="2248" data-ImageHeight="2997" data-fullname="Will Schropp" data-keyname="will schropp" data-artworktitle="Portrait" ></a><a class="ArtistList willypeeters" id="ArtistList willy peeters" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Willy Peeters" data-keyname="willy peeters" data-artworktitle="" ></a><a class="ArtistList woodstockchimes" id="ArtistList woodstock chimes" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Woodstock chimes" data-keyname="woodstock chimes" data-artworktitle="" ></a><a class="ArtistList xavierdumont" id="ArtistList xavier dumont" data-imagefile="" data-imagetype="Portrait" data-ImageWidth="0" data-ImageHeight="0" data-fullname="Xavier Dumont" data-keyname="xavier dumont" data-artworktitle="" ></a><p>LIST</p>                         </div>
                         <div lang="nl"  id = "HooverImageDiv" style = " z-index:-10; opacity: 0.0; position:absolute; top: 0%; left: 0%;  background-color: #888888;  " >
                              <a lang="nl"  id = "HooverImageLink" href="index.php?Language=" target="_blank" >
                                   <img lang="nl"  id = "HooverImage" src = "OtherPictures/Himmelrom_Placeholder.jpg" alt = "HooverImage" style = "  position:absolute; top: 0%; left: 0%;  border-color: white; border-style: solid; border-width: thin; " >
                              </a>
                         </div>
                         <table lang="nl"  class = "ArtistpageTableClass" style = "width:100%;" >
                              <tr lang="nl"  >
                                   <td lang="nl"  id="MainImageCellPC" rowspan="3" style = " position: relative; vertical-align:top; border:none; border-collapse:collapse; " >
<!-- ImageFileRandomRow: '' --><!-- ImageFileRandom: '' -->                                        <iframe lang="nl"  id="MainImageFramepc" style = " vertical-align: text-top; " src='https://www.the-enchanted-garden.info/2024/ZoomImage.php?ImageFile=Artists/Images/joke%20van%20broeckhoven_image_vlinder.jpg&Action=CurrentArtwork&Language=nl&TemplateNeeded=FALSE'  >Zoom functionality is not available on your browser (no iframe implemented) </iframe>

                <script> 
                    var CellWidth = window.innerWidth * 0.7 * 0.5;
            
                    var CellHeight = window.innerHeight * 1 * 1;
                    document.getElementById( 'MainImageFramepc').style.width = CellWidth + 'px';
                    document.getElementById( 'MainImageFramepc').style.height = CellHeight + 'px';
                </script>                                   </td>
                                   <td lang="nl"  style = " text-align:left; vertical-align:middle; border: none; " >
                                        <button lang="nl"  id="_previous"  type="button" onclick="JSUIF_PrevArtist( '', 'joke van broeckhoven', 'TRUE', '')" style="float: left;" >&laquo;&laquo;&laquo;&laquo;&laquo;&laquo;&laquo;&laquo;&laquo;&laquo; </button>
                                   </td>
                                   <td lang="nl"  style = " border:none; border-collapse:collapse; margin-left:auto; margin-right:auto; " >
                                        <h1 lang="nl"  class="BoldCentered" >Joke Van Broeckhoven </h1>
                                        <h2 lang="nl"  class="BoldCentered" >Belgium - Smeltverf tussen lagen gesmolten glas<br> </h2>
                                   </td>
                                   <td lang="nl"  style = " text-align:right; vertical-align:middle; border: none; " >
                                        <button lang="nl"  id="_next"  type="button" onclick="JSUIF_NextArtist( '', 'joke van broeckhoven', 'TRUE', '')" style="float: right;" >&raquo;&raquo;&raquo;&raquo;&raquo;&raquo;&raquo;&raquo;&raquo;&raquo; </button>
                                   </td>
                                   <td lang="nl"  id="joke van broeckhoven portrait" style=" border:none; border-collapse:collapse; " data-imagefile = "" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Portrait" data-imagewidth = "" data-imageheight = "" data-fullname = "Joke Van Broeckhoven" data-keyname = "joke van broeckhoven" >
                                   </td>
                              </tr>
                              <tr lang="nl"  >
                                   <td lang="nl"  colspan="4" style = " border:none; border-collapse:collapse; " >
                                        <div lang="nl"  style="line-height:50%;" >
                                             <br lang="nl"  >
                                        </div>
                                        <p lang="nl"  class="BoldCentered" >De ontroering door de schoonheid in de natuur oproepen bij de toeschouwer<br> </p>

                    <p style = 'text-align: center; '>
                        From: 2024-06-28 - 
                        To: 2024-10-13
                    </p>
                                                       </td>
                              </tr>
                              <tr lang="nl"  >
                                   <td lang="nl"  colspan = "4" style = " border:none; border-collapse:collapse; " >
                                        <div lang="nl"  style="line-height:50%;" >
                                             <br lang="nl"  >
                                        </div>
                                        <p lang="nl"  ><em>Joke Van Broeckhoven</em>:<br>
De parels in de natuur zijn een bron van verbeeldingskracht bij het maken van glasobjecten voor in de tuin.<br>
Terwijl de toeschouwer kijkt verwateren de grenzen tussen de natuurpracht en het kunstwerk.<br>
Schoonheid in de natuur ontroert. Dit gevoel wilt zij ook oproepen bij de toeschouwer.<br>
De glasobjecten zijn toegankelijk  voor het publiek en een inspiratie tot het behoud van deze natuurparels. In dit kader heeft zij meermaals deel genomen aan tentoonstellingen in de natuur in samenwerking met milieuorganisaties.<br>
<br><br><em>Techniek</em>:<br>
Twee lagen glas met daartussen fusieverven werden op 800 graden in een fusieoven samen gesmolten. Het glas werd uitgesneden met lasertechniek. Het verven laat persoonlijke fantasie toe en accentueert de breekbaarheid van glas en natuur.<br>
<br>
<br> </p>
                                   </td>
                              </tr>
                              <tr lang="nl"  >
                                   <td lang="nl"  id="MainImageCellMobile" rowspan="1" colspan="5" style = " position: relative; vertical-align:top; border:none; border-collapse:collapse; " >
<!-- ImageFileRandomRow: '' --><!-- ImageFileRandom: '' -->                                        <iframe lang="nl"  id="MainImageFramemobile" style = " vertical-align: text-top; " src='https://www.the-enchanted-garden.info/2024/ZoomImage.php?ImageFile=Artists/Images/joke%20van%20broeckhoven_image_vlinder.jpg&Action=CurrentArtwork&Language=nl&TemplateNeeded=FALSE'  >Zoom functionality is not available on your browser (no iframe implemented) </iframe>

                <script> 
                    var CellWidth = window.innerWidth * 0.7 * 1.0;
            
                    var CellHeight = window.innerHeight * 1 * 1;
                    document.getElementById( 'MainImageFramemobile').style.width = CellWidth + 'px';
                    document.getElementById( 'MainImageFramemobile').style.height = CellHeight + 'px';
                </script>                                   </td>
                              </tr>
            <tr>
                <td colspan="5">
                    <div style="text-align:center; font-size:150%; ">
                        <br>
                        <a
                            href =
                                "CreatePriceList.php?QRCodeNeeded=true&PictureNeeded=true&KeyName=joke van broeckhoven&WhereClause=                                    "
                            target="_blank"
                        >
                            Liste des prix / Prijslijst / Pricelist
                        </a>
                        <br>
                        <br>
                    </div>
                </td>
            </tr>

                              <tr lang="nl"  >
                                   <td lang="nl"  style = " border:none; border-collapse:collapse; " colspan="5" rowspan="1" data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-imagewidth = "" data-imageheight = "" data-fullname = "Joke Van Broeckhoven" data-keyname = "joke van broeckhoven" >
                                        <div lang="nl"  >
                                             <h2 lang="nl"  >
                                                  <a lang="nl"  href='javascript:window.location.reload()' >Gebruik F5 of klik hier om andere kunstwerken te zien </a>
                                             </h2>
                                        </div>
                                        <div lang="nl"  style = " display: none; z-index:-100; opacity: 0.0; visibility: hidden; " >
<p>LIST</p><a lang="nl"  class="ImageFileList jokevanbroeckhoven"  id="joke van broeckhoven_image_vlinder.jpg"  data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" ></a><p>LIST</p>                                        </div>
                                        <div lang="nl"  id = 'DivFlexColumns3Id' >
                                             <div lang="nl"  style = " display: flex; flex-direction: row; justify-content: center; " >
                                                  <div lang="nl"  id = "Column0DivisionId" style = " display: flex; flex-direction: column; text-align: center; width: 33%; " >

<!-- ModuleName: 'PHPSAWF_FillOneColumn'-->

<!-- ImageCountStart: '0'-->

<!-- ImageCountEnd: '0'-->

<!-- ImageCoreId: 'SelectionArtist'-->
                                                       <div lang="nl"  class = "SelectionArtistClass" id = "SelectionArtist_Cell_3_0_top" >

<!-- ImageRecord: 'Array
(
    [ImageFile] => joke van broeckhoven_image_vlinder.jpg
    [ImageDirectory] => Artists/Images/
    [KeyName] => joke van broeckhoven
    [ArtworkTitle] => Vlinder (Glass)
    [ImageType] => Image
    [SculptureFile] => 
    [MediaFile] => 
    [ImageWidth] => 3456
    [ImageHeight] => 2592
    [FullName] => Joke Van Broeckhoven
)
' -->
                                                            <table lang="nl"  style = '
                position: relative; z-index: 0;
                margin-left: auto;
                margin-right: auto;
            ' >
                                                                 <tr lang="nl"  >
                                                                      <td lang="nl"  id = "selectionartist_cell_3_0_cell" style = " text-align:center; vertical-align:middle; border: none; position: relative; z-index = 0;  " data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" >
                                                                           <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
<div style = 'position: relative; z-index: 0; '>                                                                                <img lang="nl"  id="selectionartist_cell_3_0_image"  onerror="MyErrorHandlerJS(error)" src="Artists/Images/ResizedWidth/joke van broeckhoven_image_vlinder.jpg" alt="Joke Van Broeckhoven - Vlinder (Glass)" style = '
                                        position: relative; z-index: 0;
                                        border: 2px groove white;
                                        margin-left: auto;
                                        margin-right: auto;
                                    ' data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" >

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->
</div>                                                                           </a>
                                                                      </td>
                                                                 </tr>

<!-- ColumnSpan: '1' -->

                <tr>
                    <td
                        colspan = '1'
                        style = 'border: none; text-align: center; '
                    >                                                                 <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
<p style = 'text-align:center; '><b><i>
<!-- ImageCaption: 'Joke Van Broeckhoven - Vlinder (Glass)' -->
Joke Van Broeckhoven - Vlinder (Glass)</i></b></p>                                                                 </a>

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->

<!-- DateExpoBegin: '2024-06-28' -->

<!-- DateExpoEnd: '2024-10-13' -->
Period: 2024-06-28 -> 2024-10-13<br>                                                                 <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
Zoom                                                                 </a>
                                                                 <br lang="nl"  >
                                                                 <a lang="nl"  id="_mail"  href="mailto:info@ignace-clarysse.com;artsanctuary@live.com?subject=Informatie aanvraag: Joke Van Broeckhoven - Vlinder (Glass) &body=Gelieve mij informatie te sturen over Joke Van Broeckhoven - Vlinder (Glass) " >Informatie aanvraag 
                                                                      <img lang="nl"  src="Icons/MailIconSmall.png" width="20px" alt='mailto artsanctuary@live.com; info@ignace-clarysse.com;' style = 'display: inline; ' >
                                                                 </a>
                                                                 <br lang="nl"  >

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->
                                                                 <a lang="nl"  id="_mail"  href="mailto:info@ignace-clarysse.com;artsanctuary@live.com?subject=Aankoop: Joke Van Broeckhoven - Vlinder (Glass) &body=Wij  willen graag het volgende kunstwerk aankopen Joke Van Broeckhoven - Vlinder (Glass) %0D%0A%0D%0AInformations d&eacute;taill&eacute;es%0D%0AGedetailleerde informatie%0D%0ADetailed information%0D%0A%0D%0A---------------------%0D%0ANaam : Joke Van Broeckhoven%0D%0ATitel kunstwerk : Vlinder (Glass)%0D%0APrijs kunstwerk : %0D%0AAndere informatie : Prix par pi&egrave;ce; 6 pi&egrave;ces, 4 restent%0D%0A---------------------%0D%0A%0D%0AArt Sanctuary me garantit que cet achat peut &ecirc;tre effectu&eacute; conform&eacute;ment aux conditions g&eacute;n&eacute;rales figurant sur votre page web www.le-jardin-enchante.info/Achat et mentionn&eacute; sur le site web correspondante de Google.%0D%0AVeuillez me contacter pour confirmer et organiser l'achat, en tenant compte de mes &eacute;ventuelles exigences personnelles.%0D%0A%0D%0A%0D%0AArt Sanctuary garandeert ons dat deze aankoop kan uitgevoerd worden volgens de voorwaarden op uw webpagina www.de-betoverende-tuin.info/Aankoop en op de corrsponderende webpagina van Google.%0D%0AGelieve mij te contacteren om de aankoop te bevestigen en te organiseren, rekening houdende met mijn persoonlijke wensen%0D%0A%0D%0A%0D%0AArt Sanctuary guarantees us that this purchase may be made in accordance with the terms and conditions set out on your web page www.lthe-enchanted-gaden.info/Purchase and referred to on the relevant Google website%0D%0APlease contact me to confirm and organise the purchase, taking into account any personal requirements I may have.%0D%0A" >Aankoop 
                                                                      <img lang="nl"  src="Icons/Shoppingcart.png" width="20px" alt='mailto artsanctuary@live.com; info@ignace-clarysse.com;' style = 'display: inline; ' >
                                                                 </a>

                    </td>
                </tr>
                                                                        </table>
                                                       </div>
                                                  </div>
                                                  <div lang="nl"  id = "Column1DivisionId" style = " display: flex; flex-direction: column; text-align: center; width: 33%; " >

<!-- ModuleName: 'PHPSAWF_FillOneColumn'-->

<!-- ImageCountStart: '1'-->

<!-- ImageCountEnd: '0'-->

<!-- ImageCoreId: 'SelectionArtist'-->
                                                  </div>
                                                  <div lang="nl"  id = "Column2DivisionId" style = " display: flex; flex-direction: column; text-align: center; width: 33%; " >

<!-- ModuleName: 'PHPSAWF_FillOneColumn'-->

<!-- ImageCountStart: '2'-->

<!-- ImageCountEnd: '0'-->

<!-- ImageCoreId: 'SelectionArtist'-->
                                                  </div>
                                             </div>
                                        </div>
                                        <div lang="nl"  id = 'DivFlexColumns2Id' >
                                             <div lang="nl"  style = " display: flex; flex-direction: row; justify-content: center; " >
                                                  <div lang="nl"  id = "Column0DivisionId" style = " display: flex; flex-direction: column; text-align: center; width: 50%; " >

<!-- ModuleName: 'PHPSAWF_FillOneColumn'-->

<!-- ImageCountStart: '0'-->

<!-- ImageCountEnd: '0'-->

<!-- ImageCoreId: 'SelectionArtist'-->
                                                       <div lang="nl"  class = "SelectionArtistClass" id = "SelectionArtist_Cell_2_0_top" >

<!-- ImageRecord: 'Array
(
    [ImageFile] => joke van broeckhoven_image_vlinder.jpg
    [ImageDirectory] => Artists/Images/
    [KeyName] => joke van broeckhoven
    [ArtworkTitle] => Vlinder (Glass)
    [ImageType] => Image
    [SculptureFile] => 
    [MediaFile] => 
    [ImageWidth] => 3456
    [ImageHeight] => 2592
    [FullName] => Joke Van Broeckhoven
)
' -->
                                                            <table lang="nl"  style = '
                position: relative; z-index: 0;
                margin-left: auto;
                margin-right: auto;
            ' >
                                                                 <tr lang="nl"  >
                                                                      <td lang="nl"  id = "selectionartist_cell_2_0_cell" style = " text-align:center; vertical-align:middle; border: none; position: relative; z-index = 0;  " data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" >
                                                                           <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
<div style = 'position: relative; z-index: 0; '>                                                                                <img lang="nl"  id="selectionartist_cell_2_0_image"  onerror="MyErrorHandlerJS(error)" src="Artists/Images/ResizedWidth/joke van broeckhoven_image_vlinder.jpg" alt="Joke Van Broeckhoven - Vlinder (Glass)" style = '
                                        position: relative; z-index: 0;
                                        border: 2px groove white;
                                        margin-left: auto;
                                        margin-right: auto;
                                    ' data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" >

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->
</div>                                                                           </a>
                                                                      </td>
                                                                 </tr>

<!-- ColumnSpan: '1' -->

                <tr>
                    <td
                        colspan = '1'
                        style = 'border: none; text-align: center; '
                    >                                                                 <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
<p style = 'text-align:center; '><b><i>
<!-- ImageCaption: 'Joke Van Broeckhoven - Vlinder (Glass)' -->
Joke Van Broeckhoven - Vlinder (Glass)</i></b></p>                                                                 </a>

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->

<!-- DateExpoBegin: '2024-06-28' -->

<!-- DateExpoEnd: '2024-10-13' -->
Period: 2024-06-28 -> 2024-10-13<br>                                                                 <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
Zoom                                                                 </a>
                                                                 <br lang="nl"  >
                                                                 <a lang="nl"  id="_mail"  href="mailto:info@ignace-clarysse.com;artsanctuary@live.com?subject=Informatie aanvraag: Joke Van Broeckhoven - Vlinder (Glass) &body=Gelieve mij informatie te sturen over Joke Van Broeckhoven - Vlinder (Glass) " >Informatie aanvraag 
                                                                      <img lang="nl"  src="Icons/MailIconSmall.png" width="20px" alt='mailto artsanctuary@live.com; info@ignace-clarysse.com;' style = 'display: inline; ' >
                                                                 </a>
                                                                 <br lang="nl"  >

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->
                                                                 <a lang="nl"  id="_mail"  href="mailto:info@ignace-clarysse.com;artsanctuary@live.com?subject=Aankoop: Joke Van Broeckhoven - Vlinder (Glass) &body=Wij  willen graag het volgende kunstwerk aankopen Joke Van Broeckhoven - Vlinder (Glass) %0D%0A%0D%0AInformations d&eacute;taill&eacute;es%0D%0AGedetailleerde informatie%0D%0ADetailed information%0D%0A%0D%0A---------------------%0D%0ANaam : Joke Van Broeckhoven%0D%0ATitel kunstwerk : Vlinder (Glass)%0D%0APrijs kunstwerk : %0D%0AAndere informatie : Prix par pi&egrave;ce; 6 pi&egrave;ces, 4 restent%0D%0A---------------------%0D%0A%0D%0AArt Sanctuary me garantit que cet achat peut &ecirc;tre effectu&eacute; conform&eacute;ment aux conditions g&eacute;n&eacute;rales figurant sur votre page web www.le-jardin-enchante.info/Achat et mentionn&eacute; sur le site web correspondante de Google.%0D%0AVeuillez me contacter pour confirmer et organiser l'achat, en tenant compte de mes &eacute;ventuelles exigences personnelles.%0D%0A%0D%0A%0D%0AArt Sanctuary garandeert ons dat deze aankoop kan uitgevoerd worden volgens de voorwaarden op uw webpagina www.de-betoverende-tuin.info/Aankoop en op de corrsponderende webpagina van Google.%0D%0AGelieve mij te contacteren om de aankoop te bevestigen en te organiseren, rekening houdende met mijn persoonlijke wensen%0D%0A%0D%0A%0D%0AArt Sanctuary guarantees us that this purchase may be made in accordance with the terms and conditions set out on your web page www.lthe-enchanted-gaden.info/Purchase and referred to on the relevant Google website%0D%0APlease contact me to confirm and organise the purchase, taking into account any personal requirements I may have.%0D%0A" >Aankoop 
                                                                      <img lang="nl"  src="Icons/Shoppingcart.png" width="20px" alt='mailto artsanctuary@live.com; info@ignace-clarysse.com;' style = 'display: inline; ' >
                                                                 </a>

                    </td>
                </tr>
                                                                        </table>
                                                       </div>
                                                  </div>
                                                  <div lang="nl"  id = "Column1DivisionId" style = " display: flex; flex-direction: column; text-align: center; width: 50%; " >

<!-- ModuleName: 'PHPSAWF_FillOneColumn'-->

<!-- ImageCountStart: '1'-->

<!-- ImageCountEnd: '0'-->

<!-- ImageCoreId: 'SelectionArtist'-->
                                                  </div>
                                             </div>
                                        </div>
                                        <div lang="nl"  id = 'DivFlexColumns1Id' >
                                             <div lang="nl"  style = " display: flex; flex-direction: row; justify-content: center; " >
                                                  <div lang="nl"  id = "Column0DivisionId" style = " display: flex; flex-direction: column; text-align: center; width: 100%; " >

<!-- ModuleName: 'PHPSAWF_FillOneColumn'-->

<!-- ImageCountStart: '0'-->

<!-- ImageCountEnd: '0'-->

<!-- ImageCoreId: 'SelectionArtist'-->
                                                       <div lang="nl"  class = "SelectionArtistClass" id = "SelectionArtist_Cell_1_0_top" >

<!-- ImageRecord: 'Array
(
    [ImageFile] => joke van broeckhoven_image_vlinder.jpg
    [ImageDirectory] => Artists/Images/
    [KeyName] => joke van broeckhoven
    [ArtworkTitle] => Vlinder (Glass)
    [ImageType] => Image
    [SculptureFile] => 
    [MediaFile] => 
    [ImageWidth] => 3456
    [ImageHeight] => 2592
    [FullName] => Joke Van Broeckhoven
)
' -->
                                                            <table lang="nl"  style = '
                position: relative; z-index: 0;
                margin-left: auto;
                margin-right: auto;
            ' >
                                                                 <tr lang="nl"  >
                                                                      <td lang="nl"  id = "selectionartist_cell_1_0_cell" style = " text-align:center; vertical-align:middle; border: none; position: relative; z-index = 0;  " data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" >
                                                                           <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
<div style = 'position: relative; z-index: 0; '>                                                                                <img lang="nl"  id="selectionartist_cell_1_0_image"  onerror="MyErrorHandlerJS(error)" src="Artists/Images/ResizedWidth/joke van broeckhoven_image_vlinder.jpg" alt="Joke Van Broeckhoven - Vlinder (Glass)" style = '
                                        position: relative; z-index: 0;
                                        border: 2px groove white;
                                        margin-left: auto;
                                        margin-right: auto;
                                    ' data-imagefile = "joke van broeckhoven_image_vlinder.jpg" data-imagedirectory = "Artists/Images/" data-keyname = "joke van broeckhoven" data-artworktitle = "Vlinder (Glass)" data-imagetype = "Image" data-sculpturefile = "" data-mediafile = "" data-imagewidth = "3456" data-imageheight = "2592" data-fullname = "Joke Van Broeckhoven" >

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->
</div>                                                                           </a>
                                                                      </td>
                                                                 </tr>

<!-- ColumnSpan: '1' -->

                <tr>
                    <td
                        colspan = '1'
                        style = 'border: none; text-align: center; '
                    >                                                                 <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
<p style = 'text-align:center; '><b><i>
<!-- ImageCaption: 'Joke Van Broeckhoven - Vlinder (Glass)' -->
Joke Van Broeckhoven - Vlinder (Glass)</i></b></p>                                                                 </a>

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->

<!-- DateExpoBegin: '2024-06-28' -->

<!-- DateExpoEnd: '2024-10-13' -->
Period: 2024-06-28 -> 2024-10-13<br>                                                                 <a lang="nl"  id="_zoom1"  href="ZoomImage.php?ImageFile=Artists/Images/joke van broeckhoven_image_vlinder.jpg&Language=nl&TemplateNeeded=TRUE" "  target="blank" >
Zoom                                                                 </a>
                                                                 <br lang="nl"  >
                                                                 <a lang="nl"  id="_mail"  href="mailto:info@ignace-clarysse.com;artsanctuary@live.com?subject=Informatie aanvraag: Joke Van Broeckhoven - Vlinder (Glass) &body=Gelieve mij informatie te sturen over Joke Van Broeckhoven - Vlinder (Glass) " >Informatie aanvraag 
                                                                      <img lang="nl"  src="Icons/MailIconSmall.png" width="20px" alt='mailto artsanctuary@live.com; info@ignace-clarysse.com;' style = 'display: inline; ' >
                                                                 </a>
                                                                 <br lang="nl"  >

<!-- SculptureFile: '' -->

<!-- MainImageFile: 'joke van broeckhoven_image_vlinder.jpg' -->
                                                                 <a lang="nl"  id="_mail"  href="mailto:info@ignace-clarysse.com;artsanctuary@live.com?subject=Aankoop: Joke Van Broeckhoven - Vlinder (Glass) &body=Wij  willen graag het volgende kunstwerk aankopen Joke Van Broeckhoven - Vlinder (Glass) %0D%0A%0D%0AInformations d&eacute;taill&eacute;es%0D%0AGedetailleerde informatie%0D%0ADetailed information%0D%0A%0D%0A---------------------%0D%0ANaam : Joke Van Broeckhoven%0D%0ATitel kunstwerk : Vlinder (Glass)%0D%0APrijs kunstwerk : %0D%0AAndere informatie : Prix par pi&egrave;ce; 6 pi&egrave;ces, 4 restent%0D%0A---------------------%0D%0A%0D%0AArt Sanctuary me garantit que cet achat peut &ecirc;tre effectu&eacute; conform&eacute;ment aux conditions g&eacute;n&eacute;rales figurant sur votre page web www.le-jardin-enchante.info/Achat et mentionn&eacute; sur le site web correspondante de Google.%0D%0AVeuillez me contacter pour confirmer et organiser l'achat, en tenant compte de mes &eacute;ventuelles exigences personnelles.%0D%0A%0D%0A%0D%0AArt Sanctuary garandeert ons dat deze aankoop kan uitgevoerd worden volgens de voorwaarden op uw webpagina www.de-betoverende-tuin.info/Aankoop en op de corrsponderende webpagina van Google.%0D%0AGelieve mij te contacteren om de aankoop te bevestigen en te organiseren, rekening houdende met mijn persoonlijke wensen%0D%0A%0D%0A%0D%0AArt Sanctuary guarantees us that this purchase may be made in accordance with the terms and conditions set out on your web page www.lthe-enchanted-gaden.info/Purchase and referred to on the relevant Google website%0D%0APlease contact me to confirm and organise the purchase, taking into account any personal requirements I may have.%0D%0A" >Aankoop 
                                                                      <img lang="nl"  src="Icons/Shoppingcart.png" width="20px" alt='mailto artsanctuary@live.com; info@ignace-clarysse.com;' style = 'display: inline; ' >
                                                                 </a>

                    </td>
                </tr>
                                                                        </table>
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                        <div lang="nl"  >
                                             <h2 lang="nl"  >
                                                  <a lang="nl"  href='javascript:window.location.reload()' >Gebruik F5 of klik hier om andere kunstwerken te zien </a>
                                             </h2>
                                        </div>
                                   </td>
                              </tr>
            <tr>
                <td colspan="5">
                    <div style="text-align:center; font-size:150%; ">
                        <br>
                        <a
                            href =
                                "CreatePriceList.php?QRCodeNeeded=true&PictureNeeded=true&KeyName=joke van broeckhoven&WhereClause=                                    "
                            target="_blank"
                        >
                            Liste des prix / Prijslijst / Pricelist
                        </a>
                        <br>
                        <br>
                    </div>
                </td>
            </tr>


<!-- ======================================= -->
<!-- Include file 'PoemFunctions.php' opened -->
<!-- ======================================= -->


<!-- PHPAP_ShowArtistPoemsInTable: KeyName: 'joke van broeckhoven' -->

<!-- PHPAP_ShowArtistPoemsInTable: SQL: '
            SELECT *
            FROM Poems
            WHERE KeyName = 'joke van broeckhoven'
            GROUP BY PoetPoemKeyName
            ORDER BY PoetPoemKeyName
        ' -->

<!-- HTMLString: '' -->

<!-- KeyName: 'joke van broeckhoven' -->

                    <tr>
                        <td colspan = 3 style = 'border:none; border-collapse:collapse;'>
                            <p>
                                <b><i>Caractéristiques des oeuvres de cet artiste :</i></b><br>
                                <b><i>Karakteristieken van de kunstwerken van deze kunstenaar:</i></b><br>
                                <b><i>Characteristics of this artist's works:</i></b><br>
                            </p>
                            <p style = 'margin: 20px;' > 
                            </p>
                        </td>
                    </tr>
                                         </table>
                         <p lang="nl"  class = "InPageMenuClass" id="AnchorBottomOfPage" ></p>
                    </td>
               </tr>
          </table>
          <div lang="nl"  style = '
        position: fixed;
        top: 10px;
        padding: 5px;
        font-size: 24px;
        background-color: LightBlue; 
                height: 80px;
                left: 10px;
                '  >
               <a lang="nl"  href = 'index.php?Language=nl' target = '_TOP' style = 'display: inline-block; vertical-align: middle;'  >
                    <img lang="nl"  src = 'Icons/HomeIcon.jpg' width = auto height = 80 alt = 'Home'  >
               </a>
               <div lang="nl"  style = 'display: inline-block; vertical-align: middle;text-align: center; ' >
                    <button lang="nl"  type="button" onclick="window.location.href = '#AnchorTopOfPage';" 
        style = '
            color: white;
            font-size: 48px;
            font-weight: 900;
            display: inline-block;
        '
     >&#65085; </button>
               </div>
               <div lang="nl"  style = '
                cursor: pointer;
                display: inline-block;' onclick = 'ShowMainMenuPopUpFunction()'  >
            <div  style = 'display: inline-block; vertical-align: middle;'>
                <img
                    src = 'https://toppng.com/uploads/preview/menu-icon-png-3-lines-11552739298tzauhvnjiw.png'
                    alt = 'MainMenuPopUp'
                    style = 'width: 40px; height: 40px; padding:5px; display: inline-block; vertical-align: middle;'>
                <b><i>
<p style = 'display: inline-block; vertical-align: middle;'>Menu</p>                </i></b>
            </div>    

               </div>
               <div lang="nl"  style = 'display: inline-block; vertical-align: middle;text-align: center; ' >
                    <button lang="nl"  type="button" onclick="window.location.href = '#AnchorBottomOfPage';" 
        style = '
            color: white;
            font-size: 48px;
            font-weight: 900;
            display: inline-block;
        '
     >&#65086; </button>
               </div>
          </div>
          <div lang="nl"  style = '
            display: none;
            width: 300px;
            height: 80%;
            background-color: LightBlue;
            color: Black;
            text-align: center;
            margin-left: 0px;
            overflow-y: scroll;
            padding: 10px;
            position: fixed;
            z-index: 99; 
                top: 120px;
                left: 10px; ' id = 'MainMenuPopUpId' onclick = 'ShowMainMenuPopUpFunction()'  >

<!-- MainMenuPopUpId -->
               <a lang="nl"  href = 'index.php?Language=nl' target = '_TOP' style = 'display: inline-block; vertical-align: middle;'  >
                    <img lang="nl"  src = 'Icons/HomeIcon.jpg' width = 100 height = auto alt = 'Home'  >
               </a>
               <br lang="nl"  >
               <a lang="nl"  href="PracticalInformation.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Om ons te bezoeken - Informatie </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="Reservation.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_TOP" style=" font-weight:bold; text-align:center; " >Reserveer uw bezoek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="CreateCatalogue.php?InputLanguage=nl&Year=2024&BannerNeeded=FALSE&TemplateNeeded=TRUE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Alle Kunstenaars </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="ConditionsPage.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Aankoop, Afbetaling, Huur </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="GardenWalk.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Tuinbezoek in Fotos </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="Reservation.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Reserveer uw bezoek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="TicketRegistration.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Ticket Registratie </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="ContentPage.php?ContentPage=WhatToDoAfterVisit&Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_TOP" style=" font-weight:bold; text-align:center; " >Wat te doen na uw bezoek? </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href="PoemsSelectionPanels.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_BLANK" style=" font-weight:bold; text-align:center; " >Dichtbundel </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Selecteer Tentoonstellingsjaar </p>
               <a lang="nl"  href="SelectYear2023.php?Language=nl&TemplateNeeded=TRUE&BannerNeeded=FALSE" target="_TOP" style=" font-weight:bold; text-align:center; " >Zomer 2023 </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Sociale media </p>
            <a
                target="_blank"
                href="https://www.facebook.com/SanctuaryArt/reviews">
                Share your review on Facebook
            </a>
            <br>
            <a
                target="_blank"
                href="https://g.page/r/CVif5W-GggzSEB0/review"
            >
                Share your review on Google
            </a>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Beeldhouwers brons </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=ann%20geirnaerdt&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ann Geirnaerdt </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=anouk%20ganzevoort&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Anouk Ganzevoort </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=benedicte%20marechal&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >B&eacute;n&eacute;dicte Mar&eacute;chal </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=bram%20eliaert&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bram Eliaert </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=caroline%20moxhon&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Caroline Moxhon </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=evelyn%20hamoir&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Evelyn Hamoir </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=hans%20koenen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Hans Koenen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=ina%20marcus&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ina Marcus </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jack%20van%20iwaarden%20de%20vreede&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jack van Iwaarden de Vreede </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jan%20van%20strien&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jan van Strien </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jean-luc%20absil&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jean-Luc Absil </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lebuin%20dhaese&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lebu&iuml;n D'Haese </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lieuwke%20loth&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lieuwke Loth </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=loes%20knoben&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Loes Knoben </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marie%20thys&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marie Thys </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=mieke%20oldenburg&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Mieke Oldenburg </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=peter%20pel&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Peter Pel </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=roos%20mannaerts&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Roos Mannaerts </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=savina%20gilles%20de%20pelichy&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Savina Gill&egrave;s de P&eacute;lichy </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=sylvie%20gaudissart&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Sylvie Gaudissart </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=toni%20kanwa%20adikusumah&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Toni Kanwa Adikusumah </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=willy%20peeters&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Willy Peeters </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Beeldhouwers keramiek </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=agnes%20avermaete&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Agnes Avermaete </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=anne%20hallet&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Anne Hallet </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=ben%20kapteijns&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ben Kapteijns </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=benedicte%20marechal&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >B&eacute;n&eacute;dicte Mar&eacute;chal </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=betty%20moerenhoudt&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Betty Moerenhoudt </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=ellen%20rijsdorp&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ellen Rijsdorp </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=els%20tom%20bleijenberg&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Els & Tom Bleijenberg </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=elya%20yalonetski&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Elya Yalonetski </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=eva%20vanmol&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Eva Vanmol </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=evelyn%20hamoir&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Evelyn Hamoir </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=guy%20deltour&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Guy Deltour </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=hermien%20buytendijk&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Hermien Buytendijk </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=ilse%20scholten&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ilse Scholten </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=Ingrid%20breuers&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ingrid Breuers </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jan%20vander%20elst&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jan Vander Elst </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marianne%20ouwendijk&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marianne Ouwendijk </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=nele%20schildermans&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Nele Schildermans </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=roland%20menten&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Roland Menten </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=roos%20mannaerts&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Roos Mannaerts </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=sacha%20valsamides&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Sacha Valsamides </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Glaskunstenaars </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=bjane%20cowie&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >B. Jane Cowie </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=Bernard%20cwiek&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bernard Cwiek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=raf%20roefflaer&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Captain Bebop & B-Art  </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=carol%20youngner&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Carol Youngner </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=christian%20delory&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Christian Delory </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=cor%20de%20ree&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Cor de Ree </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=cristine%20baena&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Cristine Baena </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=daniel%20olislaegers&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Dani&euml;l Olislaegers </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=danny%20beinsberger&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Danny Beinsberger </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=helen%20twigge-molecey&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Helen Twigge-Molecey </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=hilde%20de%20rooij&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Hilde de Rooij </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=irene%20van%20der%20does%20de%20bye&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Irene van der Does de Bye </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jean-francois%20constant&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jean-Fran&ccedil;ois Constant </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=joke%20van%20broeckhoven&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Joke Van Broeckhoven </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marc%20hadermann&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marc Hadermann </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marc%20paja&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marc-Paja Hadermann-Van Dyck </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marie%20biesmans&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marie Biesmans </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marije%20gies&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marije Gies </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marja%20steinmetz&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marja Steinmetz </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=paja%20van%20dyck&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Paja Van Dyck </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=pascal%20lemoine&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Pascal Lemoine </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=priska%20jacobs&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Priska Jacobs </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Beeldhouwers metaal </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=bjane%20cowie&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >B. Jane Cowie </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=Bernard%20cwiek&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bernard Cwiek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=bram%20eliaert&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bram Eliaert </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=christian%20delory&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Christian Delory </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=cor%20de%20ree&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Cor de Ree </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=danny%20beinsberger&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Danny Beinsberger </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jack%20van%20iwaarden%20de%20vreede&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jack van Iwaarden de Vreede </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jan%20verschueren&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jan Verschueren </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lieuwke%20loth&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lieuwke Loth </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lut%20de%20baere&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lut De Baere </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=simonet%20biokou&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Simonet Biokou </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=stanwood&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Stanwood Wind Sculptures </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=xavier%20dumont&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Xavier Dumont </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Beeldhouwers recup </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=Bernard%20cwiek&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bernard Cwiek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=christian%20delory&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Christian Delory </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jan%20verschueren&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jan Verschueren </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=louis%202%20verdal&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Louis 2 Verdal </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lut%20de%20baere&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lut De Baere </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=simonet%20biokou&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Simonet Biokou </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Beeldhouwers steen </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=cis%20van%20peer&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Cis Van Peer </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=dominic%20huyghe&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Dominic Huyghe </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=dorian%20vanhorenbeeck&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Dorian Vanhorenbeeck </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=guy%20deltour&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Guy Deltour </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=hans%20koenen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Hans Koenen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=luk%20luts&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Luk Luts </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=philippe%20nicodeme&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Philippe Nicod&egrave;me </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=pierre%20closset&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Pierre Closset </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Beeldhouwers hout </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=Bernard%20cwiek&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bernard Cwiek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=louis%202%20verdal&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Louis 2 Verdal </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=toni%20kanwa%20adikusumah&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Toni Kanwa Adikusumah </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=will%20schropp&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Will Schropp </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <p lang="nl"  style = '
                font-weight: bold;
                text-align: center;
                border: 1px solid black;
            ' >Dichters </p>

<!-- OpenDatabase: 'START'-->
               <a lang="nl"  href='ArtistPage.php?KeyName=alain%20snyers&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Alain Snyers </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=anita%20buvens&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Anita Buvens </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=ann%20van%20dessel&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ann Van Dessel </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=anne%20meerbergen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Anne Meerbergen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=annemarie%20steenbergen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Annemarie Steenbergen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=annika%20cannaerts&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Annika Cannaerts </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=antonia%20iliescu&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Antonia Iliescu </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=bernard%20lichtaard&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bernard Lichtaard </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=bettina%20forment&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Bettina Forment </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=carolien%20libbrecht&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Carolien Libbrecht </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=christiane%20de%20coster&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Christiane De Coster </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=christophe%20abbes&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Christophe Abb&egrave;s </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=christophe%20pineau-thierry&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Christophe Pineau-Thierry </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=claire%20de%20viron&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Claire de Viron </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=claire%20legat&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Claire L&eacute;gat </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=cora%20de%20vos&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Cora de Vos </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=desiree-christine%20van%20blitterswijk&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Desiree-Christine van Blitterswijk </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=diane%20de%20bruyn&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Diane De Bruyn </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=dick%20van%20welzen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Dick van Welzen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=edith%20oeyen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Edith Oeyen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=elise%20vos&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Elise Vos </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=elsbeth%20boom%20&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Elsbeth Boom  </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=erika%20de%20stercke&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Erika De Stercke </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=gerard%20ansaloni&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >G&eacute;rard Ansaloni </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=gerard%20scharn%20&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Gerard Scharn  </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=gerda%20de%20vrieze&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Gerda De Vrieze </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=germain%20droogenbroodt&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Germain Droogenbroodt </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=goedele%20miseur&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Goedele Miseur </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=hedwig%20du%20jardin&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Hedwig Du Jardin </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=helga%20van%20lier&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Helga van Lier </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=hendrik-jan%20de%20wit&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Hendrik-Jan de Wit </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=herman%20cogghe&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Herman Cogghe </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jean-jacques%20richard&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jean-Jacques Richard </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jean-luc%20godard&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jean-Luc Godard </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jeannette%20mimi%20funk&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jeannette Mimi Funk </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jennifer%20vrielinck&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jennifer Vrielinck </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jenny%20dejager&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jenny Dejager </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jeroen%20van%20wijk&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jeroen van Wijk </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jo%20gisekin&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jo Gisekin </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=johan%20de%20graeve&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Johan De Graeve </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=john%20hoogeveen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >John Hoogeveen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=joris%20iven&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Joris Iven </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=jos%20de%20klerk&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Jos de Klerk </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=julia%20beirinckx&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Julia Beirinckx </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=kavita%20vlieghe&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Kavita Vlieghe </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=kenneth%20swaenen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Kenneth Swaenen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=kris%20lauwereys&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Kris Lauwereys </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=laurent%20dumortier&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Laurent Dumortier </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lieve%20desmet&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lieve Desmet </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lieve%20lambrechts&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lieve Lambrechts </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=linde%20moreel&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Linde Moreel </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=luc%20geldolf&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Luc Geldolf </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=luc%20libon&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Luc Libon </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=lucie%20putzeijs&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Lucie Putzeijs </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=luth%20del%20oz&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Luth del Oz </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=maggy%20ottenburgs&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Maggy Ottenburgs </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marc%20bungeneers&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marc Bungeneers </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=margriet%20hidding&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Margriet Hidding </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marianne%20loeble&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marianne Loeble </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marie-louise%20hellemons&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marie-louise Hellemons </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marielle%20matthee&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Mari&euml;lle Matthee </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=marijke%20verachtert&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Marijke Verachtert </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=martine%20bronzin&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Martine Bronzin </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=martine%20rouhart&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Martine Rouhart </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=matthias%20van%20de%20velde&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Matthias Van de Velde </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=michel%20stavaux&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Michel Stavaux </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=nanda%20van%20druenen&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Nanda van Druenen </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=nanesa&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Nanesa </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=nathalie%20boutiau&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Nathalie Boutiau </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=nele%20bruynooghe&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Nele Bruynooghe </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=niels%20snoek&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Niels Snoek </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=patricia%20duterne&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Patricia Duterne </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=patricia%20fontaine&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Patricia Fontaine </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=peter%20van%20limpt&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Peter van Limpt </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=pierre%20feuye-scyzo&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Pierre Feuye-Scyzo </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=pierre%20michaux&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Pierre Michaux </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=ria%20van%20der%20mueren&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Ria Van der Mueren </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=rik%20dereeper%20&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >rik dereeper  </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=roger%20nupie&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Roger Nupie </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=rudi%20helven&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Rudi Helven </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=sandrine%20davin&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Sandrine Davin </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=sarah%20michaux&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Sarah Michaux </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=silke%20peeters&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Silke Peeters </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=tessa%20van%20herck&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Tessa Van Herck </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=thierry%20moral&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Thierry Moral </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=thijs%20mulder%20&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Thijs Mulder  </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=tom%20veys&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Tom Veys </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=vera%20steenput&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Vera Steenput </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=viviane%20rose&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Viviane Rose </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=wannes%20de%20craene&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Wannes De Craene </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
               <a lang="nl"  href='ArtistPage.php?KeyName=wilma%20sass&TemplateNeeded=1&BannerNeeded=FALSE&Language=nl' style=' color: blue; font-weight: bold; text-align: center;  ' >Wilma Sass </a>
               <div lang="nl"  style="line-height:50%;" >
                    <br lang="nl"  >
               </div>
          </div>

    <!-- Script needed -->
    <script>
        // When the user clicks on div, open or close the popup
        function ShowMainMenuPopUpFunction() {
            var popup = document.getElementById( "MainMenuPopUpId");
            if ( popup.style.display == "none"){
                popup.style.display = "block";
            } else {
                popup.style.display = "none";
            }
        }
    </script>

     </body>
</html>