{def $locations = fetch( 'content', 'list', hash( 'parent_node_id', $node.node_id,
                                                  'class_filter_type', 'include',
                                                  'class_filter_array', array( 'tgmap' ),
                                                  'sort_by', array( 'published', false() ),
                                                  'limit', '5' ) )
     $attribute = 'gmap'}
 {set $locations = $locations|append( $node )}

<div class="border-box">
<div class="border-tl"><div class="border-tr"><div class="border-tc"></div></div></div>
<div class="border-ml"><div class="border-mr"><div class="border-mc float-break">

<div class="content-view-full">
    <div class="class-geo-located-content">

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key={ezini('SiteSettings','GMapsKey')}" type="text/javascript"></script>
<script type="text/javascript">
<!--
    {literal}

function eZFLGMapView( blockId, data )
{
    if (GBrowserIsCompatible()) 
    {
        var startPoint = new GLatLng( 0, 0 ), zoom = 0;

        var map = new GMap2( document.getElementById( 'ezflb-map-' + blockId ) ), 
            bounds = new GLatLngBounds();

        map.addControl( new GMapTypeControl() );
        map.addControl( new GLargeMapControl() );
        map.setCenter( startPoint, zoom );

        for( var i = 0; i < data.length; i++ )
        {
            var locationData = data[i];
            var pointerHandler = document.getElementById( 'ezflb-pointer-' + blockId + '-' + i );
            pointerHandler.point = locationData.point;
            pointerHandler.address = locationData.address;
            eZFLGMapAddListener( pointerHandler, 'click', function(e) {
                map.panTo( this.point );
                map.setCenter( this.point, 13 );
                map.openInfoWindowHtml( this.point, this.address );
                if ( e.preventDefault )
                    e.preventDefault();
                else
                    e.returnValue = false;
            } );
            map.addOverlay( eZFLGMapMarker( locationData.point, bounds, locationData.address ) );
        }

        map.setCenter( bounds.getCenter(), map.getBoundsZoomLevel( bounds ) );
    }
}

function eZFLGMapMarker( point, bounds, address )
{
    var marker = new GMarker( point );

    GEvent.addListener( marker, 'click', function() {
        marker.openInfoWindowHtml( address );
    } );

    if ( bounds )
        bounds.extend( point );

    return marker;
}

function eZFLGMapAddListener( element, type, expression, bubbling )
{
    bubbling = bubbling || false;

    if( window.addEventListener )
    {
        element.addEventListener( type, expression, bubbling );
        return true;
    } 
    else if ( window.attachEvent ) 
    {
        element.attachEvent( 'on' + type, expression );
        return true;
    } 
    else
    {
        return false;
    }
}
    {/literal}
-->
</script>



<script type="text/javascript">
<!--
    var data{$node.node_id} = [];
    
    {foreach $locations as $location}
    data{$node.node_id}.push( {ldelim}
                            point: new GLatLng( {$location.data_map[$attribute].content.latitude}, {$location.data_map[$attribute].content.longitude} ),
                            address: '{$location.data_map[$attribute].content.address}'
                        {rdelim} );
    {/foreach}

    eZFLGMapAddListener( window, 'load', function(){ldelim} eZFLGMapView( '{$node.node_id}', data{$node.node_id} ) {rdelim}, false );
-->
</script>

    <div class="attribute-header">
        <h1>{$node.name|wash()}</h1>
    </div>

    <ul>
    {foreach $locations as $index => $location}
        <li><a id="ezflb-pointer-{$node.node_id}-{$index}" href="{$location.url_alias|ezurl('no')}">{$location.name|wash()}</a></li>
    {/foreach}
    </ul>

    <div id="ezflb-map-{$node.node_id}" style="width: 460px; height: 600px"></div>

    </div>
</div>

</div></div></div>
<div class="border-bl"><div class="border-br"><div class="border-bc"></div></div></div>
</div>