Open Source Portal Server and Social Collaboration Software.

Home
Forum
Downloads
Documents
Blog

Open Source Portal Server

Ajax and Java based Portal Server.

Supports JSR 168 Portlet API programming model.

Contains multiple pre-built themes and UI window appearances.

Plus over 50 portlets pre-bundled.

Supports Mobile browser.

Includes Android Mobile App.

Social Platform

User personal profile, microblog/status updates, connections, groups etc.

User public URL which contents can be totally customized by user.

Supports Personalized pages, users can easily add/delete page or sub page.

Near real time UI notification, such as new message, friends just online.

Supports OpenID/Facebook authentication.

Uniform JSON RESTful API

Loose coupling between UI and server through JSON RESTful API.

Supports mobile browsers version.

Supports Flex portlets.

Ready to support RIAs (Flex/Silverlight etc).

Ready to support Mobile Apps (iPhone/Android/Blackberry etc).

Target to Cloud Computing

supports distributed memory cache.

supports distributed file system.

supports distributed database.

all clusters are identical without using any third party cluster mechanism.

very easy to deploy to cloud computing environment, such as Amazon EC2 from one instance to multiple instances to improve scalability.

<div class="container_slide" style="height:320px;width:1000px;padding:0;margin:0;">
	    <div id="main_content" class="grid_1" style="width:1000px;padding:0;margin:0;">
		<div class="mainbox" style="text-align:center;width:1012px;padding:0;margin:0;">
		    <table cellpadding="10" cellspacing="0" border="0">
			<tr>
			    <td style="padding:0;margin:0;">
				<div class="scrollable" style="height:320px;width:1012px;padding:0;margin:0;">					
				    <div id="browsable" class="items" style="left:0px;padding:0;margin:0;">
						<div style='width:1000px;'>						
						    <h1 style="margin-top: 50px;"></h1>
					    	<h2 style="text-align:left;margin-left: 20px;">Open Source Portal Server</h2>
					    	<ui style="text-align:left;">
							   <li style="margin:20px 10px 10px 40px">Ajax and Java based Portal Server.</li>
							   <li style="margin:20px 10px 10px 40px">Supports JSR 168 Portlet API programming model.</li>
							   <li style="margin:20px 10px 10px 40px">Contains multiple pre-built themes and  UI window appearances.</li>
							   <li style="margin:20px 10px 10px 40px">Plus over 50 portlets pre-bundled.</li>
							   <li style="margin:20px 10px 10px 40px">Supports Mobile browser.</li>
							   <li style="margin:20px 10px 10px 40px">Includes Android Mobile App.</li>								   
					    	</ui>
						</div>

<div style='width:1000px;'>
							<h1 style="margin-top: 50px;"></h1>
					    	<h2 style="text-align:left;margin-left: 20px;">Social Platform</h2>
							<ui style="text-align:left;">
							   <li style="margin:20px 10px 10px 40px">User personal profile, microblog/status updates, connections, groups etc.</li>
							   <li style="margin:20px 10px 10px 40px">User public URL which contents can be totally customized by user.</li>
							   <li style="margin:20px 10px 10px 40px">Supports Personalized pages, users can easily add/delete page or sub page.</li>	
							   <li style="margin:20px 10px 10px 40px">Near real time UI notification, such as new message, friends just online.</li>
							   <li style="margin:20px 10px 10px 40px">Supports OpenID/Facebook authentication.</li>
					    	</ui>
						</div>
						
						<div style='width:1000px;'>
							<h1 style="margin-top: 50px;"></h1>
						    <h2 style="text-align:left;margin-left: 20px;">Uniform JSON RESTful API</h2>
					    	<ui style="text-align:left;">
							   <li style="margin:20px 10px 10px 40px">Loose coupling between UI and server through JSON RESTful API.</li>
							   <li style="margin:20px 10px 10px 40px">Supports mobile browsers version.</li>
							   <li style="margin:20px 10px 10px 40px">Supports Flex portlets.</li>
							   <li style="margin:20px 10px 10px 40px">Ready to support RIAs (Flex/Silverlight etc).</li>
							   <li style="margin:20px 10px 10px 40px">Ready to support Mobile Apps (iPhone/Android/Blackberry etc).</li>
							   							   
					    	</ui>
						</div>
						
						<div style='width:1000px;'>
							<h1 style="margin-top: 50px;"></h1>
						    <h2 style="text-align:left;margin-left: 20px;">Target to Cloud Computing</h2>
						    <ui style="text-align:left;">
							   <li style="margin:20px 10px 10px 40px">supports distributed memory cache.</li>
							   <li style="margin:20px 10px 10px 40px">supports distributed file system.</li>
							   <li style="margin:20px 10px 10px 40px">supports distributed database.</li>
							   <li style="margin:20px 10px 10px 40px">all clusters are identical without using any third party cluster mechanism.</li>
							   <li style="margin:20px 10px 10px 40px">very easy to deploy to cloud computing environment, such as Amazon EC2 from one instance to multiple instances to improve scalability.</li>							   
					    	</ui>					    	
						</div>
	
						<div style='width:1000px;'>
							<h1 style="margin-top: 50px;"></h1>
						    <h2 style="text-align:center;margin-left:20px">
						    <a href='javascript:;' onClick="javascript:download(2,'https://sourceforge.net/project/downloading.php?group_id=252956&use_mirror=osdn&filename=Light Portal 1.5.zip');">
								<img src="/light/images/download.jpg" style="margin:0;"/>
							</a>
						    </h2>
					    	
						</div>
				    </div> 	
				    <div id="navigator" class="navi" style="position:absolute;left:900px;top:10px;margin:0 0 0 0;padding:0;background-color:transparent;">
						<a href="javascript:;" onclick="javascript:moveViewTo(0);" class="active"></a>
						<a href="javascript:;" onclick="javascript:moveViewTo(1);" class=""></a>
						<a href="javascript:;" onclick="javascript:moveViewTo(2);" class=""></a>
						<a href="javascript:;" onclick="javascript:moveViewTo(3);" class=""></a>
						<a href="javascript:;" onclick="javascript:moveViewTo(4);" class=""></a>
					</div>			    
				</div>				 
			    </td>
			</tr>
		    </table>
		</div>
	    </div>
	</div>

moveView = function(previous){
	isMoving = true;
	var browsable = document.getElementById("browsable");	
	var left = 0;
	if (document.all) {	
       left = parseInt(browsable.style.posLeft);
    }else{
  	   left = parseInt(browsable.style.left);
    }
	var interval = (previous) ? 100 : -100;
	left+=interval;
	if(!previous && left < -4400) left = 600;
	if(previous && left > 400) left = -4500;
	if (document.all) {	
       browsable.style.posLeft = left;
    }else{
  	   browsable.style.left = left;
    }
	if(left % 1000 != 0){
		if(previous)
			setTimeout("moveView(true)", 100);
		else
			setTimeout("moveView()", 100);
	}else{
		isMoving=false;
		var num = Math.abs(left / 1000);
		var navigators = document.getElementById("navigator").children;
		for(var i = 0; i < navigators.length; i++) {   
			navigators[i].className = (i == num) ? "active" : "";
		}
	}
};
setInterval("scrollView()", 10000);
</script>

<form name="form_${id}">
	<table border='0' cellpadding='0' cellspacing='0' width='95%'>
	<tr>
	<td class='portlet-table-td-right'></td>	
	<td class="portlet-table-td-left">
	<p style='padding:5px 0;'><font color='#ff6600'><b>Sign in to try new features</b></font></p>
	</td>
	</tr>	
	<tr>
	<td class='portlet-table-td-right'><label FOR='email' ACCESSKEY='U'>Email: </label></td>
	<td class='portlet-table-td-left'>
	<input type='text' id='email' name='email' value='${userId}' class='portlet-form-input-field' size='24' /> 
	</td>	
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label FOR='password' ACCESSKEY='P'>Password: </label></td>
	<td class='portlet-table-td-left'>
	<input type='password' id='password' name='password' value='' class='portlet-form-input-field' size='24' onkeypress="return Light.keyDownLogin(event,'${id}');"/> 
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input TYPE='checkbox' name='rememberMe' checked='checked' value='1'><label>Keep me logged in</label></input>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input name='login' type='button' value='Login' class='portlet-form-button'
	  onclick="javascript:Light.loginPortal('${id}');" />
	<span  class='portlet-link-left'> 
		or <a href='javascript:;' onclick="javascript:Light.showSignUp('${id}');" ><b>Sign Up</b></a>
	</span>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left'>
	<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','edit','normal','type=forgot');" >Forgot Password?</a>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left'>
	<a href='javascript:;' onclick="javascript:Light.showOpenIdSignIn('${id}');" ><label>Sign in with <b><span id="openid_title_graphic">OpenID</span></label></b></a>
	</td>
	</tr>
	
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left'>
	or  
	<a href='/openId/facebookLogin.jsp' >
	<span class='facebook'>facebook</span>
	
	</a>
	<a href='/openId/twitterLogin.jsp' >
	<span class='twitter'>twitter</span>
	</a>	
	</td>
	</tr>	
			
	</table>
	</form>

<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class='portlet-table-td-left' style="padding-top:10px;"><span style="font-size:20px;"><b>What is Light Portal?</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Light Portal is an Ajax and Java based Open Source Portal Server and Social Collaboration Software. 
Besides AJAX Portal UI Application, Light Portal can also supports other RIAs (Flex, Silverlight etc) and Mobile applications (iPhone, Android, Blackberry etc.) with uniform portal server services API.
<br/>
Light Portal supports distributed memory cache, file system and database, which will make all clusters are identical without using any third party cluster mechanism. These key features make Light Portal  very easy to deploy to cloud computing environment, such as Amazon EC2 from one instance to multiple instances to improve scalability.
</td>
</tr>    
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>Features</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<ui>
   <li style="margin:5px 0px 5px 20px">Ajax and Java based Portal Server.</li>
   <li style="margin:5px 0px 5px 20px">Supports JSR 168 Portlet API programming model.</li>
   <li style="margin:5px 0px 5px 20px">Supports RIAs (Flex/Silverlight etc) and Mobile Apps (iPhone/Android/Blackberry etc) with uniform portal server services API.</li>
   <li style="margin:5px 0px 5px 20px">Built in with social network functions, includes user profile, connections, groups, plus over 50 portlets pre-bundled.</li>
   <li style="margin:5px 0px 5px 20px">Supports Personalized pages for all users, end users can easily add, edit or delete page or sub page.</li>
   <li style="margin:5px 0px 5px 20px">Contains multiple pre-built themes and  UI window appearances, also supports customization.</li>
   <li style="margin:5px 0px 5px 20px">Supports multiple mobile browsers, such as iPhone, Opera mini etc.</li>
   <li style="margin:5px 0px 5px 20px">Supports Flex/JSON type portlets.</li>
   <li style="margin:5px 0px 5px 20px">Supports Internationalizaiton (i18n).</li>
  <li style="margin:5px 0px 5px 20px">Supports OpenID authentication.</li>
</ui>
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>Light Portal Architecture</b></span>
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
The following diagram shows the major components of the Light Portal. Each section is described in more detail below.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<img src="doc/LightArchitecture.jpg" style="border: 0px none ; ">
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>HTML/JavaScript/AJAX Portal UI App</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
HTML/JavaScript/AJAX Portal UI App is a JavaScript library with a large bunch of view templates. Its responsibility includes rendering portal, portal tabs, portlet window, portlet content and communicate with portal server.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>RIA App</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
RIA Apps are such as Flex application or Silverlight Applicaiton etc. Light Portal Server offers uniform server services API using JSON. Curently Light Portal project doesn't include this type App yet, plan to develop it in the future version, but it give developers uniform sever services API to develop their own type RIA right now.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>Mobile App</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Mobile Apps are such as iPhone app, Android app, Blackberry app etc. Light Portal Server offers uniform server services API using JSON. Curently Light Portal project doesn't include this type App yet, plan to develop it in the future version, but it give developers uniform sever services API to develop their own type Mobile Application right now.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>Application Framework</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Application Framework includes 2 parts, one is Portal Server, the other is Portlet container. Developers have full access to the same framework APIs used by the core applications. 
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<ui>
   <li style="margin:5px 0px 5px 20px"><strong>Portal Server</strong></li>
   <span style="margin:5px 0px 5px 20px">Portal Server is a web based application.</span>
   <li style="margin:5px 0px 5px 20px"><strong>Portlet container</strong></li>
   <span style="margin:5px 0px 5px 20px">Portlet container is a JSR 168 Portlet container.</span>
</ui>
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<span style="font-size: 14px;"><b>Applications</b></span></td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Applications are JSR 168 portlets. Light Portal will ship a set of core applications and social network applications, such as user profile, connections, groups, calendar, email client, blog, forum, search, events, pictures, RSS news reader and others.
</td>
</tr>
</tbody>
</table>
	<span class="portlet-rss" style="text-align:right;margin:0 10x 10px 0;">
	<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','normal','');window.scrollTo(0,0);" >Back</a>
	</span>

<form name='form_${id}' >
<div class="portal-header" style="padding-top:0px;">
<h1>Create Your Own Social Network for Anything</h1>
</div>
<table border='0' cellpadding='0' cellspacing='0' width='100%' >
<tr valign='middle'>
<td class='portlet-table-td-right' width= '30%'>
<label for="mainFocus" class='portlet-table-title'><b>Name Your Social Network</b></label>
</td>
<td class='portlet-table-td-left' width= '40%'>
<input type="text" name="name" id="mainFocus" value="" class='portlet-form-input-field' style='width:100%;font-size:22px;'>
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
</td>
</tr>
<tr valign='top'>
<td class='portlet-table-td-right' width= '30%'></td>
<td class='portlet-table-td-left' width= '40%'>
<span class="portlet-footer"><font color='#777777'><i>For example, Seattle Tennists</i></font></span>
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
<br/><br/>
</td>
</tr>
<tr valign='middle'>
<td class='portlet-table-td-right' width= '30%'>
<label for="create-network-address" class='portlet-table-title'><b>Pick a Web Address</b></label>
</td>
<td class='portlet-table-td-left' width= '40%'>
<input type="text" name="iUri" id="create-network-address" value="" class='portlet-form-input-field' style='width:100%;font-size:22px;' onchange="Light.validateInternalUri(this.value,'${id}');" AUTOCOMPLETE='OFF'>
</td>
<td class='portlet-table-td-left' width= '10%'>
.lightportal.org
</td>
<td class='portlet-table-td-left' width= '20%'>
<img src="/light/images/create.gif" alt="Create" class='hand' align="top" 
	onclick="javascript:Light.createNetwork(null,'${id}');"/>
</td>
</tr>
<tr valign='top'>
<td class='portlet-table-td-right' width= '30%'></td>
<td class='portlet-table-td-left' width= '40%'>
<span class="portlet-footer"><font color='#777777'><i>At least 6 letters. For example, seattletennists.lightportal.org</i></font></span>
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
<br/><br/>
</td>
</tr>
</table>
</form>

<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class='portlet-link-left'>
<span class="portlet-title">Documentation</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/WhatIsLightPortal.html');">What is Light Portal?</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/IntroductionLightPortal.html');">Introduction</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/GettingStartedLightPortal.html');">Getting Started</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/AdminUserGuide.html');">User Guide</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/DevelopLightPortal.html');">Developer Guide</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/IntegratingLightPortal.html');">Integration Guide</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/ArchitectureGuide.html');">Architecture Guide</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.diybl.com/course/3_program/java/javajs/200896/139346.html');">Developer notes</a>
</span>
</td>
</tr>
</table>

<select name='psLanguages' size='1' class='portlet-form-select' style='width:100px;' onChange='javascript:Light.changeLanguage(this.value)'>
	
	<option value='ar' 
	
	>
	Arabic</option>
	
	<option value='da' 
	
	>
	Danish</option>
	
	<option value='de_DE' 
	
	>
	German</option>
	
	<option value='el' 
	
	>
	Greek</option>
	
	<option value='en' 
	
	selected="selected"
	
	>
	English</option>
	
	<option value='es' 
	
	>
	Spanish</option>
	
	<option value='fi' 
	
	>
	Finnish</option>
	
	<option value='fr' 
	
	>
	French</option>
	
	<option value='hu' 
	
	>
	Hungarian</option>
	
	<option value='is' 
	
	>
	Icelandic</option>
	
	<option value='it_IT' 
	
	>
	Italian</option>
	
	<option value='iw_IL' 
	
	>
	Hebrew</option>
	
	<option value='ja_JP' 
	
	>
	Japanese</option>
	
	<option value='ko_KR' 
	
	>
	Korean</option>
	
	<option value='nl_NL ' 
	
	>
	Dutch</option>
	
	<option value='no' 
	
	>
	Norwegian</option>
	
	<option value='pl' 
	
	>
	Polish</option>
	
	<option value='pt' 
	
	>
	Portuguese</option>
	
	<option value='ru' 
	
	>
	Russian</option>
	
	<option value='sv' 
	
	>
	Swedish</option>
	
	<option value='th' 
	
	>
	Thai</option>
	
	<option value='tr' 
	
	>
	Turkish</option>
	
	<option value='zh_CN' 
	
	>
	中文(简体)</option>
	
	<option value='zh_TW' 
	
	>
	Traditional Chinese</option>
	
	</select>

<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr valign="top">
<td class='portlet-table-td-center' width='50%' style="padding:10px 0 0 5px;">
{if user.photoUrl }
{if !user.httpPhotoUrl }
<img src='${user.photoUrl}' align="middle" width='${user.photoSmallWidth}' height='${user.photoSmallHeight}'/>
{else}
<img src='${user.photoUrl}' align="middle" width='${user.photoSmallWidth}' height='${user.photoSmallHeight}'/>
{/if}
{else}
<img src='/light/images/no_pic.gif'  align="middle" width='100' height='100'/>
{/if}
<br/>

</td>
<td class='portlet-table-td-center' width='50%' style="padding-top:10px">
<span class="portlet-rss" > 
${user.name}
<br/>
{if user.occupation }
${user.occupation}<br/>
{/if}

${user.genderName}<br/>

{if user.city }
${user.city}, ${user.province}<br/>
{/if}
{if user.country }
${user.country}<br/>
{/if}
</span>
</td>
</tr>
</table>
<br/>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='portlet-table-td-left' >
<span class="icons hand" title='My Pictures'>
<span class="icons picture" style="margin-right:5px;" onclick="javascript:showMyPicture();"></span>
</span>
<span class="icons hand" title='My Musics'>
<span class="icons music" style="margin-right:5px;" onclick="javascript:showMyMusic();"></span>
</span>
<span class="icons hand" title='My File'>
<span class="icons file" style="margin-right:5px;" onclick="javascript:showMyFile();"></span>
</span>
<span class="icons hand" title='My Blog'>
<span class="icons blog" style="margin-right:5px;" onclick="javascript:showMyBlog();"></span>
</span>

</td>
</tr>

</td>
</tr>
<tr>
<td class='portlet-table-td-left' >
<span class="portlet-rss" style="padding:0 0 5px 0;"> 
{for tag in user.tags}
<a href="javascript:;" onclick="javascript:Light.globalSearch('{tag.tag}','org.light.portal.model.User');" title='${tag.score} Users'><label style='margin-left:5px;font-size:${tag.size}px;cursor:pointer;cursor:hand;'>${tag.tag}</label></a>

{/for}
</span>
</td>
</tr>

<tr>
<td class='portlet-table-td-left' colspan='2'>
Last Login: ${user.lastDate}
</td>
</tr>
</table>

<table border='0' cellpadding='0' cellspacing='0' width='100%' style='margin-bottom:5px;'>
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='45%' style='padding: 5px 0px 3px 5px;'>
<span class="icons hand">
<span class="icons inbox" onclick="javascript:Light.showSendMessage(event,'${id}','${user.id}','${user.name}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showSendMessage(event,'${id}','${user.id}','${user.name}');" >Send Message</a>
</td>
<td class='portlet-item' width='55%' style='padding: 5px 0px 3px 5px;'>
<span class="icons hand">
<span class="icons chat" onclick="javascript:Light.showInstantMessage(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showInstantMessage(event,'${id}');" >Instant Message</a>
</td>
</tr>
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='45%' style='padding: 5px 0px 3px 5px;'>
<span class="icons hand" >
<span class="icons friend" onclick="javascript:Light.showAddToFriend(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showAddToFriend(event,'${id}');" >Add to Friend</a>
</td>
<td class='portlet-item' width='55%' style='padding: 5px 0px 3px 5px;'>
<span class="icons hand">
<span class="icons add_favorite" onclick="javascript:Light.showAddToFollow(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showAddToFollow(event,'${id}');" >Follow me</a>
</td>
</tr>
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='55%' style='padding: 5px 0px 3px 5px;'>
<span class="icons hand" >
<span class="icons forward" onclick="javascript:Light.showForwardToFriends(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showForwardToFriends(event,'${id}');" >Forward to Friend</a>
</td>
<td class='portlet-item' width='45%' style='padding: 5px 0px 3px 5px;'>
<span class="icons hand">
<span class="icons block" onclick="javascript:Light.showBlockUser(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showBlockUser(event,'${id}');" >Block User</a>
</td>
</tr>
</table>

<table border='0' cellpadding='0' cellspacing='0' width='98%'>
{if user.messageCount }
<tr class='portlet-table-td-left'>
<td class='portlet-item' colspan='2'>
<a href='javascript:;' onclick="javascript:Light.showInboxMessage();" >
New Message(${user.messageCount})
</a>
</td>
</tr>
{/if}
{if user.friendRequestCount }
<tr class='portlet-table-td-left'>
<td class='portlet-item' colspan='2'>
<a href='javascript:;' onclick="javascript:Light.showFriendRequest();" >
New Friend Request(${user.friendRequestCount})
</a>
</td>
</tr>
{/if}
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='40%' style='padding: 5 5 0 5;'>
<span class="icons hand">
<span class="icons inbox" onclick="javascript:Light.showInboxMessage();"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showInboxMessage();" >Inbox</a>
</td>
<td class='portlet-item' width='60%' style='padding: 5 5 0 5;'>
<span class="icons hand">
<span class="icons friend" onclick="javascript:Light.showFriendRequest();"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showFriendRequest();" >Friends Request</a>
</td>
</tr>
<tr  class='portlet-table-td-left'>
<td class='portlet-item' width='40%' style='padding: 5 5 5 5;'>
<span class="icons hand">
<span class="icons outbox" onclick="javascript:Light.showSentMessage();"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showSentMessage();" >Sent</a>
</td>
<td class='portlet-item' width='60%' style='padding: 5 5 5 5;'>
<span class="icons hand">
<span class="icons add_favorite" onclick="javascript:Light.showInviteFriend();"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showInviteFriend();" >Invite Friend</a>
</td>
</tr>
</table>

<form name='form_${id}' action="javascript:;" style='margin:10px 0;'>
{if success }
<div class='portlet-msg-success' >${success}</div>
{/if}
{if error }
<div class='portlet-msg-error' >${error}</div>
{/if}

<table border='0' cellpadding='0' cellspacing='0' width='100%' style="padding:5px 0 0 0;">
<tr>
<td class='portlet-table-td-left'>
{if folderId > 0}
{for bean in folderBeans}
{if bean.id != folderId}
<span class="portlet-item"><a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','folderId=${bean.id}','');" >${bean.desc}</a></span>
->
{/if}
{if bean.id == folderId}
${bean.desc}
{/if}
{/for}
<span class="portlet-item" style="display:block;padding:5px 0 2px 0;"><a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','folderId=${folder.parentId}','');" ><img src='/light/images/arrow_turn_up.png' style='border: 0px;padding-right:3px;' height='16' width='16' align="bottom"/>Parent Folder</a></span>
{/if}
</td>
</tr>
{for item in folders}
<tr>
<td class='portlet-table-td-left'>
<input type='radio' name='itemId' value='${item.id}' />
<img src="/light/images/folder_smll.gif" style='border: 0px;' height='16' width='16' />
<span class="portlet-item">
<a id='${id}_${item.id}' href='javascript:;' 
   		onclick="javascript:Light.executeRender('${id}','','','folderId=${item.id}');"
		>
	    ${item.name}
</a>
</span>	
</td>
</tr>
{/for}
{for item in files}
<tr>
<td class='portlet-table-td-left'>
<input type='radio' name='itemId' value='${item.id}' />
<span class="portlet-item">
<a id='${id}_${item.id}' href='${item.url}'>
	${item.name}
</a>
</span>	
{if windowStatus == 'max'}
<span class="portlet-note">${item.date}</span>
{/if}
</td>
</tr>
{/for}
</table>
</form>

{if follow.followingCount > 0 }
My Followings(${follow.followingCount}):
<div>
{for item in follow.followings }
<span>
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'><div style="position: relative;">
<ul style="background: url({if item.photoUrl }${item.photoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
<span class="portlet-item" style="padding: 0 0 0 10px;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span> 
</span>
{/for}
</div>
{/if}
{if follow.followerCount > 0 }
My Followers(${follow.followerCount}):
<div>
{for item in follow.followers }
<span>
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'><div style="position: relative;">
<ul style="background: url({if item.photoUrl }${item.photoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
<span class="portlet-item" style="padding: 0 0 0 10px;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span> 
</span>
{/for}
</div>
{/if}

{if conn.currentDesc }
<tr>
<td class='portlet-rss'>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','action=back','',true,false);" >Location</a>
->
${conn.currentDesc}
</td>
</tr>
{/if}
{if conn.currentShowType == 5 }
<tr>
<td class='portlet-rss'>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','action=back','',true,false);" >Type</a>
->
{if conn.currentFriendType == 0}Friend{/if}
{if conn.currentFriendType == 1}Family{/if}
{if conn.currentFriendType == 2}Close friend{/if}
{if conn.currentFriendType == 3}Classmate{/if}
{if conn.currentFriendType == 4}Colleague{/if}
</td>
</tr>
{/if}
</table>

{if conn.buddyLocations }
<table border='0' cellpadding='0' cellspacing='0' width= '100%' >
{for buddyLocation in conn.buddyLocations }
<tr valign='top'>
<td class='portlet-table-td-left' width= '100%'>
<span class="portlet-rss">
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','action=location;location=${buddyLocation.id}','',true,false);">
${buddyLocation.id} (${buddyLocation.desc})
</a>
</span>
</td>
</tr>
{/for}
</table>
{/if}

{if conn.buddyTypes }
<table border='0' cellpadding='0' cellspacing='0' width= '100%' >
{for buddyType in conn.buddyTypes }
<tr valign='top'>
<td class='portlet-table-td-left' width= '100%'>
<span class="portlet-rss">
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','action=type;friendType=${buddyType.type}','',true,false);">
${buddyType.title} (${buddyType.count})
</a>
</span>
</td>
</tr>
{/for}
</table>
{/if}

{if conn.buddys }
<table border='0' cellpadding='0' cellspacing='0' width='100%' >
{for member in conn.buddys }
{if member_index % conn.columnNumber == 0}
<tr valign='top'>
{/if}
<td class='portlet-table-td-left' width='${100 / conn.columnNumber}%'>
<span class='portlet-item'>
{if member.currentStatus == 1}
<img src="/light/images/online.gif" width='15' height='8' align="bottom" alt=''/>
{/if}
{if member.currentStatus == 0}
<span style='margin:0 0 0 15px;'></span>
{/if}
<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${member.uri}'>${member.displayName}</a></b></span> 
</span>
 
 
{if member.photoUrl }
<div style='position:relative;'>
<ul style='background: transparent url(${member.photoUrl}) no-repeat scroll 0 0; list-style-type: none; width:50px; height:50px;margin:0 0 0 10px;padding:0;-moz-border-radius:8px;'>
  <li>	
 </li>
</ul>
</div>
{else}
<div style='position:relative;'>
<ul style='background: transparent url(/light/images/no_pic.gif) no-repeat scroll 0 0; list-style-type: none; width:50px; height:50px;margin:0 0 0 10px;padding:0;-moz-border-radius:8px;'>
  <li>	
 </li>
</ul>
</div>
{/if}
</a>
</td>
{if member_index % conn.columnNumber == conn.columnNumber - 1}
</tr>
{/if}
{/for}
{if conn.showNumber % conn.columnNumber != 0}
</tr>
{/if}
</table>
{/if}














Add
   
Photo

or 
   
File

{for item in microblogs}
<tr >
<td colspan='4'>
<br />
</td>
</tr>
<tr valign='top' onmouseover="javascript:this.className='theme-bgcolor';this.getElementsByTagName('div')[1].style.opacity=100;" onmouseout="javascript:this.className='';this.getElementsByTagName('div')[1].style.opacity=0;">
<td class='portlet-table-td-center' width='70px'> 
{if item.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><div style="position: relative;"><ul style="background: url('/light/images/no_pic.gif') no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.userUri}'><div style="position: relative;">
<ul style="background: url({if item.userPhotoUrl }${item.userPhotoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
{/if}
</td>
<td class='portlet-table-td-left' colspan='2'>
{if item.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><b><label style="font-size: 12px;">${item.userName}</label></b></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.userUri}'>${item.userName}</a></b></span> 
{/if}: 
${item.content}
<br/><br/>
<span class="portlet-item" style="padding: 0pt;"><a id='${id}_${item.id}_like' href='javascript:;' title='Click here to like this item' onclick="javascript:addObjectLike('${id}','${item.id}',21);">Like</a></span>
</span>
·
<span class="portlet-item" style="padding: 0pt;"><a id='${id}_${item.id}' href='javascript:;' title='Click here to leave a comment' onclick="javascript:addObjectComment('${id}_${item.id}','${id}','${item.id}',21);">Comment</a></span>
</span> 
· ${item.date} 
</td>
<td class='portlet-table-td-left' width='5%'>
{if item.ownerUserId == 1}
<div class="icons hand" style="margin:5px;opacity:0;" >
<span class="icons deleteLink" onclick="javascript:Light.executeAction('${id}','','delete',null,'${item.id}','view',null,null);" title='Delete'></span>
</div>
{/if}
</td>
</tr>

<tr id="${item.id}_container" valign='top' onmouseover="javascript:this.className='theme-bgcolor';" onmouseout="javascript:this.className='';" 
{if item.score == 0}
style="display:none;"
{/if}
>
<td class='portlet-table-td-center' width='70px;'></td>
<td class='portlet-table-td-left' colspan='2'>
<br/>
<img src='/light/images/like.png' width='16px' height='16px' align='top'/> 
<span class="portlet-item" style="padding: 0pt;"><b><a href='javascript:;' onclick="javascript:showObjectLikes(event,'${id}','${item.id}',21);"><span id='${item.id}_likes'>${item.score}</span> people</a></b></span> 
like this.
<br/><br/></span> 
</td>
<td class='portlet-table-td-left' width='5%'>
</td>
</tr>

{for comment in item.comments}
<tr valign='top' onmouseover="javascript:this.className='theme-bgcolor';this.getElementsByTagName('div')[1].style.opacity=100;" onmouseout="javascript:this.className='';this.getElementsByTagName('div')[1].style.opacity=0;">
<td class='portlet-table-td-center' width='70px;'></td>
<td class='portlet-table-td-center' width='70px;'>
{if comment.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><div style="position: relative;"><ul style="background: url('/light/images/no_pic.gif') no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${comment.uri}'><div style="position: relative;">
<ul style="background: url({if comment.photoUrl }${comment.photoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
{/if}
</td>
<td class='portlet-table-td-left'>
{if comment.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><b><label style="font-size: 12px;">${comment.displayName}</label></b></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${comment.uri}'>${comment.displayName}</a></b></span> 
{/if}: 
${comment.comment}
<br/>
<span class="portlet-item" style="padding: 0pt;"><a id='${id}_${comment.id}_like' href='javascript:;' title='Click here to like this item' onclick="javascript:addObjectLike('${id}','${comment.id}',25);">Like</a></span>
</span>
·
${comment.date} </span> 
</td>
<td class='portlet-table-td-left' width='5%'>
{if item.ownerUserId == 1}
<div class="icons hand" style="margin:5px;opacity:0;" >
<span class="icons deleteLink" onclick="javascript:Light.executeAction('${id}','','deleteComment',null,'${comment.id}','view',null,null);"></span>
</div>
{/if}
</td>
</tr>

<tr id="${comment.id}_container" valign='top' onmouseover="javascript:this.className='theme-bgcolor';" onmouseout="javascript:this.className='';"
{if comment.score == 0}
style="display:none;"
{/if}>
<td class='portlet-table-td-center' width='70px;'></td>
<td class='portlet-table-td-center' width='70px;'></td>
<td class='portlet-table-td-left' >
<br/>
<img src='/light/images/like.png' width='16px' height='16px' align='top'/> 
<span class="portlet-item" style="padding: 0pt;"><b><a href='javascript:;' onclick="javascript:showObjectLikes(event,'${id}','${comment.id}',25);"><span id='${comment.id}_likes'>${comment.score}</span> people</a></b></span> 
like this.
<br/><br/></span> 
</td>
<td class='portlet-table-td-left' width='5%'>
</td>
</tr>
{/for}
{/for}
</table>

{if pages > 1 }
 	<div class="portlet-rss" style="clear:both;text-align:right;padding:20px 20px 0 0;">
 	    <label>(Results ${start + 1 } -  ${end} of ${total})</label>
		{if page > 1 }
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page - 1}');"><img src='/light/images/previous.gif' width='16px' height='16px' title='previous' alt='' /></a>						
		{/if}
		{for number in pageNumbers}
			{if number != page}
				<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','page=${number};pages=${pages}');" >${number}</a>
			{/if}
			{if number == page}
				<label class='currentpage'>${number}</label>
			{/if}
		{/for}
		{if page < pages}
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page + 1}');"><img src='/light/images/next.gif' width='16px' height='16px' title='next' alt='' /></a>						
		{/if}
	</div>
{/if}
</form>

<div class='portlet-title' style='padding: 10px;'>
<b>
<font size='3'>
People who like this
</font>
</b>
</div>
<table border='0' cellpadding='0' cellspacing='0' width='100%' style='margin:0 0 20px 0;'>
{for item in likes}
<tr valign='top' onmouseover="javascript:this.className='theme-bgcolor';" onmouseout="javascript:this.className='';">
<td class='portlet-table-td-center' width='70px'> 
{if item.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><div style="position: relative;"><ul style="background: url('/light/images/no_pic.gif') no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.userUri}'><div style="position: relative;">
<ul style="background: url({if item.userPhotoUrl }${item.userPhotoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
{/if}
</td>
<td class='portlet-table-td-left' colspan='2'>
{if item.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><b><label style="font-size: 12px;">${item.userName}</label></b></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.userUri}'>${item.userName}</a></b></span> 
{/if}
<br/><br/>
${item.date} 
</td>
{/for}
</table>
<div title='' width='100%' style='clear:both;text-align:right;'>
	<input type='button' onclick="javascript:hidePopupDiv('${popupName}');" value='Close' class='portlet-form-button' style='margin:0 0 0 50px;'/>	
</div>

</td>
</tr>
</table>
{if forum.categories }
<table border='0' cellpadding='0' cellspacing='0'  width='98%'>
<tr>
<td class='portlet-table-td-left' width='60%' style='padding-left:10px;'>Forum Category</td>
<td class='portlet-table-td-left'>Topics</td>
<td class='portlet-table-td-left'>Posts</td>
<td class='portlet-table-td-left'>Last Post</td>
</tr>
{for item in forum.categories }
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='60%'>
<table>
<tr class='portlet-table-td-left' valign='top'>
<td>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${item.id};direction=down');">
<img src='/light/images/folder.gif'  align="top" />
</a>
<br/>
</td>
<td>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${item.id};direction=down');">
${item.name}
<br/>
<span class='portlet-note'>${item.desc}</span>
</td>
</tr>
</table>
</td>
<td class='portlet-table-td-left' style='padding-left:10px;'>
${item.topics}
</td>
<td class='portlet-table-td-left' style='padding-left:10px;'>
${item.posts}
</td>
<td class='portlet-item' style='padding-left:10px;'>
{if item.lastForumId }
<span class='portlet-note'>${item.lastForum.date}</span>
<br/>
<span class='portlet-note'>by  </span>
<a href='http://stanley.lightportal.org/space/${item.lastForum.uri}' >${item.lastForum.displayName}</a>
<span class='portlet-note'>>> </span>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${item.id};forumId=${item.lastForum.forumId};topicId=${item.lastForum.topicId}');">
View Post
</a>
{/if}
</td>
</tr>
{/for}
</table>
{/if}

<table border='0' cellpadding='0' cellspacing='0' width='90%'>
<tr>
<td class='portlet-table-td-left' >
${forum.categoryName}
</td>

{if forum.back }
<td class='portlet-link' >
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','');" ><img src='/light/images/previous.gif' title='Back'/></a>
</td>
{/if}
</tr>
</table>
{if forum.forumLists }
<table border='0' cellpadding='0' cellspacing='0'  width='98%'>
<tr>
<td class='portlet-table-td-left' width='60%' style='padding-left:10px;'>Forum</td>
<td class='portlet-table-td-left'>Topics</td>
<td class='portlet-table-td-left'>Posts</td>
<td class='portlet-table-td-left'>Last Post</td>
</tr>
{for item in forum.forumLists}
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='60%'>
<table>
<tr class='portlet-table-td-left'>
<td>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${item.id}');">
<img src='/light/images/folder.gif'  align="top" />
</a>
<br/>
</td>
<td class='portlet-item'>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${item.id}');">
${item.name}</a>
<br/>
<span class='portlet-note'>${item.desc}</span>
</td>
</tr>
</table>
</td>
<td class='portlet-table-td-left' style='padding-left:10px;'>
${item.topics}
</td>
<td class='portlet-table-td-left' style='padding-left:10px;'>
${item.posts}
</td>
<td class='portlet-item' style='padding-left:10px;'>
{if item.lastForumId }
<span class='portlet-note'>${item.lastForum.date}</span>
<br/>
<span class='portlet-note'>by </span> 
<a href='http://stanley.lightportal.org/space/${item.lastForum.uri}' >${item.lastForum.displayName}</a>
<span class='portlet-note'>>> </span>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${item.lastForum.forumId};topicId=${item.lastForum.topicId}');">
View Post
</a>
{/if}
</td>
</tr>
{/for}
</table>
{/if}

{if forum.topicLists }
	<table border='0' cellpadding='0' cellspacing='0' width='95%' style="margin: 20px 0 0 0;">
	<tr>
	<td class='portlet-link-left' >
		<b>
		{if forum.back }
			<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId}');" >${forum.categoryName}</a>
		{else}
			${forum.categoryName}
		{/if}
		-> ${forum.forumName}
		</b>
		<a href='/rss/forum${forum.forumId}p${forum.pageId}.xml'><img src='/light/images/rss.gif' title='Subscribe this sub category forum RSS'/></a>
			
	</td>
	<td class='portlet-link-left' >
		<a href='javascript:;' onclick="javascript:if(Light.securityCheck()) Light.executeRender('${id}','edit','','categoryId=${forum.categoryId};forumId=${forum.forumId}');" ><img src='/light/images/add.gif' height='16' width='16' align="middle"/>Post a new Topic</a>
	</td>
	<td class='portlet-link' >
		<input type='text' id='${id}_forumSearch' class='portlet-form-input-field' size='24' value='' onchange="javascript:Light.globalSearch(L$('${id}_forumSearch').value,'org.light.portlets.forum.ForumPost');"/>
		<a href="javascript:;" onclick="javascript:Light.globalSearch(L$('${id}_forumSearch').value,'org.light.portlets.forum.ForumPost');"><img src='/light/images/search.gif' height='16' width='16' align='top' title='Search'/></a>
	</td>
	</tr>
	<tr>
	<td class='portlet-link' colspan='3'>
	{if forum.pages > 1 }
		{var pagesArray = new Array(); for(var n=1;n <= forum.pages;n++) pagesArray.push(n);}
		{for i in pagesArray }
			{if i != forum.pageId }
			<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${forum.forumId};pageId=${i};pages=${forum.pages}');" >${i}</a>
			{else}
			<label class='currentpage'>${i}</label>
			{/if}
		{/for}
	{/if}
	</td>
	</tr>
	</table>

<table border='0' cellpadding='0' cellspacing='0' width='98%'>
		<tr>
			<td class='portlet-table-td-left' width= '40%'>Forum Topic</td>
			<td class='portlet-table-td-left' width= '10%'>Posts</td>
			<td class='portlet-table-td-left' width= '25%' style='padding-left:10px;'>Last Post</td>
			<td class='portlet-table-td-left' width= '25%' style='padding-left:10px;'>Topic Starter</td>
		</tr>
	{for item in forum.topicLists}
	<tr class='portlet-table-td-left'>
		<td class='portlet-item' >
			<a id='${id}_${item.id}' href='javascript:;' 
			   		onclick="javascript:Light.hideSummaryTip();Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${forum.forumId};topicId=${item.id}');"
					onmouseover="javascript:Light.showSummaryTip('${id}_${item.id}','${id}',8,'${item.id}');"
				    onmouseout="javascript:Light.hideSummaryTip();">
				    ${item.topic}
			</a>
		</td>
		<td class='portlet-item' >
			${item.posts}
		</td>
		<td class='portlet-item'>
			<table>
			<tr>
			<td>
			<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.lastUri}'><div style="position: relative;">
			<ul style="background: url({if item.lastPhotoUrl }${item.lastPhotoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
			</td>
			<td class='portlet-table-td-left'>
			<span class='portlet-note'>${item.lastDate}</span>
			<br/><span class='portlet-note'>by  </span>
			<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.lastUri}'>${item.lastDisplayName}</a></b></span> 
			</td>
			</tr>
			</table>
		</td>
		<td class='portlet-item'>
			<table>
			<tr>
			<td>
			<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'><div style="position: relative;">
			<ul style="background: url({if item.photoUrl }${item.photoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
			</td>
			<td class='portlet-table-td-left'>
			<span class='portlet-note'>${item.date}</span>
			<br/><span class='portlet-note'>by  </span> 
			<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span>  
			</td>
			</tr>
			</table>
		</td>
	</tr>
	{/for}
	</table>
{/if}

<form name='form_${id}' action="javascript:;" style='margin:20px 0 0 0;'>
<input type='hidden' name='categoryId'  value='${forum.categoryId}' /> 
<input type='hidden' name='forumId'  value='${forum.forumId}' /> 
{if forum.postLists }
<table border='0' cellpadding='0' cellspacing='0' width='95%'>
<tr>
<td class='portlet-link-left' >
<b>
{if forum.back }
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId}');" >${forum.categoryName}</a>
{else}
${forum.categoryName}
{/if}
-> 
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${forum.forumId}');" >${forum.forumName}</a>
-> 
${forum.topicName}
</b>
<a href='/rss/topic${forum.topicId}p${forum.pageId}.xml'><img src='/light/images/rss.gif' title='Subscribe this sub category forum RSS'/></a>

</td>
</tr>
<tr>
<td class='portlet-link' colspan='3'>
	{if forum.pages > 1 }
		{var pagesArray = new Array(); for(var n=1;n <= forum.pages;n++) pagesArray.push(n);}
		{for i in pagesArray }
			{if i != forum.pageId }
			<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${forum.forumId};topicId=${forum.topicId};pageId=${i};pages=${forum.pages}');" >${i}</a>
			{else}
			<label class='currentpage'>${i}</label>
			{/if}
		{/for}
	{/if}
</td>
</tr>
</table>

<table border='0' cellpadding='0' cellspacing='0'  width='100%'>
{for item in forum.postLists }
{if item_index % 2 == 0}
<tr valign=top class="portlet-itemEven">
{else}
<tr valign=top class="portlet-item">
{/if}
<td class='portlet-table-td-center' width='100px'>
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'><div style="position: relative;">
<ul style="background: url({if item.photoUrl }${item.photoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 75px; height: 75px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://stanley.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span>  
{if item.currentStatusId == 1 }
<img src="/light/images/online.gif" height='16' width='16'  align="bottom" alt=''/>
<br/>
<a href='javascript:;' onclick="javascript:showInstantMessageMember(event,'${item.postById}','${id}');" >Instant Message</a>
{/if}
<br/>
<a href='javascript:;' onclick="javascript:showSendMessageMember('${id}','${item.postById}','${item.displayName}',event);" >Send Message</a>
<br/>
</span>
</td>
<td class='portlet-table-td-left'>
<span class="portlet-note">Posted: ${item.date}</span>

<br/><br/>
${item.content}
</td>
<td class='portlet-table-td-right' width='140px'>
<br/>
<input type='button' onClick="javascript:Light.executeAction('${id}','','quote',null,'${item.id}','edit',null,null);window.scrollTo(0,0);" value='Quote' class='portlet-form-button' />
<input type='button' onClick="javascript:Light.executeAction('${id}','','replybegin',null,'${item.id}','edit',null,null);window.scrollTo(0,0);" value='Reply' class='portlet-form-button' />
</td>
</tr>
{/for}
<tr>
<td class='portlet-table-td-left'></td>
<td class='portlet-table-td-left' colspan='2' style='padding:10px;'>
<input type='button' onClick="javascript:Light.executeAction('${id}','','replybegin',null,'${forum.topicId}','edit',null,null);window.scrollTo(0,0);" value='Reply' class='portlet-form-button' />
<input type='button' onClick="javascript:Light.executeRender('${id}','view','normal','categoryId=${forum.categoryId};forumId=${forum.forumId}')" value='Back' class='portlet-form-button' />
</td>
</tr>
</table>
{/if}
</form>

<div class="sitemap" style='height:250px;background:#EEEEEE;text-align:left;padding:10px;'>
<ul class="menu menufirst">
<li style="position: relative; left: 0px; top: 0px;" class="subgroup"><span class="separator">Main</span>
<ul>
<li><a title="Home" href="javascript:;" onclick="javascript:Light.getTabByName('Home').focus();" class="artlink"><span>Home</span></a></li>
<li><a title="Forum" href="javascript:;" onclick="javascript:Light.getTabByName('Forum').focus();" class="artlink"><span>Forum</span></a></li>
<li><a title="Downloads" href="javascript:;" onclick="javascript:Light.getTabByName('Downloads').focus();" class="artlink"><span>Downloads</span></a></li>
<li><a title="Forum" href="javascript:;" onclick="javascript:Light.getTabByName('Documentation').focus();" class="artlink"><span>Documentation</span></a></li>
<li><a title="Blog" href="javascript:;" onclick="javascript:Light.getTabByName('Blog').focus();" class="artlink"><span>Blog</span></a></li>
</ul>
</li>
</ul>
<ul class="menu">
<li style="position: relative; left: 190px; top: 0px;" class="subgroup"><span class="separator">FAQs</span>
<ul>
<li><a title="FAQs" href="javascript:;" onclick="javascript:Light.showFAQ();" class="artlink"><span>FAQs</span></a></li>
</ul>
</li>
</ul>
<ul class="menu">
<li style="position: relative; left: 380px; top: 0px;" class="subgroup"><span class="separator">Services</span>
<ul>
<li><a title="Contact Us" href="javascript:;" onclick="javascript:Light.showContactUs();" class="artlink"><span>Contact Us</span></a></li>
<li><a title="Feedback" href="javascript:;" onclick="javascript:Light.showFeedback();" class="artlink"><span>Feedback</span></a></li>
</ul>
</li>
</ul>
<ul class="menu"><li style="position: relative; left: 570px; top: 0px;" class="subgroup"><span class="separator">Info</span>
<ul>
<li><a title="About Us" href="javascript:;" onclick="javascript:Light.showAbout();" class="artlink"><span>About Us</span></a></li>
<li><a title="Terms" href="javascript:;" onclick="javascript:Light.showTerms();" class="artlink"><span>Terms</span></a></li>
</ul>
</li>
</ul>
<ul class="menu"><li style="position: relative; left: 760px; top: 0px;" class="subgroup"><span class="separator">Follow Us</span>
<ul>
<li><a href="http://twitter.com/lightportal2" target='_blank'><img src='/light/images/twitter.png' style='vertical-align:middle;' title='follow us at twitter' alt='' />	
	<label class='hand' style='padding: 0 10px 0 5px; color:#85cdcd;'><font size="2px" style='font-family: sans-serif;'><b>twitter</b></font></label></a>
</li>
</ul>
</li>
</ul>
<div class="category" style="position:relative;top:150px;display:block;margin:10px;">
	<div style="text-align:center;margin:20px 0 10px 0;float:left;">
		<input type='text' id='subscribeEmail' value='Enter your email address...' class='portlet-form-input-field' style='color:#777777;font-size:140%;width:300px;height:25px;' onfocus="javascript:if(this.value=='Enter your email address...'){this.value='';this.style.color='#000000';}" onblur="javascript:if(this.value==''){this.value='Enter your email address...';this.style.color='#777777';}" />
		<span class="portlet-note" style='display:block;'>Don't worry, your email is safe with us.</span>
	</div>
	<div style="text-align:center;margin:20px 0 10px 0;float:left;">
		<input type='button' value='Subscribe news' class='portlet-form-button' style="font-size:140%;padding:0 0 2px 0;" onclick="javascript:subscribe(L$('subscribeEmail').value,27);" />
	</div>
	<div style="text-align:right;display:block;margin:10px;">Copyright © 2012 LIGHTPORTAL.ORG. All Rights Reserved.</div>
	<div style="text-align:right;display:block;margin:10px;">POWERED BY LIGHT PORTAL 1.5</div>
</div>
</div>