//~ARGUMENTS
{
  tab:   0,
  items: [],
}

//~TEMPLATE
%{{
  var tab = args.tab in args.items ? args.tab : fcf.firstKey(args.items);
}}%
<div class="${{decor.verticalTabsWrapperClass}}$">
  <div class="${{decor.verticalTabsContanerClass}}$">
    <div class="${{decor.verticalTabsClass}}$">
    %{{
      fcf.each(args.items, function(a_key, a_item){
    }}%
      <div tab class="${{decor.verticalTabClass}}$ @{{a_key==tab ? 'active' : ''}}@ fcf-noselect" key="@{{a_key}}@" fcfEventClick="wrapper.onClick(event)">@{{a_item.title}}@</div>
    %{{
      });
    }}%
    </div>
  </div>
  <div class="${{decor.verticalTabContentClass}}$">
    %{{
      fcf.each(args.items, function(a_key, a_item){
    }}%
      <div content class="${{decor.verticalTabContentItemClass}}$" key="@{{a_key}}@" style="display:@{{a_key == tab ? 'block' : 'none'}}@">@{{a_item.data}}@</div>
    %{{
      });
    }}%
  </div>
</div>
