<div id="toplogobox" class='<{if $tplvar.animation}>animation<{/if}>' >
<div id="logobottom" >
<div id="logotext" ><{$smarty.const._THEME_WELCOME01}><{$tplvar.sitename}><{$smarty.const._THEME_WELCOME02}></div>
<div id='logoimgbox'>
<strong><a tabindex="1" class='a11y_box' aria-label="<{$smarty.const._THEME_WELCOME01}><{$tplvar.sitename}><{$smarty.const._THEME_WELCOME02}>"  title='<{$smarty.const._THEME_WELCOME01}><{$tplvar.sitename}><{$smarty.const._THEME_WELCOME02}>' href="<{xoAppUrl}>" ><{if $logofileexists}><img alt='<{$smarty.const._THEME_WELCOME01}><{$tplvar.sitename}><{$smarty.const._THEME_WELCOME02}>' src='<{xoAppUrl}>uploads/<{$xoops_theme}>/logoimg.png'><{else}><img alt="<{$tplvar.sitename}>-LOGO" src='<{xoImgUrl}>default/logoimg.png'><{/if}></a></strong>
</div>
</div>
<div id='logoimgbox1'></div>
<div id='logoimgbox2'><h1><{$tplvar.sitename}></h1></div>
<div id='logoimgbox3'><{$tpl_pagetitle}></div>
</div>	
<{if $tplvar.animation}>
<script>$(document).ready(function() { setTimeout(function() {logoAnimationfunction(); }, 500); });</script>
<{/if}>
