xujingchang

<form name="form_${id}">
	<table border='0' cellpadding='0' cellspacing='0' width='95%'>
	<tr>
	<td class='portlet-table-td-right'></td>	
	<td class="portlet-table-td-left">
	<p style='padding:5px 0;'><font color='#ff6600'><b>Sign in to try new features</b></font></p>
	</td>
	</tr>	
	<tr>
	<td class='portlet-table-td-right'><label FOR='email' ACCESSKEY='U'>Email: </label></td>
	<td class='portlet-table-td-left'>
	<input type='text' id='email' name='email' value='${userId}' class='portlet-form-input-field' size='24' /> 
	</td>	
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label FOR='password' ACCESSKEY='P'>Password: </label></td>
	<td class='portlet-table-td-left'>
	<input type='password' id='password' name='password' value='' class='portlet-form-input-field' size='24' onkeypress="return Light.keyDownLogin(event,'${id}');"/> 
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input TYPE='checkbox' name='rememberMe' checked='checked' value='1'><label>Keep me logged in</label></input>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input name='login' type='button' value='Login' class='portlet-form-button'
	  onclick="javascript:Light.loginPortal('${id}');" />
	<span  class='portlet-link-left'> 
		or <a href='javascript:;' onclick="javascript:Light.showSignUp('${id}');" ><b>Sign Up</b></a>
	</span>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left'>
	<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','edit','normal','type=forgot');" >Forgot Password?</a>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left'>
	<a href='javascript:;' onclick="javascript:Light.showOpenIdSignIn('${id}');" ><label>Sign in with <b><span id="openid_title_graphic">OpenID</span></label></b></a>
	</td>
	</tr>
	
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left'>
	or  
	<a href='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' style='border: 0px;' align="top" 
	onclick="javascript:Light.createNetwork(null,'${id}');"/>
</td>
</tr>
<tr valign='top'>
<td class='portlet-table-td-right' width= '30%'></td>
<td class='portlet-table-td-left' width= '40%'>
<span class="portlet-footer"><font color='#777777'><i>At least 6 letters. For example, seattletennists.lightportal.org</i></font></span>
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
<br/><br/>
</td>
</tr>
</table>
</form>

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

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

<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr valign="top">
<td class='portlet-table-td-center' width='50%' style="padding:10px 0 0 5px;">
{if user.photoUrl }
{if !user.httpPhotoUrl }
<img src='${user.photoUrl}' style='border: 0px;'  align="middle" width='${user.photoSmallWidth}' height='${user.photoSmallHeight}'/>
{else}
<img src='${user.photoUrl}' style='border: 0px;'  align="middle" width='${user.photoSmallWidth}' height='${user.photoSmallHeight}'/>
{/if}
{else}
<img src='/light/images/no_pic.gif' style='border: 0px;'  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" style='border: 0px;' 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='110%'>
<tr>
<td class='portlet-table-td-left' >
<span class="icons hand" title='My Pictures'>
<span class="icons picture" style="margin-right:5px;" onclick="javascript:showMyPicture();"></span>
</span>
<span class="icons hand" title='My Musics'>
<span class="icons music" style="margin-right:5px;" onclick="javascript:showMyMusic();"></span>
</span>
<span class="icons hand" title='My File'>
<span class="icons file" style="margin-right:5px;" onclick="javascript:showMyFile();"></span>
</span>
<span class="icons hand" title='My Blog'>
<span class="icons blog" style="margin-right:5px;" onclick="javascript:showMyBlog();"></span>
</span>
<span class="icons hand" title='My Favourites'>
<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'>
Last Login: ${user.lastDate}
</td>
</tr>
</table>

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

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

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

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

{if conn.buddys }
<table border='0' cellpadding='0' cellspacing='0' width='100%' >
{for member in conn.buddys }
{if member_index % conn.columnNumber == 0}
<tr valign='top'>
{/if}
<td class='portlet-table-td-left' width='${100 / conn.columnNumber}%'>
<span class='portlet-item'>
{if member.buddyCurrentStatusId == 1}
<img src="/light/images/online.gif" style='border: 0px' 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://111.lightportal.org/space/${member.uri}'>${member.displayName}</a></b></span> 
</span>
 
 
<a href='http://111.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 xujingchang 




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://111.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://111.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span> 
{/if}: 
${item.content}
<br/>
<span class="portlet-note">Date: ${item.date} 
<a href='javascript:;' title='Click here to leave a comment' onclick="javascript:addObjectComment(event,'${id}','${item.id}',21);">Comment</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='Delete'></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://111.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://111.lightportal.org/space/${comment.uri}'>${comment.displayName}</a></b></span> 
{/if}: 
${comment.comment}
<br/>
<span class="portlet-note">Date: ${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>(Results ${start + 1 } -  ${end} of ${total})</label>
		{if page > 1 }
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page - 1}');"><img src='/light/images/previous.gif' style='border: 0px' width='16px' height='16px' title='previous' alt='' /></a>						
		{/if}
		{for number in pageNumbers}
			{if number != page}
				<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','page=${number};pages=${pages}');" >${number}</a>
			{/if}
			{if number == page}
				<label class='currentpage'>${number}</label>
			{/if}
		{/for}
		{if page < pages}
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page + 1}');"><img src='/light/images/next.gif' style='border: 0px' width='16px' height='16px' title='next' 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;'>Forum Category</td>
<td class='portlet-table-td-left'>Topics</td>
<td class='portlet-table-td-left'>Posts</td>
<td class='portlet-table-td-left'>Last Post</td>
</tr>
{for item in forum.categories }
<tr class='portlet-table-td-left'>
<td class='portlet-item' width='60%'>
<table>
<tr class='portlet-table-td-left' valign='top'>
<td>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${item.id};direction=down');">
<img src='/light/images/folder.gif' style='border: 0px;'  align="top" />
</a>
<br/>
</td>
<td>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${item.id};direction=down');">
${item.name}
<br/>
<span class='portlet-note'>${item.desc}</span>
</td>
</tr>
</table>
</td>
<td class='portlet-table-td-left' style='padding-left:10px;'>
${item.topics}
</td>
<td class='portlet-table-td-left' style='padding-left:10px;'>
${item.posts}
</td>
<td class='portlet-item' style='padding-left:10px;'>
{if item.lastForumId }
<span class='portlet-note'>${item.lastForum.date}</span>
<br/>
<span class='portlet-note'>by  </span>
<a href='http://111.lightportal.org/space/${item.lastForum.uri}' >${item.lastForum.displayName}</a>
<span class='portlet-note'>>> </span>
<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','categoryId=${item.id};forumId=${item.lastForum.forumId};topicId=${item.lastForum.topicId}');">
View Post
</a>
{/if}
</td>
</tr>
{/for}
</table>
{/if}

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

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

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

<table border='0' cellpadding='0' cellspacing='0' width='98%'>
		<tr>
			<td class='portlet-table-td-left' width= '40%'>Forum Topic</td>
			<td class='portlet-table-td-left' width= '10%'>Posts</td>
			<td class='portlet-table-td-left' width= '25%' style='padding-left:10px;'>Last Post</td>
			<td class='portlet-table-td-left' width= '25%' style='padding-left:10px;'>Topic Starter</td>
		</tr>
	{for item in forum.topicLists}
	<tr class='portlet-table-td-left'>
		<td class='portlet-item' >
			<a href='javascript:;' 
				onmouseover="javascript:Light.showSummary(event,'${id}','forum','${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' style='border: 0px;'  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://111.lightportal.org/space/${item.lastUri}'><div style="position: relative;">
			<ul style="background: url({if item.lastPhotoUrl }${item.lastPhotoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
			</td>
			<td class='portlet-table-td-left'>
			<span class='portlet-note'>${item.lastDate}</span>
			<br/><span class='portlet-note'>by  </span>
			<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://111.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://111.lightportal.org/space/${item.uri}'><div style="position: relative;">
			<ul style="background: url({if item.photoUrl }${item.photoUrl}{else}/light/images/no_pic.gif{/if}) no-repeat scroll 0pt 0pt transparent; list-style-type: none; width: 50px; height: 50px; margin: 0pt 0pt 0pt 10px; padding: 0pt; -moz-border-radius: 8px 8px 8px 8px;"><li style="font-size: 12px;"></li></ul></div></a></span> 
			</td>
			<td class='portlet-table-td-left'>
			<span class='portlet-note'>${item.date}</span>
			<br/><span class='portlet-note'>by  </span> 
			<span class="portlet-item" style="padding: 0pt;"><b><a style="font-size: 12px;" href='http://111.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' style='border: 0px' title='Subscribe this sub category forum RSS'/></a>

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

<table border='0' cellpadding='0' cellspacing='0'  width='100%'>
{for item in forum.postLists }
{if item_index % 2 == 0}
<tr valign=top class="portlet-itemEven">
{else}
<tr valign=top class="portlet-item">
{/if}
<td class='portlet-table-td-center' width='100px'>
<span class="portlet-item" style="padding: 0pt;"><a style="font-size: 12px;" href='http://111.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://111.lightportal.org/space/${item.uri}'>${item.displayName}</a></b></span>  
{if item.currentStatusId == 1 }
<img src="/light/images/online.gif" style='border: 0px;' height='16' width='16'  align="bottom" alt=''/>
<br/>
<a href='javascript:;' onclick="javascript:showInstantMessageMember(event,'${item.postById}','${id}');" >Instant Message</a>
{/if}
<br/>
<a href='javascript:;' onclick="javascript:showSendMessageMember('${id}','${item.postById}','${item.displayName}',event);" >Send Message</a>
<br/>
</span>
</td>
<td class='portlet-table-td-left'>
<span class="portlet-note">Posted: ${item.date}</span>

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

<table border='0' cellpadding='0' cellspacing='2' width="100%" >
<tr style="vertical-align:top;">
<td width="200px" style="vertical-align:top;">
{if tag == 0 }
<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>

</select>
{/if}
{if tag != 0 }
<input type='hidden' id='tag_${id}' value='${tag}' />
<div class='portlet-bgcolor' style="font-size:120%;padding:5px;font-weight:bold;">${tagDesc}:</div>
{/if}
</td>
<td style="vertical-align:top;">
<input type='text' id='keyword_${id}' value='' class='portlet-form-input-field' style="width:400px;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" style='border: 0px;' 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' style='border: 0px;'  align="middle" alt='' />
</a>
</span>
</td>
</tr>
</table>
<div style="display: none;" 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>
<dl class="his">
    <dd style="display: none;" id="dealSearchMore_${id}" class="hli2"></dd>
</dl>

<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="t_s_h2">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<span 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' style='border: 0px;'  align="middle" alt='' />
Viewed Deals
</a></span>
</td>
</tr>
<tr>
<td>
<span 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' style='border: 0px;'  align="middle" alt='' />
Listed Deals
</a></span>
</td>
</tr>
<tr>
<td>
<span 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' style='border: 0px;'  align="middle" alt='' />
Recommended Deals
</a></span>
</td>
</tr>

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

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

<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'>
Category:
</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>

</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='Save' 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='Cancel' class='portlet-form-button' />
</td>
</tr>						
</table>		
</form>

{if total == 0 }
<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 10px 0;">
<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
{/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" style='border: 0px;'  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" style='border: 0px;'  align="bottom" width="17" height="17" alt='' />
List 
{if viewType != 1 }
</a>
{/if}
</span>
{if pages > 1 }
 	<span class="portlet-rss" style="display:inline;padding:0 0 0 10px;">
 	    <label>(Results ${start + 1 } -  ${end} of ${total})</label>
		{if page > 1 }
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page - 1}');"><img src='/light/images/previous.gif' style='border: 0px' width='16px' height='16px' title='previous' alt='' /></a>						
		{/if}
		{for number in pageNumbers}
			{if number != page}
				<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','','page=${number};pages=${pages}');" >${number}</a>
			{/if}
			{if number == page}
				<label class='currentpage'>${number}</label>
			{/if}
		{/for}
		{if page < pages}
			<a href="javascript:;" onclick="javascript:Light.executeRender('${id}','','','page=${page + 1}');"><img src='/light/images/next.gif' style='border: 0px' width='16px' height='16px' title='next' alt='' /></a>						
		{/if}
	</span>
{/if}
</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' style='border: 0px'  align="middle" alt='' />
{/if}
{if item.image != '' }
<img src="${item.image}" style='border: 0px;'  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">List Price: </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">You Save: </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">List Price: </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">You Save: </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' style='border: 0px'  align="middle" alt='' />
{/if}
{if item.image != '' }
<img src="${item.image}" style='border: 0px;'  align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
{/if}
</a>
</div>
</span>
{/for}
</div>
{/if}

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

{/if}

<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}' style='border: 0px;'  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">List Price: </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">You Save: </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">Discount: </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' style='border: 0px;' height='16' width='16' align="top"/>
Add Comment
</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' style='border: 0px;' 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' style='border: 0px;' 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='Add' 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'>
comments
():
</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">Date: ${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">Date: ${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">Reply</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');">
Comment
</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">List Price: </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">You Save: </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' style='border: 0px'  align="middle" alt='' />
{/if}
{if item.image != '' }
<img src="${item.image}" style='border: 0px;'  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}' 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">List Price: </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">You Save: </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' style='border: 0px'  align="middle" alt='' />
				{/if}
				{if item.image != '' }
				<img src="${item.image}" style='border: 0px;'  align="middle" width="${item.viewWidth}" height="${item.viewHeight}" alt='' />
				{/if}
				</a>
				</div>
			</div>
		{/for}
		{/if}
			
		{if current != 0 }
			<div id='${id}_item_${current.number}' 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">List Price: </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">You Save: </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' style='border: 0px'  align="middle" alt='' />
				{/if}
				{if current.image != '' }
				<img src="${current.image}" style='border: 0px;'  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}' 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">List Price: </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">You Save: </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' style='border: 0px'  align="middle" alt='' />
				{/if}
				{if item.image != '' }
				<img src="${item.image}" style='border: 0px;'  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, please come later.</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();window.scrollTo(0,0);" class="artlink"><span>Home</span></a></li>
<li><a title="Forum" href="javascript:;" onclick="javascript:Light.getTabByName('Forum').focus();window.scrollTo(0,0);" class="artlink"><span>Forum</span></a></li>
<li><a title="Downloads" href="javascript:;" onclick="javascript:Light.getTabByName('Downloads').focus();window.scrollTo(0,0);" class="artlink"><span>Downloads</span></a></li>
<li><a title="Forum" href="javascript:;" onclick="javascript:Light.getTabByName('Documentation').focus();window.scrollTo(0,0);" class="artlink"><span>Documentation</span></a></li>
<li><a title="Blog" href="javascript:;" onclick="javascript:Light.getTabByName('Blog').focus();window.scrollTo(0,0);" 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();window.scrollTo(0,0);" 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();window.scrollTo(0,0);" class="artlink"><span>Contact Us</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();window.scrollTo(0,0);" class="artlink"><span>About Us</span></a></li>
<li><a title="Terms" href="javascript:;" onclick="javascript:Light.showTerms();window.scrollTo(0,0);" 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='border: 0px; 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 xujingchang	140

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