<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page import="gr.uoa.di.driver.web.i18n.*" %>
<jsp:useBean id="langResource" class="ResourceBundleStore" scope="application">
  <%-- this body is executed only if the bean is created --%>
  <%-- intialize bean properties --%>
  <jsp:setProperty name="langResource" property="baseName" value="gr.uoa.di.driver.web.i18n.DNETResourceBundle" />
</jsp:useBean>
<%
  String Communities                       = langResource.getString("Communities"                      , locale);
  String Join                              = langResource.getString("Join"                             , locale);
  String Members                           = langResource.getString("Members"                          , locale);
  String Collections                       = langResource.getString("Collections"                      , locale);
  String authoritative_text2               = langResource.getString("authoritative_text2"              , locale);
  String Forum                             = langResource.getString("Forum"                            , locale);
  String This_community_has_no_discussions = langResource.getString("This_community_has_no_discussions", locale);
  String Join                              = langResource.getString("Join"                             , locale);
  String Leave                             = langResource.getString("Leave"                            , locale);
  String This_community_has_no_collections = langResource.getString("This_community_has_no_discusions" , locale);
  String Edit                              = langResource.getString("Edit"                             , locale);
  String Delete_                           = langResource.getString("Delete_"                          , locale);
  String Owner                             = langResource.getString("Owner"                            , locale);
  String Description                       = langResource.getString("Description"                      , locale);
  String View_list                         = langResource.getString("View_list"                        , locale);
  String View_all                          = langResource.getString("View_all"                         , locale);
  String None                              = langResource.getString("None"                             , locale);
  String Membres                           = langResource.getString("Membres"                          , locale);
  String Managers                          = langResource.getString("Managers"                         , locale);
  String Add_a_collection                  = langResource.getString("Add_a_collection"                 , locale);
  String Announcements                     = langResource.getString("Announcements"                    , locale);
  String No_announcements                  = langResource.getString("No_announcements"                 , locale);
  String New_announcement                  = langResource.getString("New_announcement"                 , locale);
  String Reading_List                      = langResource.getString("Reading_List"                     , locale);
  String No_documents_in_the_reading_list  = langResource.getString("No_documents_in_the_reading_list" , locale);
  String This_reading_list_contains        = langResource.getString("This_reading_list_contains"       , locale);
  String item_s_                           = langResource.getString("item_s_"                          , locale);
  String post_s_                           = langResource.getString("post_s_"                          , locale);
  String Open_new_discussion               = langResource.getString("Open_new_discussion"              , locale);
  String Popular_Documents                 = langResource.getString("Popular_Documents"                , locale);
  String This_feature_will_be_enabled_soon = langResource.getString("This_feature_will_be_enabled_soon", locale);
  String View_all_popular_documents        = langResource.getString("View_all_popular_documents"       , locale);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>DRIVER Communities</title>
		
        <link href='pages/assets/<s:property value="#application['webInterfaceLayoutManager'].cssFileName" />' rel="stylesheet" type="text/css" />
		<link href="pages/assets/driver_search_new.css" rel="stylesheet" type="text/css" />
		<link href="pages/assets/SimpleTabs.css" rel="stylesheet" type="text/css" />
		<link rel="shortcut icon" href="pages/images/favicon.ico" />
		
        <!-- MB - ADD mootools here: new version -->
		<script type="text/javascript" src="pages/js/mootools-1.2.3-core.js"></script>
		<script type="text/javascript" src="pages/js/mootools-1.2.3.1-more.js"></script>
		<script type="text/javascript">
			function deleteCommunity() {
				return confirm('Are you sure you want to delete communiy <s:property value="community.name" />?');	
			}		
		</script>
		
	</head>

	<body>
		<div id="center">
			<div id="wrapper">
				<div class="wrapper_shadowleft">
					<div class="wrapper_shadowright">
						<div id="container">
							<jsp:include page="/pages/banner.jsp" />
							<jsp:include page="/pages/menu.jsp" />
							
                            <div id="leftcolumn">
								<b class="curved_top">
									<b class="curved_t1"></b>
									<b class="curved_t2"></b>
									<b class="curved_t3"></b>
									<b class="curved_t4"></b>
								</b>
                                <div class="curved_container clearfix">
                                    <s:if test="%{displayMyDriverMenu}">
                                        <jsp:include page="/pages/community/myCommunitiesMenu.jsp" />
                                    </s:if>
                                    <s:else>
                                    <div class="featured_top leftcolumn_top"><%= Communities %></div>
                                        <s:set name="action" value="%{'ViewCommunity.action'}"/>
                                        <jsp:include page="/pages/community/allCommunitiesMenu.jsp" />									
                                    </s:else>
                                </div>
								<b class="curved_bottom">
									<b class="curved_b4"></b>
									<b class="curved_b3"></b>
									<b class="curved_b2"></b>
									<b class="curved_b1"></b>
								</b>
							</div>
							<div id="maincolumn2">
                            	<div id="communityPage">
                                    <b class="curved_top">
                                        <b class="curved_t1"></b>
                                        <b class="curved_t2"></b>
                                        <b class="curved_t3"></b>
                                        <b class="curved_t4"></b>
                                    </b>
								<div class="curved_container clearfix">
									<div class="featured_top communityPage_top">
    	                            	<div class="right ">
                                            <s:if test="%{displayJoin}">
                                                <a class="ovalbutton " href="JoinCommunity.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
                                                    <span><%= Join %></span>
                                                </a>
                                            </s:if>
                                            <s:if test="%{displayLeave}">
                                                <a class="ovalbutton " href="LeaveCommunity.action?communityId=<s:property value="communityId" />
                                                <s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
                                                    <span><%= Leave %></span>
                                                </a>
                                            </s:if>
                                            <s:if test="%{displayEdit}">
                                                <a class="ovalbutton " href="EditCommunity.action?communityId=<s:property value="communityId" />
                                                <s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
                                                    <span><%= Edit %></span>
                                                </a>
                                            </s:if>
                                            <s:if test="%{displayDelete}">	
                                                <a class="ovalbutton " onClick="return deleteCommunity();" href="DeleteCommunity.action?communityId=<s:property value="communityId" />
                                                <s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
                                                    <span><%= Delete_ %></span>
                                                </a>
                                            </s:if>
                                        </div>
                                        
										<img src="pages/images/communities.png" alt="DRIVER Communities" width="16" height="16" absmiddle="absmiddle" />
										&nbsp;
										<a href="ViewCommunity.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
											<s:property value="community.name" />
										</a>
									</div>
									<s:set name="selectedTab" value="%{0}"/>
									<jsp:include page="/pages/community/tabsMenu.jsp" />	
									<div class="tab-wrapper clearfix ">
										<div class="mydriveritem col1">
											<div class="communityField">
												<span class="communityFieldNm"><%= Description %></span>
												<s:property value="community.description" />
											</div>
											<div class="communityField">
												<span class="communityFieldNm"><%= Owner %></span>
                                            	<s:if test="%{((owner.firstname == null) || owner.firstname.isEmpty()) && ((owner.lastname == null) || owner.lastname.isEmpty())}">
	                                        		<s:property value="owner.email.split('@')[0]" />@...
    	                                    	</s:if>
        	                                	<s:else>
            	                                    <s:property value="owner.firstname" />
                	                                <s:property value="owner.lastname" />
                    	                        </s:else>
											</div>
											<div class="communityField">
												<span class="communityFieldNm">
													<%= Managers %> (<s:property value="managers.size()" />):
												</span>
												<s:iterator value="managers" status="managersStatus">
													<s:if test="%{((firstname == null) || firstname.isEmpty()) && ((lastname == null) || lastname.isEmpty())}"><s:property value="email.split('@')[0]" />@...</s:if><s:else><s:property value="firstname" /> <s:property value="lastname" /></s:else><s:if test="!#managersStatus.last">, </s:if>
												</s:iterator>
											</div>
											<div class="communityField">
												<span class="communityFieldNm">
													<%= Members %> (<s:property value="members.size()" />):
												</span>
												<a class="viewMore" href="ViewCommunityMembers.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= View_list %></a>
											</div>
											<div class="communityField">
												<span class="communityFieldNm">
													<%= Collections %> (<s:property value="collections.size()" />):
												</span>
												<s:if test="%{collections.size() > 0}">
													<s:iterator value="collections" status="collectionsStatus">
														<a href="AllDRIVERCollections.action?collectionID=<s:property value="resourceId" />"><s:property value="name" /></a><s:if test="!#collectionsStatus.last">, </s:if>
													</s:iterator>
													&nbsp;&nbsp;&nbsp;
													<a  class="viewMore" href="ViewCommunityCollections.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= View_list %></a>
												</s:if>
												<s:else>
													<%= None %>
												</s:else>
												<s:if test="%{displayAddCollection}">
													&nbsp;&nbsp;&nbsp;
													<a  class="ovalbutton" href="AddCommunityCollection.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
														<span><%= Add_a_collection%></span>
													</a>
												</s:if>
											</div>
										</div>
										<div class="mydriveritem col2">
											<div class="content equalizeT">
												<h2>
													<img src="pages/images/userrecommend.png"  height="16" />
													<a href="ViewCommunityAnnouncements.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu= true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= Announcements%></a>
												</h2>
												<s:if test="recommendations.size() == 0">
													<div class="communityField">
                                                    	<span class="communityFieldComments"><%= No_announcements%></span>
                                                    </div>
												</s:if>
												<s:else>
													<s:iterator value="recommendations" status="recommendationsStatus">
														<s:if test="#recommendationsStatus.index < 3">
															<div class="communityField">
																<s:property value="dateFormat.format(generationDate)" />:
																<a href="ViewCommunityAnnouncements.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>#<s:property value="resourceId" />">
																	<s:property value="title" />
																</a>
															</div>
														</s:if>
													</s:iterator>
													<div class="communityField">
														<a href="ViewCommunityAnnouncements.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= View_all %>&nbsp;<img align="absbottom" src="pages/images/options_right.png"/></a>
													</div>
												</s:else>
                                                <div class="communityField">
													<s:if test="%{displayAddAnnouncement}">
														<a class="ovalbutton" href="AddCommunityAnnouncement.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
															<span><%= New_announcement %></span>
														</a>
													</s:if>
                                              </div>
											</div>
										</div>
										<!-- MB - user "clearright" for the box on the right column -->
										<div class="mydriveritem col2">
											<div class="content equalizeT">
												<h2>
													<img src="pages/images/bookmarks.gif" height="16" />
													<a href="ViewCommunityAuthoritativeDocuments.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu= true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= Reading_List %></a>
												</h2>
												<s:if test="authoritativeDocuments.size() == 0">
													<div class="communityField">
                                                    	<span class="communityFieldComments"><%= No_documents_in_the_reading_list %></span>
                                                    </div>
												</s:if>
												<s:else>
                                                <div class="communityField">
													<span class="communityFieldComments">
                                                        <%= This_reading_list_contains %>
                                                        <s:property value="authoritativeDocuments.size()" />
                                                        <%= item_s_ %>
                                                     </span>
												</div>
                                                	<s:iterator value="authoritativeDocuments" status="authoritativeDocumentsStatus" var="document">
														<s:if test="%{#authoritativeDocumentsStatus.index < 3}">
															<div class="communityField">
                                                            	<jsp:include page="/pages/search/document.jsp" />
                                                            </div>
														</s:if>
                                                        <s:if test="%{#authoritativeDocumentsStatus.index == 3}">
                                                			<div class="communityField">...</div>
                                                            <div class="communityField">
                                                            	<a href="ViewCommunityAuthoritativeDocuments.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= View_all %>&nbsp;<img align="absbottom" src="pages/images/options_right.png"/></a>
                                                            </div>
                                                        </s:if>        
                                                	</s:iterator>
                                                	
												</s:else>
											<s:if test="%{displayAddAuthoritativeDocument}">
												<div class="communityField">
													<span class="communityFieldComments"><%= authoritative_text2 %></span>
												</div>
											</s:if>
											</div>
										</div>
										<div class="mydriveritem col2">
											<div class="content equalizeB">
												<h2>
													<img src="pages/images/forum.gif" height="16" />
													<a href="ViewForumThreads.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu= true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= Forum %></a>
												</h2>
												<s:if test="threads.size() == 0">
													<div class="communityField">
                                                    	<span class="communityFieldComments"><%= This_community_has_no_discussions %></span>
                                                     </div>
												</s:if>
												<s:else>
													<s:iterator value="threads" status="threadsStatus">
														<s:if test="#threadsStatus.index < 3">
															<div class="communityField">
                                                             <a href="ViewForumThread.action?communityId=<s:property value="communityId" />&amp;threadId=<s:property value="threadId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
                                                                <s:property value="topic" />
                                                            </a><!--NMI this is wroing
																<a href="ViewForumThread.action?threadId=<s:property value="threadId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
																	<s:property value="topic" />
																</a>
                                                                -->
																<br />
																<s:property value="dateFormat.format(creationDate)" />
																|
																<s:property value="threadOwners.get(threadId).firstname" />
																<s:property value="threadOwners.get(threadId).lastname" />
																|
																<s:property value="posts.size()" />
																<%= post_s_ %>
															</div>
														</s:if>
													</s:iterator>
													
                                                    <div class="communityField">
														<a href="ViewForumThreads.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= View_all %>&nbsp;<img align="absbottom" src="pages/images/options_right.png"/></a>
													</div>
												</s:else>
												<div class="communityField">
													<s:if test="%{displayAddForumThread}">
														<a class="ovalbutton" href="OpenForumThread.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>">
															<span><%= Open_new_discussion %></span>
														</a>
													</s:if>
												</div>
											</div>
										</div>
										<div class="mydriveritem col2 ">
											<div class="content equalizeB">
												<h2>
													<img src="pages/images/rating.png" height="16" />
													<a href="ViewCommunityPopularDocuments.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu= true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= Popular_Documents %></a>
												</h2>
												<s:if test="popularDocuments.size() == 0">
													<div class="communityField">
                                                    	<span class="communityFieldComments"><%= This_feature_will_be_enabled_soon %></span>
                                                     </div>
												</s:if>
												<s:else>
													<s:iterator value="popularDocuments" status="popularDocumentsStatus">
														<s:if test="%{#popularDocumentsStatus.index < 3}">
															<s:set name="document" value="getKey()" />
															<jsp:include page="/pages/search/document.jsp" />
															<br />
															<s:property value="getValue()" />
														</s:if>
													</s:iterator>
													<div class="communityField">&nbsp;</div>
													<div class="communityField">
														<a href="ViewCommunityPopularDocuments.action?communityId=<s:property value="communityId" /><s:if test="%{displayMyDriverMenu}">&amp;displayMyDriverMenu=true</s:if><s:if test="%{initialLetter != null}">&amp;initialLetter=<s:property value="initialLetter" /></s:if>"><%= View_all_popular_documents %></a>
													</div>													
												</s:else>
											</div>
										</div>
										<!-- MB - Make all "equalize" boxes equal height -->
										<script type="text/javascript">
											window.addEvent('domready', function() {
												var columns = $$('.equalizeT');
												var max_height = 0;
												columns.each(function(item) {
													max_height = Math.max(max_height, item.getSize().y);
												});
												columns.setStyle('height', max_height);
												var columns = $$('.equalizeB');
												var max_height = 0;
												columns.each(function(item) {
													max_height = Math.max(max_height, item.getSize().y);
												});
												columns.setStyle('height', max_height);
											});
										</script>
									</div>
								</div>
								<b class="curved_bottom">
									<b class="curved_b4"></b>
									<b class="curved_b3"></b>
									<b class="curved_b2"></b>
									<b class="curved_b1"></b>
								</b>
                                </div>
							</div>
							<div id="footer">
                            <jsp:include page="/pages/footer.html"></jsp:include>
                        </div>
                    </div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>