
<!-- ========================================== -->
<!-- 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
(
    [InputLanguage] => en
    [Year] => collection
    [BannerNeeded] => FALSE
    [TemplateNeeded] => TRUE
)

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

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

<!-- BannerNeeded: '' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [InputLanguage] => en
    [Year] => collection
    [BannerNeeded] => FALSE
    [TemplateNeeded] => TRUE
)

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

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

<!-- FullDescriptionNeeded: '' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [InputLanguage] => en
    [Year] => collection
    [BannerNeeded] => FALSE
    [TemplateNeeded] => TRUE
)

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

' -->
<!-- GetParameter: 'Debug' -->
<!-- GetValue: '1' -->
<!-- GetValue: '1' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [InputLanguage] => en
    [Year] => collection
    [BannerNeeded] => FALSE
    [TemplateNeeded] => TRUE
)

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

' -->
<!-- GetParameter: 'TemplateNeeded' -->
<!-- GetValue: 'TRUE' -->
<!-- GetValue: '1' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [InputLanguage] => en
    [Year] => collection
    [BannerNeeded] => FALSE
    [TemplateNeeded] => TRUE
)

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

' -->
<!-- GetParameter: 'PortraitShown' -->
<!-- GetValue: '1' -->
<!-- GetValue: '1' -->
<!-- PHPCSU_GetBoolean -->
<!-- _GET: '
Array
(
    [InputLanguage] => en
    [Year] => collection
    [BannerNeeded] => FALSE
    [TemplateNeeded] => TRUE
)

' -->
<!-- _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="en"  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 = 'en'>
            
        </title>
    
        <link
            rel = 'canonical'
            href = 'www.the-enchanted-garden.info/Collection/CreateCatalogue.php?InputLanguage=en&Year=collection'
        />
    
                <meta
                    name='description'
                    content='Mosaic with artist and artwork pictures for the international art exhibition Collection'
                >
            <meta name="keywords" content="The Enchanted Garden,Le Jardin Enchanté,De Betoverende Tuin">
    <!-- 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 = "en";
        var PHPYear     = "collection";
        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 = '';
        var Language = 'en';
        var Selection = 'NewArtists';
        var Year = 'collection';
            
        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>  -->
    <!-- Needed for QR-code -->
    <!-- Include Bootstrap for styling -->
    <link
        rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
    <style>
        .qr-code {
            max-width: 100px;
            margin: px;
        }
    </style>


            <!-- 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="en"  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>
                    <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/ann geirnaerdt_image_solidarity.png"
                                alt="Artists/Images/ann geirnaerdt_image_solidarity.png"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Ann Geirnaerdt                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Lost-wax casting technique, bronze                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Bronze figures that show strength but also vulnerability</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Burkina Faso</em>:<br>
Ann Geirnaerdt attributes her present style of working with bronze to a three year stay in Burkina Faso (West Africa), where she was able to experiment full-time with the lost-wax casting technique using bronze.<br>
<br>
<em>Ann Geirnaerdt</em>:<br>
Each of my sculptures tells its own story, starting from personal experiences and emotions that I want to give the place they deserve. In this way, my works show, in a very rewarding way, strength but also vulnerability.<br>
<br>
<em>Themes</em>:<br>
Ann Geirnaerdt deals through her works with the themes of man who is constantly "searching", who needs closeness, security, but at the same time wants to maintain his own strength. The man who longs for a certain harmony and wants to live life to the full, sometimes vulnerable, sometimes strong, always looking for his cosy nest, which he also prefers to share with others.<br><br><b><i>Material</i></b>:<br>
What makes her work special is the inspiration coming from natural materials. In the construction of her works she regularly uses natural materials such as bark, branches, plants, and leaves, which inspire her enormously due to their movement and structure. These materials leave an imprint which she gratefully takes up and shapes.<br><br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/ann geirnaerdt_portrait_.jpg' alt='Artists/Images/ResizedSquare150/ann geirnaerdt_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/ann geirnaerdt_image_solidarity_in garden.jpg' alt='Artists/Images/ResizedSquare150/ann geirnaerdt_image_solidarity_in garden.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/danny beinsberger_image_seeds do have an aura he said.jpg"
                                alt="Artists/Images/danny beinsberger_image_seeds do have an aura he said.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Danny Beinsberger                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Glass (fusion)                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Abstract and unique works of art in fusion glass play with the nuances of light</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/danny beinsberger_image_seeds do have an aura he said_detail.jpg' alt='Artists/Images/ResizedSquare150/danny beinsberger_image_seeds do have an aura he said_detail.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/danny beinsberger_image_seeds do have an aura he said_in garden.jpg' alt='Artists/Images/ResizedSquare150/danny beinsberger_image_seeds do have an aura he said_in garden.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/elya yalonetski_image_gameplay_ceramic.jpg"
                                alt="Artists/Images/elya yalonetski_image_gameplay_ceramic.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Elya Yalonetski                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Elya Yalonetski</em>:<br>
She's an award-winning Berlin-based artist who has been successfully working with ceramics for 20 years, combining her original traditional training from the Russian school of ceramics with Baroque and Renaissance elements in her sculptures and figurines. She has changed several countries of residence, but has always followed her own recognizable style.<br>
<br>

<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/elya yalonetski_image_gameplay (side right)_ceramic.jpg' alt='Artists/Images/ResizedSquare150/elya yalonetski_image_gameplay (side right)_ceramic.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/guy deltour_image_book small.jpg"
                                alt="Artists/Images/guy deltour_image_book small.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Guy Deltour                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Ceramic                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >A combination of Umberto Eco's "In the name of the rose" and Escher's drawings where we fall from one surprise into another?</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/guy deltour_image_petite tour de livres.jpg' alt='Artists/Images/ResizedSquare150/guy deltour_image_petite tour de livres.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/guy deltour_image_book small_back.jpg' alt='Artists/Images/ResizedSquare150/guy deltour_image_book small_back.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/hermien buytendijk_image_wicht in evenwicht.jpg"
                                alt="Artists/Images/hermien buytendijk_image_wicht in evenwicht.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Hermien Buytendijk                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Ceramic                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Life-size, humoristic sculptures in earth tones resemble circus performers who wonder why the spectators are looking at them</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <b><i>Hermien Buytendijk</i></b>:<br>.
The sculptures are often made from an evolving sketch but change during the creation of the sculpture. It is also possible that they are modelled after a word or a title. Also the naming is often the result of a game of question and answer with the sculpture. In this way, many crazy word combinations have arisen and the resulting sculptures are always different and unique.<br>
<br>
Stripes of clays are used to create a hollow sculpture (stoneware or porcelain) They are kneaded together and dented. Often, Hermien Buytendijk is working simultaneously with several sculptures in different stages of development.<br>
They are painted with colour slips and scratched in, then they are baked in the oven at 900 degrees. Then they are rubbed with dyes from metal powders and glazed and fired at a minimum of 1200 degrees. This is often followed by a firing at 800 degrees to burn off some gold.<br>
<br>
<b><i>Hermien Buytendijk for Gallery 'T'</i></b>:<br>
Hermien artfully puts life into perspective with ceramic sculptures that subtly move between dream and reality.<br>
<br>
Her sculptures often do something that is not quite possible, they seem to just escape reality but give a sharp impression of it. With humour and double meanings, she creates creatures that everyone will recognise with a smile. Human and animal figures merge with musical instruments and objects to original unique pieces and each object gets its own name.<br>
<br>
The subjects are created from a fantasy taken from life, all different and surprising.<br>
The sculptures are usually placed on wooden or stone pedestals which are decorated to match.<br>
The work has the colours of the earth with here and there a touch of gold and graphic elements.<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                    </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/irene van der does de bye_image_stalraam met vogels.jpg"
                                alt="Artists/Images/irene van der does de bye_image_stalraam met vogels.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Irene van der Does de Bye                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Glass                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Colourful birds made in glass fusion placed in a recuperated metal barn window</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                    </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/jean-francois constant_image_vitrail circulaire.jpg"
                                alt="Artists/Images/jean-francois constant_image_vitrail circulaire.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Jean-Fran&ccedil;ois Constant                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Glass                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/jean-francois constant_portrait_portrait by tamara moss.jpg' alt='Artists/Images/ResizedSquare150/jean-francois constant_portrait_portrait by tamara moss.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/jean-luc absil_image_la bague au doigt.jpg"
                                alt="Artists/Images/jean-luc absil_image_la bague au doigt.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Jean-Luc Absil                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Bronze, resin                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Reaching for the unattainable emotion</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    Jean-Luc Absil creates his sculptures in clay and wax and the casts are in bronze and resin.<br>
<br>
Jean-Luc Absil has an eye for details. He looks constantly for the elegance, the emotion that the female body evokes by its restraint or by its provocation.<br>
The natural sensuality of the woman he depicts leads the viewer to take a serene look at her nudity.<br>
<br>
By magnifying, even deifying the woman, he creates the 'Femme Sacr&eacute;'.<br>
Jean-Luc Absil tries to immortalise the overall image of the Female Goddess.<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/jean-luc absil_portrait_.jpg' alt='Artists/Images/ResizedSquare150/jean-luc absil_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/jean-luc absil_image_la bague au doigt_right.jpg' alt='Artists/Images/ResizedSquare150/jean-luc absil_image_la bague au doigt_right.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/lebuin dhaese_image_fly away.jpg"
                                alt="Artists/Images/lebuin dhaese_image_fly away.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Lebu&iuml;n D'Haese                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Bronze, ceramic                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Only one subject: the human being</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Vision</em>:<br>
Lebu&iuml;n communicates through his work with the audience, which gets an insight into his ideas and opinion. Being an artist is not free obligation for him. Art for art's sake is not his concern. He is a committed artist with only one subject: the human being. (Gui Kestens)<br>
<br>
<em>Luc Clerinx</em>:<br>
Lebu&iuml;n D&Acirc;&rsquo;Haese watches &Acirc;&lsquo;la com&eacute;die humaine&Acirc;&rdquo; slightly ironically, deeply moved he watches &Acirc;&lsquo;humanity and its woes&Acirc;&rsquo;. What he sees and how he sees these things is brought to life in his statues.<br>
Always thinking visually, acting visually. Frugal forms, the omission of excessive details, and the suppression of subjective emotions steer the dramatic poignancy in these statues in the right direction.<br><br><b><i>Frank De Vos</i></b>:<br>
Always thinking visually, acting visually. Frugal forms, the omission of excessive details, and the suppression of subjective emotions steer the dramatic poignancy in these statues in the right direction.<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/lebuin dhaese_portrait_.png' alt='Artists/Images/ResizedSquare150/lebuin dhaese_portrait_.png' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/louis 2 verdal_image_grande tete sur support metallique.jpg"
                                alt="Artists/Images/louis 2 verdal_image_grande tete sur support metallique.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Louis 2 Verdal                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                    </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/marc hadermann_image_vladimir.jpg"
                                alt="Artists/Images/marc hadermann_image_vladimir.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Marc Hadermann                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Glass                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Wandering in a wonder world</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    During - and after a career as a graphic designer and product developer, Marc Hadermann devoted himself to the visual arts. The last decade, he mainly worked as a glass artist.<br>
He is inspired by nature and images in the world around him. Wandering around, he collects images, looking like an astonished child with strange perceptions.<br>
Fascinated by 'light' and 'transparancy' he is giving the spectator an opportunity to observe the world through his eyes.<br>
His art , paintings or glass installations, are always pure, without rules, honest, straight and with no compromises.<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/marc hadermann_portrait_.jpg' alt='Artists/Images/ResizedSquare150/marc hadermann_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/marc hadermann_image_vladimir_in garden.jpg' alt='Artists/Images/ResizedSquare150/marc hadermann_image_vladimir_in garden.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/marianne ouwendijk_image_cato_hoge blauwe hoed.jpg"
                                alt="Artists/Images/marianne ouwendijk_image_cato_hoge blauwe hoed.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Marianne Ouwendijk                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                    </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/marie thys_image_hare.png"
                                alt="Artists/Images/marie thys_image_hare.png"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Marie Thys                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Bronze                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Create to express my observations or emotions</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Marie Thys</em>: <br>
Having always had a passion for animals and their behavior, they became finally her favorite topic. The biggest part of her work is devoted to observing them and looking for their expressions, their movements, and their fragility.<br>
Each of all her sculptures is realized using the technique she thinks is most appropriate for the animal, either wax, plaster, or clay. Then the piece is molded and cast by the process of lost wax, to finally end up with this noble material that is bronze.<br>
<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/marie thys_image_hare_in garden.jpg' alt='Artists/Images/ResizedSquare150/marie thys_image_hare_in garden.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/nele schildermans_image_blauwe karper_ceramic.jpg"
                                alt="Artists/Images/nele schildermans_image_blauwe karper_ceramic.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Nele Schildermans                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/nele schildermans_portrait_.jpg' alt='Artists/Images/ResizedSquare150/nele schildermans_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/nele schildermans_image_blauwe karper_front_ceramic.jpg' alt='Artists/Images/ResizedSquare150/nele schildermans_image_blauwe karper_front_ceramic.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/philippe nicodeme_image_et s il n en reste qu un.jpg"
                                alt="Artists/Images/philippe nicodeme_image_et s il n en reste qu un.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Philippe Nicod&egrave;me                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/philippe nicodeme_image_et s il n en reste qu un_detail.jpg' alt='Artists/Images/ResizedSquare150/philippe nicodeme_image_et s il n en reste qu un_detail.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/plaidsenshawls_image_shawls.jpg"
                                alt="Artists/Images/plaidsenshawls_image_shawls.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Plaids en Shawls                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Yak wool from Nepal                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Yak wool is made from the fine, heat-insulating under-hair of the domestic yak, a type of Asian highland long-haired cattle</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    See <a target=_blank href="https://plaidsenshawls.nl/">https://plaidsenshawls.nl/</a><br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/plaidsenshawls_portrait_shawls.jpg' alt='Artists/Images/ResizedSquare150/plaidsenshawls_portrait_shawls.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/roland menten_image_i told you dancing on a mushroom is dangerous.jpg"
                                alt="Artists/Images/roland menten_image_i told you dancing on a mushroom is dangerous.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Roland Menten                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Composite                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Snails, frogs, flowers, mushrooms are endlessly combined, but always surprising, humorous and perfectly executed</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <b><i>The Snail</i></b><br><br>
The artistic creations of Roland Menten show always a humorous note that is often in contradiction or gives an unexpected view on our stressed and perfectionist society. He builds up an entire oeuvre on and around snails, frogs, leaves, mushrooms, ... In short, nature. In his work, he gives snails a place of honour.<br>
<br>
<b><i>The beauty of Roland Menten's works is that they grow along with nature.</i></b><br>
<br>
On the one hand, through the use of polished and rough surfaces, the lichens become spectators and at the same time they take a part in the story told by the artwork.<br>
<br>
On the other hand, through the alternating use of colours, the works conquer their place in nature, which softens their dominance by incorporating the sculpture into the life of the vegetation.<br>
<br>
The works of art by Roland Menten feel at home both in a modern design and in a classical interior, in an austere French garden as well as in natural vegetation, but they always elicit a smile :-)
<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/roland menten_portrait_.png' alt='Artists/Images/ResizedSquare150/roland menten_portrait_.png' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/roland menten_image_waiting for sunshine on mushroom.jpg' alt='Artists/Images/ResizedSquare150/roland menten_image_waiting for sunshine on mushroom.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/roos mannaerts_image_geschonken aardewerk_in garden.jpg"
                                alt="Artists/Images/roos mannaerts_image_geschonken aardewerk_in garden.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Roos Mannaerts                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Bronze, ceramic, composite with attention to the patina
                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Narrative sculptures. Both classic and contemporary stories and themes. Selective utilisation of details</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/roos mannaerts_portrait_.jpg' alt='Artists/Images/ResizedSquare150/roos mannaerts_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/roos mannaerts_image_paard ris.jpg' alt='Artists/Images/ResizedSquare150/roos mannaerts_image_paard ris.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/roos mannaerts_image_paard rover.jpg' alt='Artists/Images/ResizedSquare150/roos mannaerts_image_paard rover.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/roos mannaerts_image_luister.jpg' alt='Artists/Images/ResizedSquare150/roos mannaerts_image_luister.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/stanwood_image_triple spinner falling foliage.jpg"
                                alt="Artists/Images/stanwood_image_triple spinner falling foliage.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Stanwood Wind Sculptures                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Copper, brass, lifetime warranty                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Highest quality kinetic wind sculptures</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Stanwood Wind Sculptures</em>:<br>
They are the highest quality kinetic sculptures available on the art market. All the wind sculptures are beautifully designed, meticulously crafted. They only use copper and brass as building materials. All spinners are finely balanced and will spin with the slightest breeze. All our wind sculptures are covered by a lifetime warranty.<br><br><b><i>Lifetime warranty</i></b>:<br>
The Stanwood products are fully warranted to the original owner against defects in materials and workmanship. If a Stanwood product fails due to a manufacturing defect Stanwood will repair or replace the product free of charge, at our discretion (transportation costs not included).<br>
This lifetime warranty does not cover damage caused by accident, improper use or installation, negligence, normal wear and tear, or the natural breakdown of materials over time.<br>
<br>
Stanwood also provide easy to replace spare parts, e.g. the stainless steel ball bearings.<br>
<br> 
Art Sanctuary will support you in the communication with Stanwood.<br><br><b><i>Installation</i></b>:<br>
All artworks include a full installation manual. It can also downloaded by the Art Sanctuary website. There're also videos explaining the installation.<br>
Art Sanctuary can help you to install the wind sculpture at your home for a fixed price depending on the wind sculpture.<br><br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/stanwood_image_triple spinner falling foliage (detail).jpg' alt='Artists/Images/ResizedSquare150/stanwood_image_triple spinner falling foliage (detail).jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/stanwood_image_triple spinner falling foliage.gif' alt='Artists/Images/ResizedSquare150/stanwood_image_triple spinner falling foliage.gif' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/tone aanderaa_image_plume.jpg"
                                alt="Artists/Images/tone aanderaa_image_plume.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Tone Aanderaa                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Painter                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Tone Aanderaa</em>:<br>
Norwegian painter inspired by nature and the environment.<br>
<br><br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/tone aanderaa_portrait_.jpg' alt='Artists/Images/ResizedSquare150/tone aanderaa_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/tone aanderaa_image_betulat.jpg' alt='Artists/Images/ResizedSquare150/tone aanderaa_image_betulat.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/tone aanderaa_image_parallel universes .jpg' alt='Artists/Images/ResizedSquare150/tone aanderaa_image_parallel universes .jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/tone aanderaa_image_sentinel of the pond.jpg' alt='Artists/Images/ResizedSquare150/tone aanderaa_image_sentinel of the pond.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/will schropp_image_femina.jpg"
                                alt="Artists/Images/will schropp_image_femina.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Will Schropp                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Wood                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >The sculpture has to be as if it was the only possibility for this piece of wood</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <b><i>Will Schropp</i></b>:<br>
Lines, groves, the ribbing and the character of the wood play a big part in my sculptures. Wood has a lot of possibilities, but even more impossibilities, between them I create my sculptures.<br>
<br>
'Life' and the eternal dream of 'Flying' are subjects of my sculptures. When I carve I am conscious of the nature, I see my work as a synthesis between design and nature. I finish my sculptures in such a way that people are prompted to touch them. Wood shows history and trees played a role in mythology. If possible I use those elements.<br>
<br><br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/will scropp_portrait_.jpg' alt='Artists/Images/ResizedSquare150/will scropp_portrait_.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/will schropp_image_icara_in garden.jpg' alt='Artists/Images/ResizedSquare150/will schropp_image_icara_in garden.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/will schropp_image_femina (back).jpg' alt='Artists/Images/ResizedSquare150/will schropp_image_femina (back).jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/will schropp_image_icara.jpg' alt='Artists/Images/ResizedSquare150/will schropp_image_icara.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/willy peeters_image_gone with the wind_in garden.jpg"
                                alt="Artists/Images/willy peeters_image_gone with the wind_in garden.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Willy Peeters                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Bronze                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Images full of contrasts: figurative yet abstract, rough but sensitive, groups made up of individuals, narrative symbolism</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/willy peeters_image_gone with the wind_4300eur.jpg' alt='Artists/Images/ResizedSquare150/willy peeters_image_gone with the wind_4300eur.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/willy peeters_image_gone with the wind_right_4300eur.jpg' alt='Artists/Images/ResizedSquare150/willy peeters_image_gone with the wind_right_4300eur.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/woodstock chimes_image_chimes of earth_evergreen.png"
                                alt="Artists/Images/woodstock chimes_image_chimes of earth_evergreen.png"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Woodstock chimes                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Aluminium with various finishes, wood, metal                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' >Musically tuned, affordable, high quality chimes that enhance well-being through beautiful sights and sounds</P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                    <em>Garry Kvistad</em>:<br>
As a music student in the 1970s, Woodstock Chimes' founder, Garry Kvistad, became fascinated by ancient scales that could not be played on modern instruments, so he decided to build a metallophone (a xylophone-like instrument with metal bars) on which he could play the ancient scale of Olympos, a Greek flute player from the 7th century B.C.. Being an ecologically minded recent college graduate on a tight budget, Garry found the materials for his metallophone at a landfill, it was made from the aluminum tubes of a discarded lawn chair! Garry's metallophone experiment was so successful, he had the idea to cut and tune aluminum tubes to create windchimes, and Woodstock Chimes was born!<br>
<br>
<em>Why Choose Woodstock Chimes</em>?<br>
<ul>
<li>Woodstock Chimes are the original, musically tuned high quality windchime</li>
<li>Woodstock Chimes are tuned to beautiful melodies and scales from around the world</li>
<li>Woodstock Chimes were created by GRAMMY&reg; award-winning musician Garry Kvistad</li>
<li>Available in a wide range of styles, songs and sizes, you can choose the Woodstock Chime that speaks to your soul</li>
<li>We stand behind every product we make with a one-year warranty and a lifetime tuning guarantee on our musically tuned chimes</li>
<li>Woodstock Chimes are The World's Favorite Windchime - the chime more people ask for by name</li>
<li>Woodstock Chimes are the choice of discerning customers for over 40 years!</li>
</ul>
<br>                </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/woodstock chimes_image_chimes of athena_silber.png' alt='Artists/Images/ResizedSquare150/woodstock chimes_image_chimes of athena_silber.png' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/woodstock chimes_image_chimes of athena_silber_tune.png' alt='Artists/Images/ResizedSquare150/woodstock chimes_image_chimes of athena_silber_tune.png' style=' max-width: 126.625px; max-height: auto; ' > <br> </P> <P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/woodstock chimes_image_chimes of earth_evergreen_tune.png' alt='Artists/Images/ResizedSquare150/woodstock chimes_image_chimes of earth_evergreen_tune.png' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
        <DIV
            style="
                width: 1053px;
                height: 747px;
                min-width: 1053px;
                min-height: 747px;
                max-width: 1053px;
                max-height: 747px;
                margin: 10px;
                font-family: Calibri;
                border-style: none;
                overflow: hidden;
                ">
            <TABLE
                STYLE="
                    border-style: none;
                "
            >
                <TR>
                    <!-- Column 1: ImageBig -->
                    <TD rowspan="2"
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            style="
                                width: 506.5px;
                                height: 683px;
                                position: relative;
                                margin: 0px;
                                "
                            >
                            <IMG
                                src="Artists/Images/xavier dumont_image_banc treilli.jpg"
                                alt="Artists/Images/xavier dumont_image_banc treilli.jpg"
                                style="
                                    max-width: 506.5px;
                                    max-height: 683px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                ">
                        </DIV>
                    </TD>
                    
                    <!-- Column 2: Artist description -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
                        <DIV
                            STYLE = "
                                margin: 10px;
                            ">
                            <P
                                STYLE="
                                    font-size: 21px;
                                    font-style: bold, italic;
                                    text-align: center;
                                ">
                                Xavier Dumont                                (B)
                            </P>
                            <P
                                STYLE="
                                    font-size: 17px;
                                    font-style: bold;
                                    text-align: center;
                                ">
                                Composite                            </P>
                            <DIV
                                STYLE="
                                    font-size: 14px;
                                    font-style: italic;
                                ">

<P STYLE = 'margin-left: 10px; ' ></P> 
                            </DIV>
                        </DIV>
                        <BR>
                        <DIV
                            STYLE="
                                margin: 10px;
                                border: 1px dotted grey;
                                ">
                            <TABLE>
        <TR>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                
                
            </TD>
            <TD
                STYLE="
                    margin: 10px;
                    border: none;
                    border-bottom: 1px dotted grey;
                ">
                <P
                    STYLE="
                        margin: 10px;
                    ">
                                    </P>
            </TD>
        </TR>
                            </TABLE>
                        </DIV>                                
                    </TD>
                    
                    <!-- Column 3: Images Small -->
                    <TD
                        STYLE="
                            border-style: none;
                        "
                    >
<P STYLE = 'text-align: center; '> <IMG src='Artists/Images/ResizedSquare150/xavier dumont_image_siege echelle.jpg' alt='Artists/Images/ResizedSquare150/xavier dumont_image_siege echelle.jpg' style=' max-width: 126.625px; max-height: auto; ' > <br> </P>                     </TD>
                </TR>
            </TABLE>
        </DIV>
        <P
            STYLE="
                page-break-after: always;
            "
            >
            <!-- Empty -->
        </P>
        
     </body>