{% capture images %}
%xl(directory,directory.bmp,0,0,2)
{% endcapture %}

{% capture viewports %}
# Always define scroll bar viewport as I have no idea how to properly resize the list items/main viewport.
%Vd(scrollbar)
{%- comment %}
# maybe via something like that?  list_[no]scroll would be the %Vi viewport ...
#%?LB<%Vd(scrollbar)%Vd(list_scroll)|%Vd(list_noscroll)>
{% endcomment %}
{% endcapture %}

###################################
# Menus / Lists (including items) #
###################################

# Define list item viewport
%Lb(item,138,18)
# TODO: SCROLL BAR -- figure out how to make use of %?LB properly to show/hide it when required
# Scroll bar - outer border
%Vl(scrollbar,129,17,9,92,-)%Vf(0)%dr(0,0,-,-)
# Scroll bar - inner border
%Vl(scrollbar,130,18,7,90,-)%Vf(3)%dr(0,0,-,-)
# Scroll bar - actual bar
%Vl(scrollbar,131,19,5,88,-)%Vb(3)%Vf(0)
%LB(-,-,-,-, invert, noborder, vertical)
# Main list viewport
%Vi(-,0,19,128,91,-)
{%- comment %}
#%Vl(list_scroll,0,19,128,91,-)
#%Vi(list_scroll,0,19,128,91,-)
#%Vl(list_noscroll,0,19,137,91,-)
#%Vi(list_noscroll,0,19,137,91,-)
{% endcomment %}
# Rectangle around list item
%Vl(item,0,0,128,18,-)%Vf(0)%Vb(0)
%?Lc<%dr(0,0,128,-)>
# Draw directory arrow first, otherwise %s gets confused about it
%Vl(item,114,5,12,9,-)
%?if(%LI, >=, 0)<%?Lc<%xd(directory, 2)|%xd(directory, 1)>>
# Position text inside list item (108 = 128 - 6(=x position) - 12(=width of > arrow) - 2(= to make it look nicer :-))
%Vl(item,6,3,108,13,-)
%?Lc<%Vs(invert)|%Vs(clear)>%s%?if(%cs, =, 1)<%?if(%LT, =, Database)<Music|%?if(%LT, =, Playlist Catalogue)<Playlists|%LT>>|%LT>