lightportal.org

<table border='0' cellpadding='0' cellspacing='0' width='90%'>
<tr>
<td class='portlet-link-left'>
<span class="portlet-title">Latest News</span>
</td>
</tr>
	
<tr>
<td class='portlet-link-left'>

<span class="portlet-item">
<a href='javascript:void(0)' 
   		onclick="javascript:hideInternalNewsDesc();Light.executeRender('portletContent_672','','maximized','newsId=6');"
		onmouseover="javascript:showInternalNewsDesc(event,'6','portletContent_672');"
	    onmouseout="javascript:hideInternalNewsDesc();">
	    Light Portal 1.1 will be released soon.
</a>
</span>	
<br/>
<span class="portlet-note">May 16, 2009 13:34</span>
</td>
</tr>
	
<tr>
<td class='portlet-link-left'>

<span class="portlet-item">
<a href='javascript:void(0)' 
   		onclick="javascript:hideInternalNewsDesc();Light.executeRender('portletContent_672','','maximized','newsId=5');"
		onmouseover="javascript:showInternalNewsDesc(event,'5','portletContent_672');"
	    onmouseout="javascript:hideInternalNewsDesc();">
	    Light Portal 1.0.1 released
</a>
</span>	
<br/>
<span class="portlet-note">Mar 09, 2009 01:12</span>
</td>
</tr>
	
<tr>
<td class='portlet-link-left'>

<span class="portlet-item">
<a href='javascript:void(0)' 
   		onclick="javascript:hideInternalNewsDesc();Light.executeRender('portletContent_672','','maximized','newsId=4');"
		onmouseover="javascript:showInternalNewsDesc(event,'4','portletContent_672');"
	    onmouseout="javascript:hideInternalNewsDesc();">
	    Light Portal 1.0 released
</a>
</span>	
<br/>
<span class="portlet-note">Feb 09, 2009 02:06</span>
</td>
</tr>

</table>

</form>

</body>
</html><br/>

</td>
</tr>
</table>

Light Portal with OpenID

</a>
</span>
<br/>
<span class="portlet-note">Tue, Feb 24, 2009 </span>
 
<span class="portlet-note">by</span>
<span class="portlet-note" style="padding-left:0px;"><a href='http://www.lightportal.org/space/liujianmin' target='_blank'><span class="portlet-note-link">Jianmin</span></a></span>

</td>
<td class='portlet-table-td-right'>

</td>
</tr>

Light Portal JavaScript files performance

</a>
</span>
<br/>
<span class="portlet-note">Wed, Feb 18, 2009 </span>
 
<span class="portlet-note">by</span>
<span class="portlet-note" style="padding-left:0px;"><a href='http://www.lightportal.org/space/liujianmin' target='_blank'><span class="portlet-note-link">Jianmin</span></a></span>

</td>
<td class='portlet-table-td-right'>

</td>
</tr>

Customize Light Portal Theme

(3 comments)

</a>
</span>
<br/>
<span class="portlet-note">Fri, Dec 26, 2008 </span>
 
<span class="portlet-note">by</span>
<span class="portlet-note" style="padding-left:0px;"><a href='http://www.lightportal.org/space/liujianmin' target='_blank'><span class="portlet-note-link">Jianmin</span></a></span>

</td>
<td class='portlet-table-td-right'>

</td>
</tr>

Lazy loading JavaScript library in Light Portal

</td>
<td class='portlet-table-td-right'>

</td>
</tr>

</table>

</form>

</body>
</html><br/>

<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td 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 and Social Collaboration Software which can be seamless plugged in to any Java Web Application or as an
independent Portal Server.
</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 framework.</li>
   <li style="margin:5px 0px 5px 20px">Supports JSR 168 Portlet API programming model.</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 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="http://www.lightportal.org/doc/lightArchitecture.bmp" 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>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>
<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 AJAX UI Manager, the other is Portal Server. 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>AJAX UI Manager</strong></li>
   <span style="margin:5px 0px 5px 20px">AJAX UI Manager is a JavaScript library. Its responsibility includes rendering portal, portal page, portlet window, and communicate with server side asynchronously.</span>
   <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 and a JSR 168 Portlet container. </span>
</ui>
</td>
</tr>
</tbody>
</table>

<form name="form_${id}">
	<table border='0' cellpadding='0' cellspacing='0' width='90%'>
	<tr>
	<td class='portlet-link' colspan='3'>
	<br/>
	</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' name='email' value='${userId}' class='portlet-form-input-field' size='24' /> 
	</td>
	<td>
	</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' name='password' value='' class='portlet-form-input-field' size='24' onkeypress="return Light.keyDownLogin(event,'${id}');"/> 
	</td>
	<td>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input TYPE='checkbox' name='rememberMe'  value='1'><label>Remember me</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:void(0)' 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' colspan='3'>
	<a href='javascript:void(0)' 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' colspan='3'>
	<a href='javascript:void(0)' onclick="javascript:Light.showOpenIdSignIn('${id}');" ><b><label>Sign in with <span id="openid_title_graphic">OpenID</span></label></b></a>
	</td>
	</tr>		
	</table>
	</form>

<form name="form_${id}">
		<table border='0' cellpadding='0' cellspacing='0' width='99%'>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left' colspan='3'>
		<label>Sign in with <span style="color:#FF6200;">lightportal.org</span> account</</label>
		<br/><br/><br/><br/>
		</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' name='email' value='${userId}' class='portlet-form-input-field' size='36' /> 
		</td>
		<td>
		</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' name='password' value='' class='portlet-form-input-field' size='36' onkeypress="return Light.keyDownLoginTo(event,'${id}');"/> 
		</td>
		<td>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left'>
		<input TYPE='checkbox' name='rememberMe'  value='1'><label>Remember me</label></input>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left'>
		<br/><br/>
		<input name='login' type='button' value='Login' class='portlet-form-button'
		  onclick="javascript:Light.loginToPortal('${id}');" />
		<span  class='portlet-link-left'> 
		or <a href='javascript:void(0)' onclick="javascript:Light.showSignUp('${id}');" ><b>Sign up for lightportal.org</b></a>
		</span>
		</td>
		</tr>
		
		</table>
	</form>

<table border='0' cellpadding='0' cellspacing='0' width='100%'>
	<tr valign='top'>
	<td width="50%">
		<form name="form_${id}">
		<table border='0' cellpadding='0' cellspacing='0' width='99%'>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left' colspan='3'>
		<label>Sign in with <span style="color:#FF6200;">lightportal.org</span> account</</label>
		<br/><br/><br/><br/>
		</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' name='email' value='${userId}' class='portlet-form-input-field' size='36' /> 
		</td>
		<td>
		</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' name='password' value='' class='portlet-form-input-field' size='36' onkeypress="return Light.keyDownLoginTo(event,'${id}');"/> 
		</td>
		<td>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left'>
		<input TYPE='checkbox' name='rememberMe'  value='1'><label>Remember me</label></input>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left'>
		<br/><br/>
		<input name='login' type='button' value='Login' class='portlet-form-button'
		  onclick="javascript:Light.loginToPortal('${id}');" />
		<span  class='portlet-link-left'> 
		or <a href='javascript:void(0)' onclick="javascript:Light.showSignUp('${id}');" ><b>Sign up for lightportal.org</b></a>
		</span>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left' colspan='3'>
		<a href='javascript:void(0)' onclick="javascript:Light.executeRender('${id}','edit','normal','type=forgot');" >Forgot Password?</a>
		</td>
		</tr>
		</table>
		</form>
	</td>
	<td width="50%">
		<form action='/openId/request.jsp' method="POST" onsubmit="javascript:return Light.validateOpenIdLogin(this);" >
		<table border='0' cellpadding='0' cellspacing='0' width='99%'>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<label>Sign in with <span id="openid_title_graphic">OpenID</span></label>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left' colspan='3'><input id="openid_identifier" name="openid_identifier" type="text" class='portlet-form-input-field' size="24"/>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<table style="width: 100%;">
		<tbody>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.myopenid.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/myopenid.ico"> myOpenID</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='https://www.google.com/accounts/o8/id';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/google.ico"> Google</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://www.flickr.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/flickr.ico"> Flickr</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='https://me.yahoo.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/yahoo.ico"> Yahoo!</a></td>
		</tr>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://openid.aol.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/aol.ico"> AOL</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.blogspot.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/blogger.ico"> Blogger</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.livejournal.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/lj.ico"> Livejournal</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.pip.verisignlabs.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/verisign.ico"> Verisign</a></td>
		</tr>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.myvidoop.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/vidoop2.ico"> Vidoop</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://claimid.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/claimid.ico"> claimID</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://technorati.com/people/technorati/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/technorati.ico"> Technorati</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.vox.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/vox.ico"> Vox</a></td>
		</tr>		
		<tr style="">
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/images/openid.ico"> Other OpenID</a></td>
		<td style="padding: 4px; text-align: right; vertical-align: middle;"></td>
		<td style="padding: 4px; text-align: right; vertical-align: middle;"></td>
		<td style="padding: 4px; text-align: center vertical-align: middle;">
		<a href="http://openid.net/" style="color: rgb(110, 145, 175);" target="_blank">Help</a></td>
		</tr>
		</tbody>
		</table>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<input class="portlet-form-button" type="submit" value="Login"/>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<label>Please update your personal information after the first time signing in with OpenID.</label>		
		</td>
		</tr>
		</table>
		</form>
	</td>
	</tr>
	</table>

<form action='/openId/request.jsp' method="POST" onsubmit="javascript:return Light.validateOpenIdLogin(this);" >
		<table border='0' cellpadding='0' cellspacing='0' width='99%'>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<label>Sign in with <span id="openid_title_graphic">OpenID</span></label>		
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left' colspan='3'><input id="openid_identifier" name="openid_identifier" type="text" class='portlet-form-input-field' size="24"/>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<table style="width: 100%;">
		<tbody>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.myopenid.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/myopenid.ico"> myOpenID</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='https://www.google.com/accounts/o8/id';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/google.ico"> Google</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://www.flickr.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/flickr.ico"> Flickr</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='https://me.yahoo.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/yahoo.ico"> Yahoo!</a></td>
		</tr>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://openid.aol.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/aol.ico"> AOL</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.blogspot.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/blogger.ico"> Blogger</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.livejournal.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/lj.ico"> Livejournal</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.pip.verisignlabs.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/verisign.ico"> Verisign</a></td>
		</tr>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.myvidoop.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/vidoop2.ico"> Vidoop</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://claimid.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/claimid.ico"> claimID</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://technorati.com/people/technorati/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/technorati.ico"> Technorati</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.vox.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/vox.ico"> Vox</a></td>
		</tr>		
		<tr style="">
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/images/openid.ico"> Other OpenID</a></td>
		<td style="padding: 4px; text-align: right; vertical-align: middle;"></td>
		<td style="padding: 4px; text-align: right; vertical-align: middle;"></td>
		<td style="padding: 4px; text-align: center vertical-align: middle;">
		<a href="http://openid.net/" style="color: rgb(110, 145, 175);" target="_blank">Help</a></td>
		</tr>
		</tbody>
		</table>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<input class="portlet-form-button" type="submit" value="Login"/>
		<input type='button' name='action' onClick="javascript:Light.closePortlet('${id}');" value='Cancel' class='portlet-form-button' />
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<label>Please update your personal information after the first time signing in with OpenID.</label>		
		</td>
		</tr>
		</table>
	</form>

<table border='0' cellpadding='0' cellspacing='0' width='100%'>
	<tr valign='top'>
	<td width="50%">
		<form name="form_${id}">
		<table border='0' cellpadding='0' cellspacing='0' width='99%'>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left' colspan='3'>
		<label>Sign in with <span style="color:#FF6200;">lightportal.org</span> account</</label>
		<br/><br/><br/><br/>
		</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' name='email' value='${userId}' class='portlet-form-input-field' size='36' /> 
		</td>
		<td>
		</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' name='password' value='' class='portlet-form-input-field' size='36' onkeypress="return Light.keyDownLogin(event,'${id}');"/> 
		</td>
		<td>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left'>
		<input TYPE='checkbox' name='rememberMe'  value='1'><label>Remember me</label></input>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left'>
		<br/><br/>
		<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:void(0)' onclick="javascript:Light.showSignUp('${id}');" ><b>Sign up for lightportal.org</b></a>
		</span>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left' colspan='3'>
		<a href='javascript:void(0)' onclick="javascript:Light.executeRender('${id}','edit','normal','type=forgot');" >Forgot Password?</a>
		</td>
		</tr>		
		</table>
		</form>
	</td>
	<td width="50%">
		<form action='/openId/request.jsp' method="POST" onsubmit="javascript:return Light.validateOpenIdLogin(this);" >
		<table border='0' cellpadding='0' cellspacing='0' width='99%'>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<label>Sign in with <span id="openid_title_graphic">OpenID</span></label>		
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-table-td-left' colspan='3'><input id="openid_identifier" name="openid_identifier" type="text" class='portlet-form-input-field' size="24"/>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<table style="width: 100%;">
		<tbody>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.myopenid.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/myopenid.ico"> myOpenID</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='https://www.google.com/accounts/o8/id';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/google.ico"> Google</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://www.flickr.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/flickr.ico"> Flickr</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='https://me.yahoo.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/yahoo.ico"> Yahoo!</a></td>
		</tr>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://openid.aol.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/aol.ico"> AOL</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.blogspot.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/blogger.ico"> Blogger</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.livejournal.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/lj.ico"> Livejournal</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.pip.verisignlabs.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/verisign.ico"> Verisign</a></td>
		</tr>
		<tr>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.myvidoop.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/vidoop2.ico"> Vidoop</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://claimid.com/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/claimid.ico"> claimID</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://technorati.com/people/technorati/username';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/technorati.ico"> Technorati</a></td>
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://username.vox.com/';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/static/opicons/vox.ico"> Vox</a></td>
		</tr>		
		<tr style="">
		<td style="padding: 4px; vertical-align: middle; cursor: pointer;">
		<a href="javascript:void(0);" onclick="javascript:$('openid_identifier').value='http://';">
		<img style="width: 16px; height: 16px; vertical-align: middle;" src="https://www.idselector.com/images/openid.ico"> Other OpenID</a></td>
		<td style="padding: 4px; text-align: right; vertical-align: middle;"></td>
		<td style="padding: 4px; text-align: right; vertical-align: middle;"></td>
		<td style="padding: 4px; text-align: center vertical-align: middle;">
		<a href="http://openid.net/" style="color: rgb(110, 145, 175);" target="_blank">Help</a></td>
		</tr>
		</tbody>
		</table>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<input class="portlet-form-button" type="submit" value="Login"/>
		</td>
		</tr>
		<tr>
		<td class='portlet-table-td-left'></td>
		<td class='portlet-link-left'>
		<label>Please update your personal information after the first time signing in with OpenID.</label>
		</td>
		</tr>
		</table>
		</form>
	</td>
	</tr>
	</table>

<form name='form_${id}' action="javascript:Light.executeAction('${id}',this.form,'step1',null,null,'VIEW','maximized');" onsubmit="javascript:return validateSignUp(this);">
	<table border='0' cellpadding='0' cellspacing='0' width='80%'>
	<tr>
	<td class='portlet-table-td-left' width='20%'>
	</td>
	<td class='portlet-table-td-left'>
	<br/>
	<p><b>Sign up </b></p>
	<p>It's free and anyone can join.</p>
	</td>
	</tr>
	</table>
	<table border='0' cellpadding='0' cellspacing='0' width='80%'>
	<tr>
	<td class='portlet-table-td-right' width='20%'>
	<img src='/light/images/faq.gif' title='for validate identity purpose only' style='border: 0px;' width='16' height='16'/>
	<label FOR='email' ACCESSKEY='U'>*Email: </label></td>
	<td class='portlet-table-td-left'>
	<input type='text' name='email' value='' class='portlet-form-input-field' size='30' onchange="validateUserId(this.value,'${id}');" AUTOCOMPLETE='OFF'/>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label>*Password: </label></td>
	<td class='portlet-table-td-left'>
	<input type='password' name='password' value=''
	class='portlet-form-input-field' size='30' />
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label>*Confirm Password: </label></td>
	<td class='portlet-table-td-left'>
	<input type='password' name='confirmPassword' value=''
	class='portlet-form-input-field' size='30' />
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label>*Display Name: </label></td>
	<td class='portlet-table-td-left'>
	<input type='text' name='displayName' value=''
	class='portlet-form-input-field' size='30' />
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label>*My URL: </label></td>
	<td class='portlet-table-td-left'>
	<label>http://</label>
	<input type='text' name='iUri' value='' class='portlet-form-input-field' size='18' onchange="validateInternalUri(this.value,'${id}');" AUTOCOMPLETE='OFF'/><label>.lightportal.org</label>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'></td>
	<td class='portlet-table-td-left'>
	<label>By clicking Register button, you are indicating that you have read and agree to the</label>
	<span class='portlet-item'> 
	<a href="javascript:void(0);" onclick="javascript:Light.showTerms();">Terms of Service</a>
	</span>
	<label>and</label>
	<span class='portlet-item'>  
	<a href="javascript:void(0);" onclick="javascript:Light.showPrivacy();">Privacy Policy</a>   
	</span>
	</input>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'></td>
	<td class='portlet-table-td-left'>
	<input type='submit' name='action' value='Register' class='portlet-form-button' />
	<input type='button' name='action' onClick="javascript:Light.closePortlet('${id}');" value='Cancel' class='portlet-form-button' />
	</td>
	</tr>
	</table>
	</form>

<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>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Arabic</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Danish</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>German</label>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Greek</label>

</td>

<input type='radio' name='language' value='en'

checked="checked"

>
<label>English</label></input>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Spanish</label>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Finnish</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>French</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Hungarian</label>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Icelandic</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Italian</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Hebrew</label>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Japanese</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Korean</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Dutch</label>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Norwegian</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Polish</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Portuguese</label>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Russian</label>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Swedish</label>

</td>

</td>

</tr>

<tr>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Turkish</label>

</td>

<input type='radio' name='language' value='zh_CN'

>
<label>中文(简体)</label></input>

</td>

<img src="/light/images/spacer.gif" style="border:0px;" height="1" width="20"/>
<label>Traditional Chinese</label>

</td>

</tr>

</table>
<table border='0' cellpadding='0' cellspacing='0' width='90%'>
<tr>
<td class='portlet-table-td-right'>
<input name='Save' type='button' value='OK' class='portlet-form-button'
 onclick="javascript:Light.saveLanguage('${id}',true);" />
<input name='Cancel' type='button' value='Cancel' class='portlet-form-button'
 onclick="javascript:Light.closePortlet('${id}');" />
</td>
</tr>
</table>
</form>

<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="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" style='border: 0px; cursor: pointer; cursor: 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='doc/IntroductionLightPortal.html' target="_blank" >Introduction Light Portal</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='doc/GettingStartedLightPortal.html' target="_blank">Getting Started</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='doc/admin-user-guide.html' target="_blank">Admin User Guide</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='doc/DevelopLightPortal.html' target="_blank">Developing portlets</a>
</span>
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">
<span class="portlet-item">
<a href='doc/IntegratingLightPortal.html' target="_blank">Integrating Light Portal with existing Java EE Web Application</a>
</span>
</td>
</tr>
</table>

<span class="portal-header-menu-item">
	<label class="portal-footer-notes">lightportal.org © 2009</label>
	<span class="portal-header-menu-item-separater"></span>
	<a onclick="javascript:Light.showAbout();" href="javascript:void(0)">About</a>
	<span class="portal-header-menu-item-separater"></span>
	<a onclick="javascript:Light.showCommunityBlog();" href="javascript:void(0)">Blog</a>
	<span class="portal-header-menu-item-separater"></span>
	<a onclick="javascript:Light.showFAQ();" href="javascript:void(0)">FAQ</a>
	<span class="portal-header-menu-item-separater"></span>
	<a onclick="javascript:Light.showTerms();" href="javascript:void(0)">Terms</a>
	<span class="portal-header-menu-item-separater"></span>
	<a onclick="javascript:Light.showPrivacy();" href="javascript:void(0)">Privacy</a>
	<span class="portal-header-menu-item-separater"></span>
	<a onclick="javascript:Light.showContactUs();" href="javascript:void(0)">Contact Us</a>
	<span class="portal-header-menu-item-separater"></span>			
</span>