BibiToo

<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'>电子邮件: </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'>用户密码: </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>在此计算机上保留我的信息</label></input>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input name='login' type='button' value='登录' class='portlet-form-button'
	  onclick="javascript:Light.loginPortal('${id}');" />
	<span  class='portlet-link-left'> 
		或<a href='javascript:;' onclick="javascript:Light.showSignUp('${id}');" ><b>免费注册</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');" >忘记密码？</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>登录 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'>
	或 
	<a href='http://www.facebook.com/login.php?api_key=aa61f6521ec3bb3928673a94ae2a43e8&display=popup&extern=1&fbconnect=1&req_perms=publish_stream&return_session=1&v=1.0&next=http%3A%2F%2Flightportal.org%2FopenId%2Ffacebook.jsp&fb_connect=1&cancel_url=http%3A%2F%2Flightportal.org' >
	<b>Facebook Connect</b>
	
	</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="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">文档</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' 
	
	>
	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' 
	
	selected="selected"
	
	>
	中文(简体)</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='75' height='75'/>
{/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}

{if user.currentStatus == 1}
<img src="/light/images/online.gif" height='16' width='16'  align="bottom" alt=''/><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='我的影集'>
<span class="icons picture" style="margin-right:5px;" onclick="javascript:showMyPicture();"></span>
</span>
<span class="icons hand" title='我的歌曲库'>
<span class="icons music" style="margin-right:5px;" onclick="javascript:showMyMusic();"></span>
</span>
<span class="icons hand" title='我的文件'>
<span class="icons file" style="margin-right:5px;" onclick="javascript:showMyFile();"></span>
</span>
<span class="icons hand" title='我的博客'>
<span class="icons blog" style="margin-right:5px;" onclick="javascript:showMyBlog();"></span>
</span>
<span class="icons hand" title='我的收藏夹'>
<span class="icons bookmark" style="margin-right:5px;" onclick="javascript:showMyFavorites();"></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'>
上次登录时间: ${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}');" >发送邮件</a>
</td>
<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}');" >推荐给好友</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}');" >加为好友</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.showAddToFavorites(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showAddToFavorites(event,'${id}');" >加入收藏夹</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 block" onclick="javascript:Light.showBlockUser(event,'${id}');"></span>
</span>
<a style='margin-left:5px;' href='javascript:;' onclick="javascript:Light.showBlockUser(event,'${id}');" >添加到黑名单</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}');" >即时通讯</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();" >
新邮件(${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();" >
新好友邀请(${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();" >收件箱</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();" >好友验证请求</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();" >发件箱</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();" >邀请好友</a>
</td>
</tr>
</table>

{if conn.currentDesc }
<tr>
<td class='portlet-rss'>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','action=back','',true,false);" >地点</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);" >类型</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.buddyCurrentStatusId == 1}
<img src="/light/images/online.gif" width='15' height='8' align="bottom" alt=''/>
{/if}
{if member.buddyCurrentStatusId == 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://www.lightportal.org/space/${member.uri}'>${member.displayName}</a></b></span> 
</span>
 
 
<a href='http://www.lightportal.org/space/${member.uri}'>
 
{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}







Write something to BibiToo 




140









Share what you're thinking. Post a picture, video, or other link here.

{for item in microblogs}
<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.postById == 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://www.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> 
{/if}
</td>
<td class='portlet-table-td-left' colspan='2'>
{if item.postById == 0}
<span class="portlet-item" style="padding: 0pt;"><b><label style="font-size: 12px;">${item.displayName}</label></b></span> 
{else}
<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://www.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span> 
{/if}: 
${item.content}
<br/>
<span class="portlet-note">日期: ${item.date} 
<a href='javascript:;' title='Click here to leave a comment' onclick="javascript:addObjectComment(event,'${id}','${item.id}',21);">评论</a>
</span> 
</td>
<td class='portlet-table-td-left' width='5%'>
{if item.userId == 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='删除'></span>
</div>
{/if}
</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://www.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://www.lightportal.org/space/${comment.uri}'>${comment.displayName}</a></b></span> 
{/if}: 
${comment.comment}
<br/>
<span class="portlet-note">日期: ${comment.date} </span> 
</td>
<td class='portlet-table-td-left' width='5%'>
{if item.userId == 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>
{/for}
{/for}
</table>

{if pages > 1 }
 	<div class="portlet-rss" style="clear:both;text-align:right;padding:20px 20px 0 0;">
 	    <label>(结果 ${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='上一页' 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='下一页' alt='' /></a>						
		{/if}
	</div>
{/if}
</form>

</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;'>论坛分区</td>
<td class='portlet-table-td-left'>帖子总数</td>
<td class='portlet-table-td-left'>回帖</td>
<td class='portlet-table-td-left'>最近回复</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'>撰稿人  </span>
<a href='http://www.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}');">
查看该帖
</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='返回'/></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;'>论坛</td>
<td class='portlet-table-td-left'>帖子总数</td>
<td class='portlet-table-td-left'>回帖</td>
<td class='portlet-table-td-left'>最近回复</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'>撰稿人 </span> 
<a href='http://www.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}');">
查看该帖
</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='订阅这个论坛的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"/>发布一个主题</a>
	</td>
	<td class='portlet-link' >
		<input type='text' id='${id}_forumSearch' class='portlet-form-input-field' size='24' value='' onchange="javascript:Light.globalSearch($('${id}_forumSearch').value,'org.light.portlets.forum.ForumPost');"/>
		<a href="javascript:;" onclick="javascript:Light.globalSearch($('${id}_forumSearch').value,'org.light.portlets.forum.ForumPost');"><img src='/light/images/search.gif' height='16' width='16' align='top' title='搜索'/></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%'>论坛主题</td>
			<td class='portlet-table-td-left' width= '10%'>回帖</td>
			<td class='portlet-table-td-left' width= '25%' style='padding-left:10px;'>最近回复</td>
			<td class='portlet-table-td-left' width= '25%' style='padding-left:10px;'>发帖人</td>
		</tr>
	{for item in forum.topicLists}
	<tr class='portlet-table-td-left'>
		<td class='portlet-item' >
			<a href='javascript:;' 
				onmouseover="javascript:Light.showSummary(event,'${id}',8,'${item.id}');"
				onmouseout="javascript:Light.hideSummary();"
				onclick="javascript:Light.hideSummary();Light.executeRender('${id}','','','categoryId=${forum.categoryId};forumId=${forum.forumId};topicId=${item.id}');">
			<img src='/light/images/folder_smll.gif'  align="top" />
			${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://www.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'>撰稿人  </span>
			<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://www.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://www.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'>撰稿人  </span> 
			<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://www.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='订阅这个论坛的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://www.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://www.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}');" >即时聊天</a>
{/if}
<br/>
<a href='javascript:;' onclick="javascript:showSendMessageMember('${id}','${item.postById}','${item.displayName}',event);" >发送邮件</a>
<br/>
</span>
</td>
<td class='portlet-table-td-left'>
<span class="portlet-note">发表人: ${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='引用' class='portlet-form-button' />
<input type='button' onClick="javascript:Light.executeAction('${id}','','replybegin',null,'${item.id}','edit',null,null);window.scrollTo(0,0);" value='回复' 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='回复' class='portlet-form-button' />
<input type='button' onClick="javascript:Light.executeRender('${id}','view','normal','categoryId=${forum.categoryId};forumId=${forum.forumId}')" value='返回' class='portlet-form-button' />
</td>
</tr>
</table>
{/if}
</form>

<table border='0' cellpadding='0' cellspacing='2' width="100%" >
<tr style="vertical-align:top;">
<!-- 
{if tag == 0 }
<td width="200px" style="vertical-align:top;">
<select id='tag_${id}' size='1' onchange="javascript:searchDeal(event,'${id}');" class='portlet-form-select' style="width:200px;height:25px;">
<option value="" >All Categories</option>

<option value='Apparel' 
>
Apparel & Accessories</option>

<option value='Automotive' 
>
Automotive</option>

<option value='Beauty' 
>
Beauty</option>

<option value='CellPhone' 
>
Wireless</option>

<option value='Computers' 
>
Computers</option>

<option value='Electronics' 
>
Electronics</option>

<option value='Father' 
>
Father Day</option>

<option value='Jewelry' 
>
Jewelry</option>

<option value='SportingGoods' 
>
Sports & Outdoors</option>

<option value='Toys' 
>
Toys & Games</option>

<option value='Valentine' 
>
Valentine</option>

<option value='Watches' 
>
Watches</option>

<option value='Other' 
>
Other</option>

</select>
{/if}
 -->
{if tag != 0 }
<td width="200px" style="vertical-align:top;">
<input type='hidden' id='tag_${id}' value='${tag}' />
<div class='portlet-bgcolor theme-color' style="font-size:120%;padding:5px 0 5px 5px;font-weight:bold;">${tagDesc}:</div>
</td>
{/if}
<td style="vertical-align:top;">
<input type='text' id='keyword_${id}' value='' class='portlet-form-input-field' style="width:{if tag != 0}400px;{else}600px;{/if}height:25px;" 
	maxlength="2048" autocomplete="off" 
	onkeypress="return keyDownDealSearch(event,'${id}');" 
	onkeyup="openSearchSuggestion(event,'${id}',101);"
	/>
<input type="image" id='button_${id}' src="/light/images/search_button.gif" align='top' height='25' width='88' onClick="javascript:searchDeal(event,'${id}');"/>
<span class='portlet-item' style='padding:0 10px;'>
<input type='checkbox' id='expired_${id}' value='1' class='portlet-form-checkbox' onchange="javascript:searchDeal(event,'${id}');" />
deals within 30 days
</span>
<span class='portlet-item' style='padding:0 15px 0 0;'>
<a href='javascript:;' onclick="javascript:switchDealSearchMore('${id}');">
More
<img src='/light/images/arrow_down.gif' class='arrow-down' align="middle"/>
</a>
</span>
</td>
</tr>
</table>
<div style="display: none;{if tag == 0}left:0px;width:600px;{/if}" id="sug_${id}" class="sug"></div>
<dl id="his_${id}" class="his">
    <dt id="th_${id}" class="g" onclick="switchSearchHistory('${id}',101);" title="Search history"> </dt>
    <dd style="display: none;" id="hli_${id}" class="hli"></dd>
</dl>
<div class="hli2" style="left:100px;top:60px;display:none;" id="dealSearchMore_${id}"></div>

<div class='portlet-item'>
<a href='javascript:;' onclick="javascript:showProgressBar(event);Light.noticePortlet('dealPortlet','','','viewedDeals=1',false,false);hideProgressBar();">
<img src='/light/images/viewed.gif' class='arrow-down' align="middle" alt='' />
Viewed Deals
</a>
</div>
<div class='portlet-item'>
<a href='javascript:;' onclick="javascript:showProgressBar(event);Light.noticePortlet('dealPortlet','','','listedDeals=1',false,false);hideProgressBar();">
<img src='/light/images/interests.gif' class='arrow-down' align="middle" alt='' />
Listed Deals
</a>
</div>
<div class='portlet-item'>
<a href='javascript:;' onclick="javascript:showProgressBar(event);Light.noticePortlet('dealPortlet','','','recommendedDeals=1',false,false);hideProgressBar();">
<img src='/light/images/recommended.gif' class='arrow-down' align="middle" alt='' />
Recommended Deals
</a>
</div>

<div class='portlet-item'>
<a href='javascript:;' onclick="javascript:Light.showSignUp();">
<img src='/light/images/alerts.gif' class='arrow-down' align="middle" alt='' />
Email Alerts
</a>
</div>

<form name='form_${id}' action="javascript:;">
<table border='0' cellpadding='0' cellspacing='0' width="95%" style="margin:20px 0 0 0;">
<tr>
<td class='portlet-table-td-right'></td>
<td class='portlet-table-td-left'>
<input name='todayDeals' type='checkbox' value='1' class='portlet-form-checkbox' />
Only display today's deal
</td>
</tr>
<tr>
<td class='portlet-table-td-right'>
目录:
</td>
<td class='portlet-table-td-left'>
<select name='tag' size='1' class='portlet-form-select' STYLE="width:200px;font-size:120%;">
<option value="" >All Categories</option>

<option value='Apparel' 
{if tag == 'Apparel' } selected='selected' {/if}
>
Apparel & Accessories</option>

<option value='Automotive' 
{if tag == 'Automotive' } selected='selected' {/if}
>
Automotive</option>

<option value='Beauty' 
{if tag == 'Beauty' } selected='selected' {/if}
>
Beauty</option>

<option value='CellPhone' 
{if tag == 'CellPhone' } selected='selected' {/if}
>
Wireless</option>

<option value='Computers' 
{if tag == 'Computers' } selected='selected' {/if}
>
Computers</option>

<option value='Electronics' 
{if tag == 'Electronics' } selected='selected' {/if}
>
Electronics</option>

<option value='Father' 
{if tag == 'Father' } selected='selected' {/if}
>
Father Day</option>

<option value='Jewelry' 
{if tag == 'Jewelry' } selected='selected' {/if}
>
Jewelry</option>

<option value='SportingGoods' 
{if tag == 'SportingGoods' } selected='selected' {/if}
>
Sports & Outdoors</option>

<option value='Toys' 
{if tag == 'Toys' } selected='selected' {/if}
>
Toys & Games</option>

<option value='Valentine' 
{if tag == 'Valentine' } selected='selected' {/if}
>
Valentine</option>

<option value='Watches' 
{if tag == 'Watches' } selected='selected' {/if}
>
Watches</option>

<option value='Other' 
{if tag == 'Other' } selected='selected' {/if}
>
Other</option>

</select>
</td>
</tr>
{if sortConfig != 0 }
<tr>
<td class='portlet-table-td-right'>
Sort by:
</td>
<td class='portlet-table-td-left'>
<select name='sort' size='1' class='portlet-form-select' style="width:120px;height:20px;">
<option value=",date true" 
{if sort == ',date true' } selected='selected' {/if}
>Relevance</option>
<option value="date true" 
{if sort == 'date true' } selected='selected' {/if}
>Date</option>
<option value="sortSite" 
{if sort == 'sortSite' } selected='selected' {/if}
>Website</option>
<option value="sortScore true" 
{if sort == 'sortScore true' } selected='selected' {/if}
>Most Popular</option>
<option value="sortTitle" 
{if sort == 'sortTitle' } selected='selected' {/if}
>Alpha A-Z</option>
<option value="sortTitle true" 
{if sort == 'sortTitle true' } selected='selected' {/if}
>Alpha Z-A</option>
</select>
</td>
</tr>
{/if}
<tr>
<td class='portlet-table-td-right'>
</td>
<td class='portlet-table-td-left'>
<input type='button' name='action' value='保存' class='portlet-form-button'	onclick="javascript:document.resetLastAction=1;Light.executeAction('${id}',this.form,'config',null,null,'VIEW','normal');" style="margin: 10px 0 0 0;" />
<input type='button' name='action' onClick="javascript:Light.executeRender('${id}','view','','');" value='取消' class='portlet-form-button' />
</td>
</tr>						
</table>		
</form>

{if facets1.length > 1}
	<span class='portlet-link-left' style='padding: 5px;display:block;'>
	<a href='javascript:;' onclick="javascript:facetDeals(event,'${id}','');window.scrollTo(0,0);">
		<b>Browse by Tag </b><span class="portlet-note">(${total})</span>
	</a>
	</span>
	{/if}
	{for facetBean1 in facets1}
	<span class='item_title' style='padding: 5px;display:block;'>
	<a href='javascript:;' onclick="javascript:facetDeals(event,'${id}','${facetBean1.id}',1);window.scrollTo(0,0);" >
		${facetBean1.id} <span class="portlet-note">(${facetBean1.desc})</span>
	</a>
	</span>
	{/for}
	{if facets2.length > 1}
	<span class='portlet-link-left' style='padding: 5px;display:block;'>
	<a href='javascript:;' onclick="javascript:facetDeals(event,'${id}','');window.scrollTo(0,0);">
		<b>Browse by Store </b><span class="portlet-note">(${total})</span>
	</a>
	</span>
	{/if}
	{for facetBean2 in facets2}
	<span class='item_title' style='padding: 5px;display:block;'>
	<a href='javascript:;' onclick="javascript:facetDeals(event,'${id}','${facetBean2.id}',2);window.scrollTo(0,0);" >
		${facetBean2.id} <span class="portlet-note">(${facetBean2.desc})</span>
	</a>
	</span>
	{/for}

{if total == 0 && type == -2}
<div style="text-align:left;margin:10px;">
<span class="portlet-item" style="padding:10px 0;">
No results matched with keyword "${keyword}".
<span id="similarKeywords_${id}" style="padding:5;"></span>
</span>
{if similarKeywords.length > 0}
<span class="portlet-item" style="padding:10px 5px;"> Did you mean: </span>
{for keyword in similarKeywords}
<span class="portlet-item" style="padding:10px;"><a href="javascript:;" onclick="javascript:searchDealKeyword(event,'${keyword}');window.scrollTo(0,0);" title='search ${keyword} deals'>${keyword}</a></span>
{/for}
{/if}
</div>
{elseif total > 0}
<div class="portlet-item" style="clear:both;text-align:right;padding:0 25px 5px 0;margin:0 0 2px 0;background-color:#E6EAF3;">
<span class="portal-header-title-view" style="float:left;padding:0 0 5px 5px;">
<strong>
{if type == 1 }
My viewed deals
{elseif type == 0 }
My listed deals
{elseif type == -1 }
My recommended deals
{elseif facet != '' }
	<a href='javascript:;' onclick="javascript:facetDeals(event,'${id}','');window.scrollTo(0,0);" title="Back">
		<
	</a>
	${facet}
{/if}
</strong>
</span>
{if sort != 0 }
<span style='margin:0 10px 0 0;'>
Sort by:
<select id='sort_${id}' size='1' onchange="javascript:sortDeal(event,'${id}');" class='portlet-form-select' style="width:120px;height:20px;">
<option value=",date true" 
{if sort == ',date true' } selected='selected' {/if}
>Relevance</option>
<option value="date true" 
{if sort == 'date true' } selected='selected' {/if}
>Date</option>
<option value="sortSite" 
{if sort == 'sortSite' } selected='selected' {/if}
>Website</option>
<option value="sortScore true" 
{if sort == 'sortScore true' } selected='selected' {/if}
>Most Popular</option>
<option value="sortTitle" 
{if sort == 'sortTitle' } selected='selected' {/if}
>Alpha A-Z</option>
<option value="sortTitle true" 
{if sort == 'sortTitle true' } selected='selected' {/if}
>Alpha Z-A</option>
</select>
</span>
<span style='margin:0 10px 0 0;'>
Show:
<select id='show_${id}' size='1' onchange="javascript:sortDeal(event,'${id}');" class='portlet-form-select' style="width:50px;height:20px;">
<option value="10" 
{if show == 10 } selected='selected' {/if}
>10</option>
<option value="15" 
{if show == 15 } selected='selected' {/if}
>15</option>
<option value="20" 
{if show == 20 } selected='selected' {/if}
>20</option>
<option value="25" 
{if show == 25 } selected='selected' {/if}
>25</option>
<option value="30" 
{if show == 30 } selected='selected' {/if}
>30</option>
<option value="35" 
{if show == 35 } selected='selected' {/if}
>35</option>
<option value="40" 
{if show == 40 } selected='selected' {/if}
>40</option>
<option value="45" 
{if show == 45 } selected='selected' {/if}
>45</option>
<option value="50" 
{if show == 50 } selected='selected' {/if}
>50</option>
</select>
</span>
{/if}
<span>
Views: 
{if viewType != 0 }
<a href='javascript:;' onclick="javascript:configViewType('${id}',0);">
{/if}
<img src="/light/images/grid.gif" align="bottom" width="17" height="17" alt='' />
Grid 
{if viewType != 0 }
</a>
{/if}
{if viewType != 1 }
<a href='javascript:;' onclick="javascript:configViewType('${id}',1);">
{/if}
<img src="/light/images/list.gif" align="bottom" width="17" height="17" alt='' />
List 
{if viewType != 1 }
</a>
{/if}
</span>
<span class="portlet-rss" style="display:inline;padding:0 0 0 10px;">	
	{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='上一页' alt='' /></a>						
	{/if}
	<label>(${start + 1 } -  ${end} of ${total})</label>	 
	{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='下一页' alt='' /></a>						
	{/if}
</span>
</div>
{if viewType == 1 }
<div style='width:100%;padding:3px 3px 20px 3px;display:block;'>
{for item in deals}
<span class="list_item_wrapper">
<div class="item_image">
<a href="/deal/${item.signature}">
{if item.image == '' }
<img src='/light/images/image_not_available.gif' align="middle" alt='' />
{/if}
{if item.image != '' }
<img src="${item.image}" align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
{/if}
</a>
</div>
<div class="item_text">
<div class="item_title">
<a href="/deal/${item.signature}">
${item.title}
</a>
</div>
<div class="item_source">
<span class="portlet-item" style="padding:0"><a href="javascript:;" onclick="javascript:searchDealKeyword(event,'${item.sourceSite}');window.scrollTo(0,0);" title='search ${item.sourceSite} deals'>${item.sourceSite}</a></span> - ${item.publishDate}
{if item.listPrice != '' }
<div>
<span class="item_source">原价: </span> 
<span style="text-decoration: line-through;">$ ${item.listPrice}</span>
</div>
{/if}
{if item.dealPrice != '' }
<div>
<span class="item_source">Deal Price: </span>
<FONT color='#ff6600'><b>$ ${item.dealPrice}</b></FONT>
</div>
{/if}
{if item.youSave != '' }
<div>
<span class="item_source">节省: </span>
$ ${item.youSave}  {if item.totalDiscount != '' }(${item.totalDiscount}){/if}
</div>
{/if}
</div>
</div>
</span>
{/for}
</div>
{else}
<div style='width:100%;padding:3px 3px 20px 3px;display:block;'>
{for item in deals}
<span class="grid_item_wrapper">
<div class="item_text">
<div class="item_title">
<a href="/deal/${item.signature}"
>
${item.title}
</a>
</div>
<div class="item_source">
<span class="portlet-item" style="padding:0"><a href="javascript:;" onclick="javascript:searchDealKeyword(event,'${item.sourceSite}');window.scrollTo(0,0);" title='search ${item.sourceSite} deals'>${item.sourceSite}</a></span> - ${item.publishDate}
{if item.listPrice != '' }
<div>
<span class="item_source">原价: </span> 
<span style="text-decoration: line-through;">$ ${item.listPrice}</span>
</div>
{/if}
{if item.dealPrice != '' }
<div>
<span class="item_source">Deal Price: </span>
<FONT color='#ff6600'><b>$ ${item.dealPrice}</b></FONT>
</div>
{/if}
{if item.youSave != '' }
<div>
<span class="item_source">节省: </span>
$ ${item.youSave}  {if item.totalDiscount != '' }(${item.totalDiscount}){/if}
</div>
{/if}
</div>
</div>
<div class="item_image">
<a href="/deal/${item.signature}">
{if item.image == '' }
<img src='/light/images/image_not_available.gif' align="middle" alt='' />
{/if}
{if item.image != '' }
<img src="${item.image}" align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
{/if}
</a>
</div>
</span>
{/for}
</div>
{/if}

<div class="portlet-rss" style="clear:both;text-align:right;padding:5px 25px 5px 0;background-color:#E6EAF3;">
	<label>(结果 ${start + 1 } -  ${end} of ${total})</label>
{if pages > 1 }
 	{if page > 1 }
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page - 1}');window.scrollTo(0,0);"><img src='/light/images/previous.gif' width='16px' height='16px' title='上一页' alt='' /></a>						
		{/if}
		{for number in pageNumbers}
			{if number != page}
				<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','page=${number};pages=${pages}');window.scrollTo(0,0);" >${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}');window.scrollTo(0,0);"><img src='/light/images/next.gif' width='16px' height='16px' title='下一页' alt='' /></a>						
		{/if}	
	{/if}
{/if}
</div>

<table border='0' cellpadding='0' cellspacing='0'  width='98%'>
<tr valign='top' class='portlet-table-td-center'>
<td class='portlet-table-td-left' width='200'>
<a href='${item.link}' target='_blank'>
{if item.image != ''}
<img src='${item.image}' align="middle" width="${item.detailWidth}" height="${item.detailHeight}" alt='' />
{/if}
</a>
</td>
<td class='portlet-table-td-left'>
<table border='0' cellpadding='0' cellspacing='0'>
<tr valign='middle'>
<td class='portlet-table-td-left' colspan="2">
<span class='portlet-item' style='padding: 0'>
<a href='${item.link}' target='_blank'>
<span class="portal-header-title-view" style='padding: 0'>
<b>
${item.title}
</b>
</span>
</a>
</span>

<input type='hidden' name="itemId" value='${item.oid}' />
<input type='hidden' id="${id}_title" value='${item.title}' />
<br/>
<span class="item_source">
<span class="portlet-item" style="padding:0"><a href="javascript:;" onclick="javascript:searchDealKeyword(event,'${item.sourceSite}');window.scrollTo(0,0);" title='search ${item.sourceSite} deals'>${item.sourceSite}</a></span> - ${item.publishDate}
</span>
<br/><br/>
</td>
</tr>
{if item.listPrice != ''}
<tr valign='middle'>
<td class='portlet-table-td-left' width='70x'>
<span class="item_source">原价: </span> 
</td>
<td class='portlet-table-td-left'>
<span style="text-decoration: line-through;">$ ${item.listPrice}</span>
</td>
</tr>
{/if}
{if item.dealPrice != ''}
<tr valign='middle'>
<td class='portlet-table-td-left' width='70x'>
<span class="item_source">Deal Price: </span>
</td>
<td class='portlet-table-td-left'>
<FONT color='#ff6600' size='4'><b>$ ${item.dealPrice}</b></FONT>
</td>
</tr>
{/if}
{if item.youSave != ''}
<tr valign='middle'>
<td class='portlet-table-td-left' width='70x'>
<span class="item_source">节省: </span>
</td>
<td class='portlet-table-td-left'>
$ ${item.youSave} {if item.totalDiscount != ''}(${item.totalDiscount}){/if}
</td>
</tr>
{/if}
{if item.youSave == ''}
{if item.totalDiscount != ''}
<tr valign='middle'>
<td class='portlet-table-td-left' width='70x'>
<span class="item_source">折扣: </span>
</td>
<td class='portlet-table-td-left'>
${item.totalDiscount}
</td>
</tr>
{/if}
{/if}
{if item.expireDate != ''}
<tr valign='middle'>
<td class='portlet-table-td-left' width='70x'>
<span class="item_source">Expire Date: </span>
</td>
<td class='portlet-table-td-left'>
${item.expireDate}
</td>
</tr>
{/if}
<tr>
<td class='portlet-table-td-left' colspan="2">
<br/>
<span class="item_desc">
${item.description}
</span>
<br/>
</td>
</tr>
</table>
</td>

<td class='portlet-table-td-left' width='150px'>
<div class='portlet-item' style='padding: 10px 0 5px 0;'>
<a href='javascript:;' onclick="javascript:addObjectComment(event,'${id}','${item.oid}',101,0,'itemId');">
<img src='/light/images/advertise.png' height='16' width='16' align="top"/>
发表评论
</a>
</div>
<div class='portlet-item' style='padding: 0 0 5px 0;'>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','action=addToList;itemId=${item.oid}','',false,false);">
<img src='/light/images/add_favorite.gif' height='16' width='16' align="top"/>
Add to my list
</a>
</div>
<div class='portlet-item' style='padding: 0 0 5px 0;'>
<img src='/light/images/link.png' height='16' width='16' align="top"/>
<a href='javascript:;' onclick="javascript:showSocialShare(event,'${id}','http://www.lightportal.org/deal/${item.signature}');">
Share This
</a>
</div>
</td>
</tr>
<tr>
<td colspan='3'>
<span class="portlet-rss" > 
<a href="javascript:;" onClick="javascript:if(Light.securityCheck()) Light.showAddUserTag(event,'${id}',101,${item.oid},'itemId');"><img src="/light/images/add.gif" style='border:0px;margin-left:5px;' title='新增' align='middle' width="16" height="16"></a>
Tags: 
{for tag in tags}
<a href="javascript:;" onclick="javascript:searchDealKeyword(event,'${tag.tag}');window.scrollTo(0,0);" title='${tag.score} deals'><label class='hand' style='margin-right:5px;font-size:${tag.size}px;'>${tag.tag}</label></a>

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

{if item.commentCount > 0}
<table border='0' cellpadding='0' cellspacing='0' width='95%' > 
<tr> 
<td class='portlet-table-td-left' colspan='2' >
<br/><br/>
<span class='portlet-item'>
评论
():
</span>
</td>
</tr>
{for comment in comments}
<tr valign='top'>
<td class='portlet-table-td-center' width='80px'> 
{if comment.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><b><label style="font-size: 12px;">${comment.displayName}</label></b></span> 
<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;"><b><a style="font-size: 12px;" href='http://lightportal.org/space/${comment.uri}'>${comment.displayName}</a></b></span> 
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://lightportal.org/space/${comment.uri}'><div style="position: relative;">
<ul style="background: url({if comment.photoUrl == 0}'/light/images/no_pic.gif'{else}${comment.photoUrl}{/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'>
<span class="portlet-note">日期: ${comment.date} </span>

<br/>
<span>
${comment.comment}
</span>
</td> 
</tr>
{for child in comment.children}
<tr valign='top'>
<td></td>
<td class='portlet-table-td-center' width='80px'> 
{if child.userId == 0}
<span class="portlet-item" style="padding: 0pt;"><b><label style="font-size: 12px;">${child.displayName}</label></b></span> 
<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;"><b><a style="font-size: 12px;" href='http://lightportal.org/space/${child.uri}'>${child.displayName}</a></b></span> 
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://lightportal.org/space/${child.uri}'><div style="position: relative;">
<ul style="background: url({if comment.photoUrl == 0}'/light/images/no_pic.gif'{else}${child.photoUrl}{/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' >
<span class="portlet-note">日期: ${child.date} </span>

<br/>
<span>
${child.comment}
</span>
</td>
</tr>
{/for}
<tr>
<td></td>
<td colspan='2'> 
<div class='portlet-item commentReply' >
<a href='javascript:;' onclick="javascript:addObjectComment(event,'${id}','${item.oid}',101,'${comment.id}','itemId');">
<span class="note">回复</span>
</a>
</div> 
</td>
</tr>
{/for}
<tr> 
<td class='portlet-table-td-center' colspan='3' >
<br/><br/>
<div class='portlet-item' style='padding: 10px 0 5px 10px;'>
<a href='javascript:;' onclick="javascript:addObjectComment(event,'${id}','${item.oid}',101,0,'itemId');">
评论
</a>
</div> 
</td> 
</tr>
</table>
{/if}

<table border='0' cellpadding='0' cellspacing='0'  width='100%' style="margin:5px 0 0 0;">
<tr>
<td valign="top" align="left" colspan='5'>
<span class="portal-header-title-view">
<strong>
{if type == 1 }
Deals you may also interested
{/if}
{if type == 2 }
Similar Deals
{/if}
</strong>
</span>
</td>
</tr>
</table>
<div style='width:100%;padding:3px;'>
{for item in deals}
<span class="grid_item_wrapper">
<div class="item_text">
<div class="item_title">
<a href="/deal/${item.signature}"
>
${item.title}
</a>
</div>
<div class="item_source">
{if type == 1 }
<span class="portlet-item" style="padding:0"><a href="javascript:;" onclick="javascript:searchDealKeyword(event,'${item.sourceSite}');window.scrollTo(0,0);" title='search ${item.sourceSite} deals'>${item.sourceSite}</a></span> - ${item.publishDate}
{else}
${item.sourceSite} - ${item.publishDate}
{/if}
{if item.listPrice != '' }
<div>
<span class="item_source">原价: </span> 
<span style="text-decoration: line-through;">$ ${item.listPrice}</span>
</div>
{/if}
{if item.dealPrice != '' }
<div>
<span class="item_source">Deal Price: </span>
<FONT color='#ff6600'><b>$ ${item.dealPrice}</b></FONT>
</div>
{/if}
{if item.youSave != '' }
<div>
<span class="item_source">节省: </span>
$ ${item.youSave}  {if item.totalDiscount != '' }(${item.totalDiscount}){/if}
</div>
{/if}
</div>
</div>
<div class="item_image">
<a href="/deal/${item.signature}">
{if item.image == '' }
<img src='/light/images/image_not_available.gif' align="middle" alt='' />
{/if}
{if item.image != '' }
<img src="${item.image}" align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
{/if}
</a>
</div>
</span>
{/for}
</div>

<div style="width:1000px;margin:auto;height:320px;">	
	<div style="width:100%;margin:auto;position:absolute;margin-top:20px;height:260px;">		
		{if leftdeals != 0 }
		{for item in leftdeals}								
			<div id='${id}_item_${item.number}' name='${item.id}' class="grid_item_flow_wrapper" 
				{if current.number - item.number <= 5 } style='margin-left:${150 - (current.number - item.number - 1) * 30}px;margin-top:${ 40 + (current.number - item.number - 1) * 20}px;height:${ 180 - (current.number - item.number - 1) * 20 }px;'{/if}
				{if current.number - item.number > 5 } style='margin-left:0px;margin-top:120px;height:0px;visibility:hidden;'{/if} 
				 onclick="javascript:moveItem(event,'${id}',${item.number},${current.number},${total});">
				<div class="item_text">
					<div class="item_title">
					<a href='/deal/${item.signature}'>
					${item.title}
					</a>
					</div>
					<div class="item_source">
						${item.sourceSite} - ${item.publishDate}
						{if item.listPrice != '' }
						<div>
						<span class="item_source">原价: </span> 
						<span style="text-decoration: line-through;">$ ${item.listPrice}</span>
						</div>
						{/if}
						{if item.dealPrice != '' }
						<div>
						<span class="item_source">Deal Price: </span>
						<FONT color='#ff6600'><b>$ ${item.dealPrice}</b></FONT>
						</div>
						{/if}
						{if item.youSave != '' }
						<div>
						<span class="item_source">节省: </span>
						$ ${item.youSave}  {if item.totalDiscount != '' }(${item.totalDiscount}){/if}
						</div>
						{/if}																
					</div>
				</div>
				<div class="item_image">
				<a href="/deal/${item.signature}">
				{if item.image == '' }
				<img src='/light/images/image_not_available.gif' align="middle" alt='' />
				{/if}
				{if item.image != '' }
				<img src="${item.image}" align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
				{/if}
				</a>
				</div>
			</div>
		{/for}
		{/if}
			
		{if current != 0 }
			<div id='${id}_item_${current.number}' name='${current.id}' class="grid_item_flow_wrapper hand" style='position:absolute;margin-left:400;height:220px;'
				 onclick="javascript:moveItem(event,'${id}',${current.number},${current.number},${total});">
				<div class="item_text">
					<div class="item_title">
					<a href='/deal/${current.signature}'>
					${current.title}
					</a>
					</div>
					<div class="item_source">
						${current.sourceSite} - ${current.publishDate}
						{if current.listPrice != '' }
						<div>
						<span class="item_source">原价: </span> 
						<span style="text-decoration: line-through;">$ ${current.listPrice}</span>
						</div>
						{/if}
						{if current.dealPrice != '' }
						<div>
						<span class="item_source">Deal Price: </span>
						<FONT color='#ff6600'><b>$ ${current.dealPrice}</b></FONT>
						</div>
						{/if}
						{if current.youSave != '' }
						<div>
						<span class="item_source">节省: </span>
						$ ${current.youSave}  {if current.totalDiscount != '' }(${current.totalDiscount}){/if}
						</div>
						{/if}																
					</div>
				</div>
				<div class="item_image">
				<a href="/deal/${current.signature}">
				{if current.image == '' }
				<img src='/light/images/image_not_available.gif' align="middle" alt='' />
				{/if}
				{if current.image != '' }
				<img src="${current.image}" align="middle" width="${current.viewWidth}" height="${current.viewHeight}" alt='' />
				{/if}
				</a>
				</div>
			</div>
			{/if}
			
			{if rightdeals != 0 }
			{for item in rightdeals}								
			<div id='${id}_item_${item.number}' name='${item.id}' class="grid_item_flow_wrapper" 
				{if item.number - current.number <= 5 } style='margin-left:${640 + (item.number - current.number - 1) * 30}px;margin-top:${ 40 + (item.number - current.number - 1) * 20}px;height:${ 180 - (item.number - current.number - 1) * 20 }px;'{/if}
				{if item.number - current.number > 5 } style='margin-left:1000px;margin-top:120px;height:0px;visibility:hidden;'{/if}
					 onclick="javascript:moveItem(event,'${id}',${item.number},${current.number},${total});">
				<div class="item_text">
					<div class="item_title">
					<a href='/deal/${item.signature}'>
					${item.title}
					</a>
					</div>
					<div class="item_source">
						${item.sourceSite} - ${item.publishDate}
						{if item.listPrice != '' }
						<div>
						<span class="item_source">原价: </span> 
						<span style="text-decoration: line-through;">$ ${item.listPrice}</span>
						</div>
						{/if}
						{if item.dealPrice != '' }
						<div>
						<span class="item_source">Deal Price: </span>
						<FONT color='#ff6600'><b>$ ${item.dealPrice}</b></FONT>
						</div>
						{/if}
						{if item.youSave != '' }
						<div>
						<span class="item_source">节省: </span>
						$ ${item.youSave}  {if item.totalDiscount != '' }(${item.totalDiscount}){/if}
						</div>
						{/if}
																
					</div>
				</div>
				<div class="item_image">
				<a href="/deal/${item.signature}">
				{if item.image == '' }
				<img src='/light/images/image_not_available.gif' align="middle" alt='' />
				{/if}
				{if item.image != '' }
				<img src="${item.image}" align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
				{/if}
				</a>
				</div>
			</div>
		{/for}
		{/if}
		
		{if total > 1 }
			<div style="width:800px;height:13px;margin:auto;position:absolute;top:260px;">						
				<div id="sliderBar" class='hand' style="position:absolute;width:38px;height:13px;background: transparent url(/light/images/leftArrow.gif) no-repeat scroll left top;margin-top:-1px;margin-left:120px;text-align:left;"
					 	onmousedown="javascript:moveSliderBarBegin(event,$('slider'),$('sliderBar'),28,652);"
					 	onmouseup="javascript:moveItemSliderBarEnd($('slider'),$('sliderBar'),'${id}',${current.number},${total},28,652);"
					 	onmouseout="javascript:moveItemSliderBarEnd($('slider'),$('sliderBar'),'${id}',${current.number},${total},28,652);"
				></div>	
						
				<div class='hand' style="position:absolute;left:8px;width:700px;height:11px;border-bottom:1px solid #B5B5B5;border-top:1px solid #B5B5B5;margin-left:120px;"
					 	onmousedown="javascript:moveSliderBarBegin(event,$('slider'),$('sliderBar'),28,652);"
					 	onmouseup="javascript:moveItemSliderBarEnd($('slider'),$('sliderBar'),'${id}',${current.number},${total},28,652);"
					 	onmouseout="javascript:moveItemSliderBarEnd($('slider'),$('sliderBar'),'${id}',${current.number},${total},28,652);"
					 >					
					<div id="slider" class='hand' style="position:absolute;left:{if current.number == 0 }28{elseif current.number == total -1}652{else}${current.number * (652 - 28) / total + 28}{/if}px;width:42px;height:13px;background: transparent url(/light/images/slider.gif) no-repeat scroll left top;margin-top:-1px;"
						  onmousedown="javascript:moveSliderBegin(event,this);"
						  onmousemove="javascript:moveSlider(event,this,28,652);"
						  onmouseup="javascript:moveItemSliderEnd(this,'${id}',${current.number},${total},28,652);"
						  onmouseout="javascript:moveItemSliderEnd(this,'${id}',${current.number},${total},28,652);">				
					</div>
				</div>
				<div class='hand' style="position:absolute;left:700px;width:38px;height:13px;background: transparent url(/light/images/rightArrow.gif) no-repeat scroll left top;margin-top:-1px;margin-right:-12px;margin-left:120px;" 
						onmousedown="javascript:moveSliderBarBegin(event,$('slider'),$('sliderBar'),28,652);"
					 	onmouseup="javascript:moveItemSliderBarEnd($('slider'),$('sliderBar'),'${id}',${current.number},${total},28,652);"
					 	onmouseout="javascript:moveItemSliderBarEnd($('slider'),$('sliderBar'),'${id}',${current.number},${total},28,652);"
				></div>	
			</div>
			<div style="width:1000px;margin:auto;position:absolute;top:280px;text-align:center;">
			<label id='${id}_item_total' class='currentpage'>${current.number + 1}</label> - 		
			${total} deals.
			</div>
		{/if}
		{if total == 1 }
			<div style="width:1000px;margin:auto;position:absolute;top:280px;text-align:center;">
			<label id='${id}_item_total' class='currentpage'>1</label> Deal
			</div>
		{/if}	
		{if total == 0 }
			<div style="width:1000px;margin:auto;position:absolute;top:20px;text-align:center;">
			<span class='portlet-msg-info'>No deals published yet today.</span>
			</div>
		{/if}	
	</div>	
</div>

<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:right;display:block;margin:10px;">Copyright © 2010 LIGHTPORTAL.ORG. All Rights Reserved.</div>
<div style="text-align:right;display:block;margin:10px;">POWERED BY LIGHT PORTAL 1.4</div>
</div>
</div>

Write something to BibiToo	140

Share what you're thinking. Post a picture, video, or other link here.