//<!--
/************
This file is part of Genwi JS Lib.
All Rights Reserved.

Desc: HTML templates:

************/

/************************Reader's Templates ************************************/

var sItemSum = '<div class="source"><div id="row_<#4#>" class="item <#14#> closed"><div id="rowclick_<#4#>"><span id="tnail_<#4#>"><#1#></span><h1 class="entry-title"><a href="<#2#>" target="_blank" onclick="return oReader.openTitle(\'<#4#>\');"><#3#></a></h1><div class="entry-summary" id="rowsum_<#4#>"><#5#></div></div><div class="full" id="rowfull_<#4#>" style="display:none;"><div id="fulldesc_<#4#>"></div><a href="#" title="collapse item" class="full-close" id="close_<#4#>" onclick="oReader.collapseItem();return false;">close</a></div><div id="shnotes_<#4#>"><#9#></div><ul class="item-info"><li><a rel="comments" class="to-comments" href="<#15#>" <#19#>><#10#> comments</a></li><li id="favli_<#4#>" style="display:none;"><a class="favorite" href="#" onclick="oReader.ssFeed(\'save\',\'<#4#>\');return false;">Favorite</a></li><li id="shareli_<#4#>" style="display:none;"><a class="share" href="#" onclick="oReader.ssFeed(\'share\',\'<#4#>\');return false;">Share</a></li><#18#><li id="emailli_<#4#>" style="display:none;"><a class="email" href="#" onclick="oReader.emailFeed(\'<#4#>\');return false;">Email</a></li><li><#11#></li><li><span class="num"><#13#></span> views</li><li style="float:right;"><#16#></li></ul></div><div class="source-info" id="sourceInfo_<#4#>"><div class="via"><a href="#" onclick="oReader.getChannelData(\'<#6#>\',\'<#7#>\',\'Source\');return false;"><img src="<#8#>" /><#7#></a><#17#></div><span class="date"><#12#></span></div></div>';

var sItemRemove = '<span id="itemRem_<#1#>" style="margin-left:30px;"><span class="button button-grey"><input type="button" value="Remove" onclick="oMyStuff.deleteItem(\'<#1#>\',\'<#2#>\',\'<#3#>\');return false;" /></span></span>';

var sShareComment = '<div class="shared"><ol class="shared-list"><li class="share"><div class="info"><div class="comment-thumbnail"><a href="#"><img class="photo" src="<#1#>" /></a></div><p class="by"><a href="/people/<#5#>" class="author"><#2#></a> <#3#></p></div><blockquote class="entry-content"><p><#4#></p></blockquote><div id="comment-form<#6#>" style="display:none;"><div id="postReplyMsg<#6#>" class="sucTxt"></div><textarea name="comment-message" id="comment-message<#6#>" rows="6" cols="60"></textarea><div class="buttons" id="postButton<#6#>"><span class="button"><input type="button" onclick="oReader.postReply(\'<#5#>\',\'<#6#>\');return false;" value="Reply" /></span></div></div><p class="reply"><a id="showRepLink<#6#>" href="#" onclick="oReader.showReply(\'<#6#>\');return false;">Message <#2#></a></p></li></ol></div>';

var ratingHTML = '<div id="rate_<#1#>"><div id="rateOuter_<#1#>" class="rating" onmouseover="this.className=\'rating hover\';" onmouseout="this.className=\'rating\';"><ol><li class="one-star" onmouseover="oReader.mouseOverStar(this,true);" onmouseout="oReader.mouseOverStar(this,false);"><a href="#" onclick="oReader.rateItem(\'1\',\'<#1#>\');return false;"></a></li><li class="two-star" onmouseover="oReader.mouseOverStar(this,true);" onmouseout="oReader.mouseOverStar(this,false);"><a href="#" onclick="oReader.rateItem(\'2\',\'<#1#>\');return false;"></a></li><li class="three-star" onmouseover="oReader.mouseOverStar(this,true);" onmouseout="oReader.mouseOverStar(this,false);"><a href="#" onclick="oReader.rateItem(\'3\',\'<#1#>\');return false;"></a></li><li class="four-star" onmouseover="oReader.mouseOverStar(this,true);" onmouseout="oReader.mouseOverStar(this,false);"><a href="#" onclick="oReader.rateItem(\'4\',\'<#1#>\');return false;"></a></li><li class="five-star" onmouseover="oReader.mouseOverStar(this,true);" onmouseout="oReader.mouseOverStar(this,false);"><a href="#" onclick="oReader.rateItem(\'5\',\'<#1#>\');return false;"></a></li></ol><div id="curRating_<#1#>" class="current-rating" style="width:<#2#>%">cr</div></div></div>';

var addToWireHtml = '<span id="addToWire_<#1#>" class="addToWireOuter"><a class="add-to-wire" href="#" onclick="oReader.addToWire(\'<#2#>\',\'<#3#>\',\'addToWire_<#1#>\',true);return false;">(Follow &raquo;)</a></span>';

var emailHTML = '<div id="emailBody"><div id="errorMsg" class="red3" style="display:none;"></div><span>Friend\'s Email:</span><br /><textarea id="toEmails" style="width:90%;height:50px;"></textarea><br /><span>seperate multiple email by , or ;</span><br /><br /><span>Your Email:</span><br /><input type="text" id="fromEmail" class="inputtextstyle" size="30"/><br /><br /><span>Your Name:</span><br /><input type="text" id="fromName" class="inputtextstyle" size="30"/><br /><br /><span>Email Message (optional):</span><br /><textarea class="inputtextstyle" style="width:90%;height:75px;" id="emailMessage"></textarea><div class="btmToolbar"><div><span class="button"><input type="button" value="Send" onclick="<#1#>.sendEmail();"></span><span class="button"><input type="button" value="Cancel" onclick="<#1#>.oDialog.display(false);"></span></div></div></div>';

var emailSuccHtml = '<p>Email sent successfully</p><p><div class="btmToolbar"><div><span><span class="button"><input type="button" value=" Done " onclick="<#1#>.oDialog.display(false);"></span></span></div></div></p>';

var commentsHTML = '<div id="commentsBody" style="margin-top:10px;"><div id="errorMsg" class="errTxt" style="display:none;"></div><textarea id="postComments" style="border:solid 1px #cccccc;width:570px;height:190px;"></textarea><div class="btmToolbar"><div><span><span class="button"><input type="button" value="Add Comments" onclick="<#1#>.sendComments();"></span>&nbsp;<span class="button"><input type="button" value="Cancel" onclick="<#1#>.oDialog.display(false);"></span></span></div></div></div>';

var commentsSuccHtml = '<p>Comments posted successfully</p><p><div class="btmToolbar"><div><span class="button"><input type="button" value="Done" onclick="<#1#>.oDialog.display(false);"></span></div></div></p>';

var sUnsubscribeChannel = '<span id="unSubLink" style="margin-left:10px;"><a href="#" id="unSubLinkElem" onclick="oReader.unsubscribeChannel(this, \'<#1#>\');return false;">Unsubscribe</a></span>';

var sPostFacebookStr = '<li id="fbli_<#1#>" style="display:none;"><a class="postfb" href="#" onclick="oReader.postToFacebook(\'<#1#>\');return false;">Post to Facebook</a></li>';

/************** End Reader's Templates **************************/

/**************** People JS Templates: Add friend, import contact, etc. *************/

var addFriendHTML = '<div id="dlgBody" style="padding:10px 0px 0px 20px;"><div style="padding-left:25px;"><input type="checkbox" id="subFeed" />&nbsp;Follow <#2#> posts<div id="footNoteId" style="margin-top:20px;"><#1#> will be added as a friend when he/she confirms that you are friends</div></div></div><div class="btmToolbar"><div><span class="button"><input type="button" value="Add Friend" onclick="oPeople.sendAddFriendRequest();" /></span><span class="button"><input type="button" value="Cancel" onclick="oPeople.oDialog.display(false);"></span></div></div>';

var importContactsHTML = '<div class="dlgText" style="padding:0px 5px 0px 5px;width:96%;margin-left:5px;" ><form name="frmEmail" style="display:inline;margin:0;"><div id="dlgBody" style="height:350px;"><b>Select contacts to invite</b><span style="margin-left:20px;margin-right:20px:"><a href="#" onclick="selAll(true,\'frmEmail\');return false;">Select All</a></span><span style="margin-left:20px;margin-right:20px:"><a href="#" onclick="selAll(false,\'frmEmail\');return false;">Unselect All</a></span><div id="contactDetails"></div></form></div></div><div class="btmToolbar"><div><span><span id="copyContactBtn"><span class="button"><input type="button" value="Copy Addresses" onclick="oPeople.copyContacts();"></span></span></span><span class="button"><input type="button" value="Cancel" onclick="oPeople.oDialog.display(false);"></span></span></div></div>';

var commentsDisplayHTML = '<div id="itemElement"><div id="commentElementImageArea"><a id="userCommentImageLink" href="people/<#1#>" ><img src="<#2#>" border="0" width="100" height="100" /></a></div><div id="commentElementContent"><div class="llist"><a href="people/<#1#>" class="linkFont11"><#1#></a></div><div id="itemTime" class="lviews"><#3#></div><div id="itemDescription" class="ldescription"><#4#></div></div></div>';

var loginPromptHTML = 'You have to <a href="login.aspx?refer=' + encodeURIComponent(location.href)+'">login</a> or <a href="register.aspx?refer=' + encodeURIComponent(location.href)+'" <#1#>>register</a>.';

var followProfileHTML = '<div id="dlgBody" style="padding:0px 0px 0px 20px;"><div style="padding-left:25px;"><input type="checkbox" id="followPost" checked />&nbsp;Follow <#1#>\'s posts<br /><input type="checkbox" id="friendReq" />&nbsp;Send <#1#> Friend Request</div></div><div class="btmToolbar"><div><span class="button"><input type="button" value="Follow" onclick="oPeople.sendFollowRequest();" /></span><span class="button"><input type="button" value="Cancel" onclick="oPeople.oDialog.display(false);"></span></div></div>';

/****************** End People JS Templates *****************************/

var sLoaderHtml = '<img src="images/loader_med.gif" />';
var sLoaderSmallHtml = '<img src="images/loader_small.gif" />';

/****** Error Msg ********/
var sCommentsErrMsg = 'Please enter comments to continue.';
var sEmailErrMsg = 'Please enter <#1#><#2#><#3#> to send email.';

/*** My Wire inline Help Text *****/
var aMyStuffHelpTexts = {'snapShotLink':'Shows the most recent update from each of your subscriptions','allItemsLink':'Shows all updates from your subscriptions','sharedItemsLink':'Shows updates your friends shared with you','popularItemsLink':'Shows the most popular updates from your subscriptions','ratingsItemsLink':'Shows the highest rated updates from your subscriptions'};

/***** MB Overlay Template****/
var sMBHeader = '<div id="mb-header"><#1#><a href="#" id="mb-close" onclick="<#2#>.oDialog.display(false);return false;">close</a></div>';
var sMBContent = '<div id="mb-content"><#1#></div>';

var sKBDetails = 'Try the following keyboard shortcuts to navigate through the posts quickly.<div><b>O:</b>&nbsp;Open or close a post</div><div><b>J:</b>&nbsp;Open the next post</div><div><b>K:</b>&nbsp;Open the previous post</div><div><b>N:</b>&nbsp;Select the next post</div><div><b>P:</b>&nbsp;Select the previous post</div>';