#if ($data.User.hasLoggedIn())
##
## This is the top naviation bar displayed for a logged in user
##
<style>
.headerApplication
{
	BACKGROUND-ATTACHMENT:fixed; 
	BACKGROUND-IMAGE: url(grafix/header/left.gif); 
	WIDTH: 220px; 
	HEIGHT: 63px
}

.headerRoomselection
{
	BACKGROUND-IMAGE: url(grafix/header/right.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	WIDTH: 200px; 
	HEIGHT: 63px
}
.headerFiller
{
	BACKGROUND-IMAGE: url(grafix/header/background.gif); 
	HEIGHT: 63px
}
.headerLogoff
{
	BACKGROUND-IMAGE: url(grafix/header/background.gif); 
	HEIGHT: 63px
}

.bgLabelCenterText 
{
	BACKGROUND-IMAGE: url(grafix/header/label_center.gif);
}

.bgLabelCenter 
{
	BACKGROUND-IMAGE: url(grafix/label_center.gif)
}

.headerMenu 
{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 65%; 
	PADDING-BOTTOM: 3px;
}

</style>
<!-- header --------------------------------------------------------------------------------------------------------------------------------------------------------->
<SPAN id=headerHeightSpan>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
  <TR>
  
    <!-- header APPLICATION -->
    <TD vAlign=top align=left>
      <TABLE class=headerApplication cellSpacing=0 cellPadding=0 border=0>
      <TBODY>
        <TR>
          <TD><IMG height=38 src="grafix/spacer.gif" width=5 border=0></TD></TR>
        <TR>
          <TD vAlign=top align=left>
            <TABLE cellSpacing=0 cellPadding=0 border=0>
            <TBODY>
              <TR>
                <TD><IMG height=1  width=5  border=0     src="grafix/spacer.gif" ></TD>
                <TD><IMG height=21 width=12 border=0     src="grafix/header/applications_left.gif"></TD>
                <TD class=bgLabelCenterText noWrap>Applikationen</TD>
                <TD><IMG height=21 width=12 border=0     src="grafix/header/applications_right.gif"></TD>
              </TR>
            </TBODY>
            </TABLE>
          </TD>
        </TR>
        <TR>
          <TD><IMG height=4  src="grafix/spacer.gif" width=1  border=0></TD>
        </TR>
      </TBODY>
      </TABLE>
      <!-- end header left side-->
    </TD>
    
    
    
    <!-- header ROOMSELECTION-->
    <TD vAlign=top align=left>
    	<!-- room selection -->
      	<TABLE class=headerRoomselection cellSpacing=0 cellPadding=0 border=0>
        <TBODY>
        	<TR>
          		<TD vAlign=bottom align=left>
            		<TABLE cellSpacing=0 cellPadding=0 border=0>
              		<TBODY>
              			<TR>
                			<TD><IMG height=43 src="grafix/spacer.gif" width=1 border=0></TD>
                		</TR>
              			<TR>
			                <TD><IMG height=1  width=10 border=0   src="grafix/spacer.gif"    ></TD>
			                <TD><IMG height=21 width=12 border=0   src="grafix/header/rooms_left.gif" ></TD>
			                <TD class=bgLabelCenterText noWrap><NOBR>Strafraum</NOBR></TD>
			                <TD class=bgLabelCenter><IMG height=13 src="grafix/slash.gif" width=13 border=0></TD>
			                <TD class=bgLabelCenter><A  href="javascript:showRoomSelection('projectGroups');"><IMG height=13 src="grafix/min_down.gif" width=13 border=0></A></TD>
			                <TD><IMG height=21 width=12 border=0   src="grafix/header/rooms_right.gif"></TD>
			            </TR>
			        </TBODY>
			        </TABLE>
			    </TD>
			</TR>
        </TBODY>
        </TABLE>
        <!-- end room selection -->
    </TD>
    
    
    <!-- header FILLER -->
    <TD class=headerFiller width="100%">
    	&nbsp;
    </TD>
    
    <!-- header LOGOFF -->
    <TD class=headerLogoff>
        <TABLE cellSpacing=0 cellPadding=0 border=0>
        <TBODY>
        	<TR>
          		<TD>
          			<IMG height=27 src="grafix/spacer.gif" width=1 border=0></TD>
          	</TR>
        	<TR>
          		<TD vAlign=bottom><IMG height=10 src="grafix/grey.gif" width=1 border=0></TD>
                <TD vAlign=bottom><IMG height=10 src="grafix/grey.gif" width=1 border=0></TD>
          		<TD class=headerMenu noWrap><a class=headerLink href="$jslink.setAction($config.getString("action.logout"))">Log Off</A></TD>
          	</TR>
        </TBODY>
        </TABLE>
    </TD>
    <TD class=bgHeaderRight>&nbsp;</TD>
  </TR>
</TBODY>
</TABLE>
</SPAN>
#else
##
## This is the top naviation bar displayed for the anonymous user, i.e. they are not logged in
##
  <table cellspacing="0" border="0" width="100%">
    <tr valign="middle">
      ##
      ## Display the company logo with link back to the the portal home page
      ##
      <td align="left" width="30%">
        <a href="$jslink.Template">
          <img border="0" alt="$l10n.HOME" src="$LogoURI">
        </a>
      </td>
      ##
      ## Display the welcome message.  This is typicaly where a Banner AD is displayed
      ##
      <td align="center">
        <h2>$l10n.TOP_TITLE</h2>
      </td>
      ##
      ## Right column of top navigation bar.
      ## Optionally allow user login. Required for user creation
      ## Optionally allow user creation.
      ##
      #if( $config.getBoolean("topnav.user_login.enable") == true)
      <td align="right" valign="bottom" width="30%">
        <form method="POST" action="$link" enctype="application/x-www-form-urlencoded">
          <input name="$jslink.ActionKey" type="hidden" value="$config.getString("action.login")">
          <table border="0" cellspacing="2" cellpadding="0">
            <tr>
              <td style="font-size:10">$l10n.USERFORM_USERNAMEMSG</td>
              <td>
                <input value="" name="username" maxlength="25" type="text" tabindex="1" style="font-size:10">
              </td>
              <td rowspan="2" align="center">
                <input name="submit" type="submit" value="$l10n.USERFORM_LOGIN" tabindex="4"  style="font-size:10" />
              </td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td style="font-size:10">$l10n.USERFORM_PASSWORDMSG</td>
              <td>
                <input value="" name="password" maxlength="25" type="password" tabindex="2" style="font-size:10">
              </td>
            </tr>
            #if ( $config.getBoolean("automatic.logon.enable") == true )
            <tr>
              <td style="font-size:10" colspan="2">
                <input name="rememberme" value="true" type="checkbox" tabindex="3" />$l10n.USERFORM_REMEMBERME
              </td>
            </tr>
            #end
            <tr>
              <td align="center" colspan="3">
                #if( $config.getBoolean("topnav.user_creation.enable") == true)
                <a href="$jslink.setTemplate("NewAccount")" style="font-size:10">$l10n.TOP_CREATENEWACCOUNT</a>
                &nbsp;|&nbsp;
                #end
                <a href="$jslink.setTemplate("LoginHelp")" style="font-size:10">$l10n.TOP_LOGINHELP</a>
              </td>
            </tr>
            ## Leave space between last line and content
            <tr>
              <td>&nbsp;</td>
            </tr>
          </table>
        </form>
      </td>
      #end
    </tr>
  </table>
#end