Adding 'title' attribute to tab link (Bug #1387341)

Ideally the new attribute should be called 'title' in the array used
to populate the tabs - but as we've called the link text 'title' it's
not worth changing that to 'text' and having the new attribute =
'title' so I've called it 'tooltip' in the array.

Change-Id: I4e34a48e020691f9eefbdfe1a3cd45ee217c62d8
Signed-off-by: Robert Lyon <robertl@catalyst.net.nz>

htdocs/theme/default/templates/header.tpl

@@ -37,7 +37,7 @@
                 <h3 class="rd-tab-title"><a href="#">{str tag=tabs}<span class="rd-tab"></span></a></h3>
                 <ul class="in-page-tabs">
 {foreach from=$SUBPAGENAV item=item}
-                    <li {if $item.selected}class="current-tab"{/if}><a {if $item.selected}class="current-tab" {/if}href="{$WWWROOT}{$item.url}">{$item.title}<span class="accessible-hidden">({str tag=tab}{if $item.selected} {str tag=selected}{/if})</span></a></li>
+                    <li {if $item.selected}class="current-tab"{/if}><a {if $item.tooltip}title="{$item.tooltip}"{/if}{if $item.selected}class="current-tab" {/if}href="{$WWWROOT}{$item.url}">{$item.title}<span class="accessible-hidden">({str tag=tab}{if $item.selected} {str tag=selected}{/if})</span></a></li>
 {/foreach}
                 </ul>
               </div>

htdocs/theme/raw/templates/header.tpl

@@ -38,7 +38,7 @@
                        <div class="tabswrap">
                            <ul class="in-page-tabs">
 {foreach from=$SUBPAGENAV item=item}
-                               <li {if $item.selected}class="current-tab"{/if}><a {if $item.selected}class="current-tab" {/if}href="{$WWWROOT}{$item.url}">{$item.title}<span class="accessible-hidden">({str tag=tab}{if $item.selected} {str tag=selected}{/if})</span></a></li>
+                               <li {if $item.selected}class="current-tab"{/if}><a {if $item.tooltip}title="{$item.tooltip}"{/if}{if $item.selected}class="current-tab" {/if}href="{$WWWROOT}{$item.url}">{$item.title}<span class="accessible-hidden">({str tag=tab}{if $item.selected} {str tag=selected}{/if})</span></a></li>
 {/foreach}
                            </ul>
                        </div>