{if $hideTaskBar ne true}
    {if $user->data.user_regcode!=""}
        <div style="text-align:center;margin-top:0px;border-bottom:1px solid #999;padding:3px;line-height:22px;background-color:#FFF588;">
            <strong>{"Validate your email address to receive updates and notifications"|gettext}</strong><br />
            <span><a href="/user/validateemailscreen"><strong>{"Click here"|gettext}</strong></a> {"and we will send an email to your inbox with instructions on how to do it - it's quick and easy!"|gettext}</span>
        </div>
    {/if}
    
    <div id="announcementsBar" {if $announcementUnreadCount eq 0}style="display:none;"{/if}>
        {foreach from=$announcements item=cA}
            <div class="announcement {if $announcements|@count eq 1}single{/if}">
                <span {if $cA->data.announcement_type eq 'downtime'}class="indentedParagraph announceWarning"{elseif $cA->data.announcement_type eq 'features'}class="indentedParagraph announceFeature"{elseif $cA->data.announcement_type eq 'news'}class="indentedParagraph announceNews"{/if}>
                    {$cA->data.announcement_text}
                    {if $cA->data.announcement_link ne ''}
                        &nbsp;&nbsp;<a href="{$cA->data.announcement_link}" target="_blank" class="link">READ MORE</a>
                    {/if}
                </span>
            </div>
        {/foreach}
        <div class="announcement_read">
            {if count($announcements) gt 1}
                <a onclick="clearAnnouncements();return false;"><span class="hidden">OK</span></a>
            {else}
                <a onclick="clearAnnouncements();return false;"><span class="hidden">OK</span></a>
            {/if}
        </div>
    </div>
    <script type="text/javascript">
        function clearAnnouncements() {
            $('announcementsBar').hide();
            new Ajax.Request('/user/updatelastannouncement',{
                onComplete:function(){

                }
            });
        }
    </script>
    
{/if}
<div id="taskBar">
    <div id="taskBar_inner">
        <a href="/" id="taskBar_logo">
            <!--<img src="{$vars.cdn[$vars.httpMode]}crowdworks_logo- small.jpg" />-->
            {if intval($hubbub->joined.obj_hubbub_logofile->data.file_id) ne 0}
                <img src="{$hubbub->joined.obj_hubbub_logofile->getCloudinaryURL(300, 60, "c_fit")}" alt="Logo" />
                {*include file=Template::get('showImage.html') alt=$hubbub->data.hubbub_name showFile=$hubbub->joined.obj_hubbub_logofile folder='logo'*}
            {/if}
        </a>
        <div class="taskbarPages">
        	{if $vars.environment eq $smarty.const.ENVIRONMENT_DEV}
            	<div style="color:#eee;font-weight:bold;text-transform:uppercase;background-color:#444;padding:3px 6px;position:fixed;top:40px;z-index:4000;box-shadow:0px 0px 2px #999;" onmouseover="this.style.visibility='hidden';" onfocus="this.style.visibility='hidden';">Running in dev mode</div>
            {else if $vars.environment eq $smarty.const.ENVIRONMENT_STAGING}
            	<div style="color:#eee;font-weight:bold;text-transform:uppercase;background-color:#444;padding:3px 6px;position:fixed;top:40px;z-index:4000;" onmouseover="this.style.visibility='hidden';" onfocus="this.style.visibility='hidden';">Running in staging mode</div>
            {else if $vars.environment eq $smarty.const.ENVIRONMENT_TEST}
            	<div style="color:#eee;font-weight:bold;text-transform:uppercase;background-color:#444;padding:3px 6px;position:fixed;top:40px;z-index:4000;" onmouseover="this.style.visibility='hidden';" onfocus="this.style.visibility='hidden';">Running in test mode</div>
            {/if}
        </div>
        {if $hideTaskBar ne true}
        <ul id="toolbar">
            {*{if $hubbub->hubbub_arrOptions.allowLanguageChoice}
                {assign var=langCode value=Translation::$language}
                {assign var=langName value=array_search($langCode, Hubbub::$config.availableLanguages)}
                <li class="languageChoice">
                    <a href="#" class="GB_dropDownButton langChoiceEntry" style="background-image:url({$vars.resourcesUrl}flags/{$langCode}.gif);height:30px;padding-right:5px;" id="GB_dropDownButton:langChoice"><span class="hidden">{$langName}</span></a>
                    <div id="GB_dropDownArea_inner:langChoice" class="GB_dropDownArea_inner" style="display:none;position:relative;top:-30px;background-color:#fff;padding:4px;padding-top:0px;border:1px solid #444;border-top:0px;">
                        {foreach from=$hubbub->hubbub_arrOptions['allowedLanguages'] item=language key=key}
                            <a href="#" class="langChoiceEntry" style="height:30px;background-image:url({$vars.resourcesUrl}flags/{$language}.gif);" onclick="if (confirm('Changing your language will refresh the page, and any unsaved information will be lost.')){ User.setLanguage('{$language}'); } return false;"><span class="hidden">{$key}</span></a>
                        {/foreach}
                    </div>
                </li>
            {/if}*}
            {assign var=langCode value=Translation::$language}
            {if $hubbub->hubbub_arrOptions.allowLanguageChoice}
            <li class="languageChoice">
                <select name="" onchange="User.ios7checkLanguage(this); return false;">
                    {foreach from=$hubbub->hubbub_arrOptions['allowedLanguages'] item=language key=key}
                        <option value="{$language}" {if $language eq $langCode}selected="selected"{/if}>{$key}</option>
                    {/foreach}
                </select>
            </li>
            {/if}
            {if $user->data.user_id ne 0}
                {include file=Template::get('taskBar/taskBar-user.html')}
            {else}
                {include file=Template::get('taskBar/taskBar-noUser.html')}
            {/if}
        </ul>
        {/if}
	</div>
    {*{if $hubbub->data.hubbub_closed eq 0 && $hubbub->hubbub_arrOptions.allowSocialShare && Page::$currentPage eq Page::$homePage}
        <div class="shareTopContainer">
            {include file="$templateSource/html/shareTop.html" shareSize="32x32"}
        </div>
    {/if}*}
    {if strpos($smarty.server.HTTP_USER_AGENT, 'MSIE 7')===false && strpos($smarty.server.HTTP_USER_AGENT, 'MSIE 8')===false}
        {if $hubbub->hubbub_arrOptions.googleplusAllowFollow || $hubbub->hubbub_arrOptions.youtubeAllowFollow || $hubbub->hubbub_arrOptions.facebookFollow || $hubbub->hubbub_arrOptions.twitterAllowFollow}
            <div class="subsArea">

                {if $hubbub->hubbub_arrOptions.twitterAllowFollow}
                    <a class="twitter-follow-button"
                      href="https://twitter.com/{$hubbub->hubbub_arrOptions.twitterName|escape}"
                      data-show-count="false"
                      data-show-screen-name="false"
                      data-lang="en">
                    Follow {*@{$hubbub->hubbub_arrOptions.twitterName|escape}*}
                    </a>
                    <script>window.twttr=(function(d,s,id){ var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{ };if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){ t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
                {/if}

                {if $hubbub->hubbub_arrOptions.facebookAllowFollow}
                    <div class="fb-like" data-href="{$hubbub->hubbub_arrOptions.facebookName|escape}" data-width="100" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
                {/if}

                {if $hubbub->hubbub_arrOptions.googleplusAllowFollow}
                    <div class="g-follow" data-annotation="none" data-href="//plus.google.com/u/0/{$hubbub->hubbub_arrOptions.googleplusName|escape}" data-rel="publisher"></div>
                {/if}

                {if $hubbub->hubbub_arrOptions.youtubeAllowFollow}
                    <div class="g-ytsubscribe" data-channel="{$hubbub->hubbub_arrOptions.youtubeName|escape}" data-count="hidden"></div>
                {/if}

            </div>
        {/if}
    {/if}
    
    <div id="searchContainer">
        <div id="searchOuter">
            {if isset($smarty.request.qType)}
                {assign var=qType value=$smarty.request.qType}
            {else}
                {assign var=qType value='ideas'}
            {/if}
            <input type="hidden" id="qTypeFinal" value="{$qType|escapeonce}" />
            <form method="get" id="globalSearchForm" onsubmit="return Search.submit();">
                <input type="submit" value="{"Search"|gettext}" id="searchButton" class="form_button" />
                <div id="searchInner">
                    <label for="searchBox" class="hidden">Search</label>
                    <input type="text" name="q" id="searchBox" value="{$smarty.request.q|escapeonce}" />
                    <div class="searchOptions" id="GB_dropDownContainer:search">
                        <a href="#" class="GB_dropDownButton GB_dropDownButtonStyle" id="GB_dropDownButton:search">{if $qType eq 'ideas'}{"Ideas"|gettext}{elseif $qType eq 'people'}{"People"|gettext}{/if}</a>
                        <div id="GB_dropDownArea_inner:search" class="GB_dropDownArea_inner searchOptionsDropDown inner GB_dropDownArea_persist" style="display:none;">
                            <div class="searchMode">
                                <fieldset>
                                    <legend class="hidden">Search mode</legend>
                                    <label for="qType_ideas" class="hidden">{"Ideas"|gettext}</label>
                                    <input type="radio" name="qType" value="ideas" id="qType_ideas" {if $qType eq 'ideas'}checked="checked"{/if} onclick="Search.setType('Ideas','{"Ideas"|gettext}');" /> {"Ideas"|gettext} &nbsp;&nbsp;
                                    <label for="qType_people" class="hidden">{"People"|gettext}</label>
                                    <input type="radio" name="qType" value="people" id="qType_people" {if $qType eq 'people'}checked="checked"{/if} onclick="Search.setType('People','{"People"|gettext}');" /> {"People"|gettext}
                                </fieldset>
                            </div>
                            <div id="searchOptions_ideas" class="searchOptionsSet">
                                <h3>{"Challenge"|gettext}</h3>
                                <p>
                                    <label for="search_category_id" class="hidden">{"Challenges"|gettext}</label>
                                    <select id="search_category_id">
                                        <option value="0">{"All challenges"|gettext}</option>
                                    {foreach from=Category::$topLevelList item=cCat}
                                        <option value="{$cCat->data.category_id}" {if intval($selectedCategory->data.category_id) eq $cCat->data.category_id}selected="selected"{/if}>{Translation::t($cCat, 'category_name')|truncate:26}</option>
                                    {/foreach}
                                    </select>
                                </p>
                                {if $hubbub->hubbub_arrOptions.tagsEnabled eq 1}
                                    <h3>{"Popular Tags"|gettext}</h3>
                                    {include file="$templateSource/html/taskBar/searchTags.html"}
                                {/if}
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <script type="text/javascript">textBox_addDefaultText('searchBox','{"Search"|gettext}');</script>
        </div>
    </div>


</div>