#***********************************
* renders the html instant messaging client.
* that is included in the header.
*
* 1) Print some invisible div's containing the messages, status and the roster. The 
*    DIV's have special ID's
* 2) Write some links for the top navigation. When clicking the link, overlib displays
*    the content from the invisible DIV's. The content is fetched from the DIV using
*    the browsers innerHTML method.
***********************************#

## only proceed if connected to server otherwise nothing is shown
#if($imclient.isConnected())
#set ($presence = $imclient.getStatus())

#***********************************
* Message
***********************************#
<div id="o_message" style="display: none">
## single message in queue
#if ($imclient.hasMessage() && !$imclient.hasMessages())
	<div class='o_im_wrap'>
		<div class='o_help_icon' style='padding-top:12px; padding-right: 2px;'>
			<a href="javascript:contextHelpWindow('${contextpath}/raw/help/${lang}/instant-messenger.html')" title='$r.translate("help.hover.im")' style='padding: 0; margin: 0;'>
			<img src='$r.relLink("raw/images/default/mini_help.gif")' border='0' alt='$r.translate("help.hover.im")'></a>
		</div>
		<div style="padding-right: 15px;"> ## 15px space for help icon			
		#if ($imclient.getMessage().getType().toString() == "normal")
			$r.translate("im.message.from") $imclient.getMessage().getFrom()
			<br>
			$r.translate("im.message.sendtime") $!imclient.getSendDate()
			<br><br>
			$r.translate("im.message.subject") $!imclient.getMessage().getSubject()
			<br><br>
			$imclient.getMessageFormatted($!imclient.getMessage().getBody())
			<hr>
			$r.translate("im.message") <a href='$r.commandURIbg("delMessage")' $r.bgTarget() class='o_im_footerlinks'>$r.translate("im.message.delete")</a>
			<br>
			#set ($fromadress = $imclient.parseJid($imclient.getMessage().getFrom()))
			#if($imclient.getFlashClientIsRunning())
				$r.translate("im.message.answer") 
				<a href='$r.commandURIbg("startClient")$fromadress' $r.bgTarget() onClick='return o2cl()' class='o_im_footerlinks'>
					$r.translate("im.message.answer.linktext")
				</a>
			#else
				$r.translate("im.message.answer") 
				<a href="javascript:o_imOpenClient('$r.commandURI("startClient")$fromadress')" onClick='void(o_hideDiv("o_im_newMessage"))' onKeyPress='void(o_hideDiv("o_im_newMessage"))' class='o_im_footerlinks'>
					$r.translate("im.message.answer.linktext")
				</a>
			#end
		#elseif ($imclient.getMessage().getType().toString() == "chat")
			$r.translate("im.message.from") $imclient.getMessage().getFrom()
			<br>
			$r.translate("im.message.sendtime") $!imclient.getSendDate()
			<br><br>
			$imclient.getMessageFormatted($!imclient.getMessage().getBody())
			<br><br>
			#set ($fromadress = $imclient.parseJid($imclient.getMessage().getFrom()))
			#if($imclient.getFlashClientIsRunning())
				<hr>$r.translate("im.message.answer") 
				<a href='$r.commandURIbg("startClient")$fromadress' $r.bgTarget() onClick='return o2cl()' class='o_im_footerlinks'>
					$r.translate("im.message.answer.linktext")
				</a>
			#else
				<hr>$r.translate("im.message.answer") 
				<a href="javascript:o_imOpenClient('$r.commandURI("startClient")$fromadress')"  onClick='void(o_hideDiv("o_im_newMessage"))' onKeyPress='void(o_hideDiv("o_im_newMessage"))' class='o_im_footerlinks'>
					$r.translate("im.message.answer.linktext")
				</a>
			#end
			<br>
			$r.translate("im.message") <a href='$r.commandURIbg("delMessage")' $r.bgTarget() onClick='return o2cl()' class='o_im_footerlinks'>$r.translate("im.message.delete")</a>	
		#end
		</div>
	</div>
## several messages are in queue for the user
#elseif ($imclient.hasMessages())
	<div class='o_im_wrap'>
		<div class='o_help_icon' style='padding-top:12px; padding-right: 2px;'>
			<a href="javascript:contextHelpWindow('${contextpath}/raw/help/${lang}/instant-messenger.html')" title='$r.translate("help.hover.im")' style='padding: 0; margin: 0;'>
			<img src='$r.relLink("raw/images/default/mini_help.gif")' border='0' alt='$r.translate("help.hover.im")'></a>
		</div>
		<div style="padding-right: 15px;"> ## 15px space for help icon			
		#if ($imclient.getMessage().getType().toString() == "normal")
			$r.translate("im.message.from") $imclient.getMessage().getFrom()
			<br>
			$r.translate("im.message.sendtime") $!imclient.getSendDate()
			<br><br>
			$r.translate("im.message.subject") $!imclient.getMessage().getSubject()
			<br><br>
			$imclient.getMessageFormatted($!imclient.getMessage().getBody())
			<hr>
			$r.translate("im.message") <a href='$r.commandURI("delMessage")' class='o_im_footerlinks'>$r.translate("im.message.delete")</a>
			<br>
			#set ($fromadress = $imclient.parseJid($imclient.getMessage().getFrom()))
			#if($imclient.getFlashClientIsRunning())
				$r.translate("im.message.answer") 
				<a href='$r.commandURI("startClient")$fromadress' onClick='return o2cl()' class='o_im_footerlinks'>
					$r.translate("im.message.answer.linktext")
				</a>
			#else
				$r.translate("im.message.answer") 
				<a href="javascript:o_imOpenClient('$r.commandURI("startClient")$fromadress')" onClick='void(o_hideDiv("o_im_newMessage"))' onKeyPress='void(o_hideDiv("o_im_newMessage"))' class='o_im_footerlinks'>
					$r.translate("im.message.answer.linktext")
				</a>
			#end
		#elseif ($imclient.getMessage().getType().toString() == "chat")
			## collect all messges form an other user and display at once
			#if ($imclient.hasSeveralMessagesOfSameUser($imclient.getMessage().getFrom()))
				$r.translate("im.message.from") $imclient.getMessage().getFrom()
				<br>
				$r.translate("im.message.sendtime") $!imclient.getSendDate()
				<br><br>
				#foreach ($singleMessage in $imclient.getMessagesByUsername($imclient.getMessage().getFrom()))
					$imclient.getMessageFormatted($singleMessage.getBody())
					<br>
				#end
				
				#set ($fromadress = $imclient.parseJid($imclient.getMessage().getFrom()))
				#if($imclient.getFlashClientIsRunning())
					<hr>
					$r.translate("im.message.answer") 
					<a href='$r.commandURI("startClient")$fromadress' onClick='return o2cl()' class='o_im_footerlinks'>
						$r.translate("im.message.answer.linktext")
					</a>
				#else
					<hr>
					$r.translate("im.message.answer") 
					<a href="javascript:o_imOpenClient('$r.commandURI("startClient")$fromadress')" onClick='void(o_hideDiv("o_im_newMessage"))' onKeyPress='void(o_hideDiv("o_im_newMessage"))' class='o_im_footerlinks'>
						$r.translate("im.message.answer.linktext")
					</a>
				#end
				<br>
				$r.translate("im.message") 
				<a href='$r.commandURI("delMessagesByUsername")$imclient.getMessage().getFrom()' onClick='return o2cl()' class='o_im_footerlinks'>
					$r.translate("im.message.delete")
				</a>
			#else
				$r.translate("im.message.from") $imclient.getMessage().getFrom()
				<br>
				$r.translate("im.message.sendtime") $!imclient.getSendDate()
				<br><br>
				$imclient.getMessageFormatted($!imclient.getMessage().getBody())
				<br><br>
				#set ($fromadress = $imclient.parseJid($imclient.getMessage().getFrom()))
				#if($imclient.getFlashClientIsRunning())
					<hr>
					$r.translate("im.message.answer") 
					<a href='$r.commandURI("startClient")$fromadress' onClick='return o2cl()' class='o_im_footerlinks'>
						$r.translate("im.message.answer.linktext")
					</a>
				#else
					<hr>
					$r.translate("im.message.answer") 
					<a href="javascript:o_imOpenClient('$r.commandURI("startClient")$fromadress')" onClick='void(o_hideDiv("o_im_newMessage"))' onKeyPress='void(o_hideDiv("o_im_newMessage"))' class='o_im_footerlinks'>
						$r.translate("im.message.answer.linktext")
					</a>
				#end
				<br>$r.translate("im.message") <a href='$r.commandURI("delMessage")' onClick='return o2cl()' class='o_im_footerlinks'>$r.translate("im.message.delete")</a>
			#end
		#end
		</div>
	</div>
#end
</div>

	
#***********************************
* Status changer list
***********************************#
<div id="o_status" style="display: none">
	<div class='o_im_wrap'>
		<div class='o_help_icon' style='padding-top:12px; padding-right: 2px;'>
			<a href="javascript:contextHelpWindow('${contextpath}/raw/help/${lang}/instant-messenger.html')" title='$r.translate("help.hover.im")' style='padding: 0; margin: 0;'>
			<img src='$r.relLink("raw/images/default/mini_help.gif")' border='0' alt='$r.translate("help.hover.im")'></a>
		</div>
		<div style="padding-right: 15px;"> ## 15px space for help icon			
		#set ($ri = 0)
		#foreach($mode in $presencemodes)
		 	<a href='$r.commandURI("presence$ri")' class='o_im_${mode.toString()}-bg'>$r.translate("presence.status.$ri")</a><br>
			#set ($ri = $ri +1)
		#end
		</div>
	</div>
</div>
	
#***********************************
* Buddies roster
***********************************#	
<div id="o_roster" style="display: none">
	<div class='o_im_wrap'>
		<div class="o_help_icon" style="padding-top:12px; padding-right: 2px;">
			<a href="javascript:contextHelpWindow('${contextpath}/raw/help/${lang}/instant-messenger.html')" title='$r.translate("help.hover.im")' style='padding: 0; margin: 0;'>
			<img src="$r.relLink("raw/images/default/mini_help.gif")" border='0' alt='$r.translate("help.hover.im")'></a>
		</div>
		<div style="padding-right: 15px;"> ## 15px space for help icon
			<a href="$r.commandURI("showOfflineBuddies")" onClick="return o2cl()" class="o_im_showofflineswitch">
			#if ($imclient.getShowOfflineBuddies())
				$r.translate("im.hide.offline.buddies")
			#else
				$r.translate("im.show.offline.buddies")
			#end
			</a>
			<br>
	  
			## show or hide groups
			<a href="$r.commandURI("showGroups")" onClick="return o2cl()" class="o_im_showgroupswitch">
			#if ($imclient.isShowGroupsInRoster())
				$r.translate("im.show.groups")
			#else
				$r.translate("im.hide.groups")
			#end
			</a>	
			<hr>
			#if (!$imclient.isShowGroupsInRoster())
				#foreach ($rosterGroup in $imclient.getRoster())
					<div class='o_im_groupname'>
						$rosterGroup.getName()&nbsp;$imclient.buddyCountOnlineForGroup($rosterGroup.getName())
					</div>
					<div style='padding-left: 5px;'>
					#foreach($entry in $imclient.getRosterGroupEntries($rosterGroup.getName()))
						#set($entrypresence = $imclient.getUserPresence($entry.getUser()))					
						#if($imclient.getShowOfflineBuddies() || $entrypresence != "offline")
							#if($imclient.getFlashClientIsRunning())
								<a title='$r.translate("im.start.chat")' href='$r.commandURI("startClient")$entry.getUser()' onClick='return o2cl()' class='o_im_${entrypresence}-bg'>
									$!entry.getName()
								</a><br>
							#else
								<a title='$r.translate("im.start.chat")' href="javascript:o_imOpenClient('$r.commandURI("startClient")$entry.getUser()')" class='o_im_${entrypresence}-bg'>
									$!entry.getName()
								</a><br>
							#end
							#set ($atLeastOne = true)
						#end
					#end
					</div>
				#end
			#else
				## show only distinct users without group
				
				#foreach ($entry in $imclient.getDistinctRoster())
					#set($entrypresence = $imclient.getUserPresence($entry.getUser()))
					#if($imclient.getShowOfflineBuddies() || $entrypresence != "offline")
						#if($imclient.getFlashClientIsRunning())
							<a title='$r.translate("im.start.chat")' href='$r.commandURI("startClient")$entry.getUser()' onClick='return o2cl()' class='o_im_${entrypresence}-bg'>
								$!entry.getName()
							</a><br>
						#else
							<a title='$r.translate("im.start.chat")' href="javascript:o_imOpenClient('$r.commandURI("startClient")$entry.getUser()')" class='o_im_${entrypresence}-bg'>
								$!entry.getName()
							</a><br>
						#end
						#set ($atLeastOne = true)
					#end
				#end
			#end
			#if ($atLeastOne)
				<hr>
			#end
			<a href="javascript:o_imOpenUserList('$r.commandURI("showUserList")')" class='o_im_footerlinks'>
				$othersConnected.countConnectedUsers() $r.translate("im.others.connected")
			</a>
		</div>
	</div>
</div>
	
#***********************************
* Message
***********************************#
#if ($imclient.hasMessage())
	#if ($imclient.getMessage().getType().toString() == "normal")
	<a id="o_im_newMessage" href="javascript:void(0);" onClick="{var mycontent=document.getElementById('o_message').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'Message', MOUSEOFF, CLOSECLICK)}" onKeyPress="{var mycontent=document.getElementById('o_message').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'Message', MOUSEOFF, CLOSECLICK)}">
		<embed src="$r.relLink("raw/flash/message.swf")" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="54" height="15"></embed>
	</a>
	#elseif ($imclient.getMessage().getType().toString() == "chat")
	<a id="o_im_newMessage" href="javascript:void(0);" onClick="{var mycontent=document.getElementById('o_message').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'Incoming chat', MOUSEOFF, CLOSECLICK)}" onKeyPress="{var mycontent=document.getElementById('o_message').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'Incoming chat', MOUSEOFF, CLOSECLICK)}">
		<embed src="$r.relLink("raw/flash/message.swf")" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="54" height="15"></embed>
	</a>
	#end
#end
	
#***********************************
* Status changer
***********************************#
<a title="Instant Messaging $r.translate("im.status.change")" id="statuslink" class="o_tn_im" href="javascript:void(0);" 
	onClick="{var mycontent=document.getElementById('o_status').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'$r.translate("im.status.change")', MOUSEOFF, CLOSECLICK)}" onKeyPress="{var mycontent=document.getElementById('o_status').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'$r.translate("im.status.change")', MOUSEOFF, CLOSECLICK)}">
	<img src="$r.relLink("raw/images/instantmessaging/${presence}.gif")" alt="${presence}" height="12" width="12">&nbsp;
</a>
	
#***********************************
* Buddies
***********************************#	
<a title="$r.translate("im.buddies.online")" class="o_tn_im" href="javascript:void(0);" 
	onClick="{var mycontent=document.getElementById('o_roster').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'$r.translate("im.buddies")', MOUSEOFF, CLOSECLICK)}" onKeyPress="{var mycontent=document.getElementById('o_roster').innerHTML;return overlib(mycontent,0, STICKY, CAPTION,'$r.translate("im.buddies")', MOUSEOFF, CLOSECLICK)}">
	$imclient.buddyCountOnline()&nbsp;
</a>

## end rendering roster
	
#end