';
var img='';
if (list[i].image && list[i].image != this.topicImage)
img='
'+(list[i].type == 'video'?'
':'')+'
';
else if (list[i].playable)
img='
Playable stuff';
html+=(img?list[i].html.replace(/
/, '
'+img):list[i].html)+'
';
var node=Util.append(div, 'DIV', html, 'stream-entry');
var h4=node.getElementsByTagName('H4');
if (h4 && h4[0]) {
h4=h4[0];
if (h4.firstChild && h4.firstChild.nodeType == 1 && h4.firstChild.tagName == 'A') {
h4.firstChild.className+=' no-open';
h4.firstChild.innerHTML=Util.wrapText(Util.innerText(h4.firstChild).trim().escapeHTML());
}
var time=Util.append(node, 'SPAN', Date.toIntervalString(list[i].timestamp, now)+' ', 'stream-time');
if (h4.nextSibling) {
if (h4.nextSibling.tagName && h4.nextSibling.tagName == 'DIV')
Util.prepend(h4.nextSibling, time);
else
h4.parentNode.insertBefore(time, h4.nextSibling);
}else
h4.parentNode.appendChild(time);
}
Browse.richizeContent(node);
}
}
if (!noResult && result.eol)
Util.append(this.div.list, 'DIV', 'End of results', 'stream-eol');
if (callback) callback();
},
getSplitTimeStr: function(sec) {
if (sec <= 60*5) return 'now';
else if (sec <= 60*10) return '5 minutes ago';
else if (sec <= 60*30) return '10 minutes ago';
else if (sec <= 60*60) return '30 minutes ago';
else if (sec <= 60*60*12) return '1 hour ago';
else if (sec <= 60*60*24) return '12 hours ago';
else if (sec <= 60*60*24*7) return '1 day ago';
else if (sec <= 60*60*24*14) return '1 week ago';
else if (sec <= 60*60*24*30) return '2 weeks ago';
else if (sec <= 60*60*24*30*6) return '1 month ago';
else return '6 months ago';
},
columnUpdated: function() {
for (var i=0; i < this.div.list.childNodes.length; i++) {
if (this.div.list.childNodes[i].className == 'stream-entry-wrapper') {
var wrap=this.div.list.childNodes[i];
if (wrap.childNodes.length < Monitor.Topic.numberOfColumn && wrap.childNodes.length%Monitor.Topic.numberOfColumn == 0) {
continue;
}
var next=wrap.nextSibling;
if (next && next.className == 'stream-entry-split')
continue;
if (!next || next.className != 'stream-entry-wrapper') {
next=document.createElement('DIV');
next.className='stream-entry-wrapper';
Util.insertAfter(next, wrap);
}
while (wrap.childNodes.length > Monitor.Topic.numberOfColumn && wrap.childNodes.length%Monitor.Topic.numberOfColumn != 0)
Util.prepend(next, wrap.lastChild);
}
}
},
showAll: function(link) {
if (!link) return;
this.entry.href=link.href;
this._show(this.entry);
},
blockHostToolTip: null,
blockHostHighlight: function(tid, el) {
var style=$('dynamic-style');
if (Browser.isIE) {
while (style.styleSheet.rules.length > 0)
style.styleSheet.removeRule(0);
style.styleSheet.addRule('.host'+tid, 'background-color:#fae97c');
}else{
while (style.sheet.cssRules.length > 0)
style.sheet.deleteRule(0);
style.sheet.insertRule('.host'+tid+' {background-color:#fae97c}', 0);
}
if (!this.blockHostToolTip) {
this.blockHostToolTip=Util.append(document.body, 'DIV', '
Block this source
', 'block-tooltip');
}
var pos=Element.viewportOffset(el);
this.blockHostToolTip.style.display='block';
this.blockHostToolTip.style.left=pos[0]+9+'px';
this.blockHostToolTip.style.top=pos[1]-this.blockHostToolTip.offsetHeight-2+'px';
},
blockHostHighlightOff: function(tid) {
var style=$('dynamic-style');
if (Browser.isIE) {
while (style.styleSheet.rules.length > 0)
style.styleSheet.removeRule(0);
}else{
while (style.sheet.cssRules.length > 0)
style.sheet.deleteRule(0);
}
if (this.blockHostToolTip)
this.blockHostToolTip.style.display='none';
},
blockResponse: function() {
var obj=Monitor.Preview;
if (!obj.entry || !obj.entry.href) return;
var m=obj.entry.href.match(/([nt])=(\d+)/);
if (m)
obj.entry.href=obj.entry.href.replace(/\?.*/, '')+'?'+m[1]+'='+(Number.parseInt(m[2])+1);
else
obj.entry.href=obj.entry.href.replace(/\?.*/, '')+'?t='+((new Date()).getTime());
obj._show(obj.entry);
}
};
Browse.blockHostConfirm=function(report) {
if (!this.blockHostTid) return;
ajax('/setting/block/submit', 'tid='+this.blockHostTid+(report=='t'?'&report=t':''), Monitor.Preview.blockResponse);
this.blockHostTid=null;
Dialog.hide();
};
Monitor.Public={
div: {addTooltip: null, saved: null, signin: null, overflow: null, unlock: null, clearBlind: null, preserve: null, deleteDefault: null},
topics: [],
init: function() {
Topic.readonlyTID=Monitor.Topic.defaultTopics;
//overload
Monitor.init();
Monitor.attachEvent('addFinish', this.addFinish);
},
getSignupHTML: function(arg) {
if (!arg) arg='';
var errMsgFirstName='You must enter First Name.';
var errMsgLastName='You must enter Last Name.';
var errMsgEmail='Email address is invalid.';
var errMsgPassword='Password is too short.';
var errMsgPasswordConfirm='Password is incorrect.';
// TODO: complete SIGN-UP form
//return '
';
return '
';
},
addDialogShowed: function() {
if (this.div.addTooltip)
this.div.addTooltip.style.display='none';
},
showPreserveDialog: function() {
if (!Monitor.Public.div.preserve) {
//// TODO: replace message!
Monitor.Public.div.preserve=Util.append(document.body, 'DIV', '
Hey, you\'re doing great!
Since you have added some topics, I just wanted to let you know that it\'s better to save your dashboard. You may lose it if you don\'t save
', 'mrlazy-preserve');
//this.div.preserve=Util.append(document.body, 'DIV', '
Save your Playlist
You have many tracks on your playlist. You may lose them if you don’t save. Do you want to save your playlist?
', 'dialog-modal dialog-monitor-public dialog-saved dialog-preserve');
}
setTimeout('Dialog.show(Monitor.Public.div.preserve); Monitor.Public.div.preserve.parentNode.style.backgroundColor="transparent"', 1500);
},
addFinish: function(result, added) {
var obj=Monitor.Public;
if (!result || result.error) {
if (result.overflow) {
var argument='?redirect=%2Fmonitor%3Fsave%3D'+result.overflow_tid;
if (!obj.div.overflow)
obj.div.overflow=Util.append(document.body, 'DIV', '
CloseYou need to save your Topics
You have added too many topics without saving. You may lose them if you don\'t save, so please sign in and save your topics to continue.
Don\'t have a Lazyfeed account yet?
Just fill out the fllowing form to instantly create an account and save topics. What is Lazyfeed?
'+obj.getSignupHTML(argument)+'
', 'dialog-modal dialog-monitor-public dialog-saved dialog-overflow');
else
obj.div.overflow.innerHTML='
CloseYou need to save your Topics
You have added too many topics without saving. You may lose them if you don\'t save, so please sign in and save your topics to continue.
Don\'t have a Lazyfeed account yet?
Just fill out the fllowing form to instantly create an account and save topics. What is Lazyfeed?
'+obj.getSignupHTML(argument)+'
';
Dialog.show(obj.div.overflow);
}
return;
}
/*
added++;
if (true || added > 2 && added%3 == 0)
obj.showPreserveDialog();
*/
setTimeout('Monitor.Public.showPreserve();', 3100);
Dialog.hide();
},
blinkPreserve: function() {
//Monitor.Public.div.preserve.parentNode.style.backgroundColor="";
//Dialog.hide();
var div=$('preserve-alert');
if (div && div.style.display != 'none')
Effect.Pulsate(div, {pulses:2, duration:0.7, afterFinish:function() {Element.setOpacity($('preserve-alert'), 1);}});
},
showPreserve: function() {
var div=$('preserve-alert');
if (div) {
if (div.style.display == 'none')
Effect.BlindDown(div, {afterFinish:function() {Monitor.resize();}});
//Monitor.Public.blinkPreserve();
setTimeout('Monitor.Public.blinkPreserve();', 300);
}
},
showSigninDialog: function() {
if (!this.div.signin)
this.div.signin=Util.append(document.body, 'DIV', '
CloseSign in
Please sign in to save your topics.
Don\'t have a Lazyfeed account yet?
Just fill out the fllowing form to instantly create an account and save your topics. What is Lazyfeed?
'+this.getSignupHTML('?_f=preserve')+'
', 'dialog-modal dialog-monitor-public dialog-signin');
Dialog.show(this.div.signin);
Monitor.Public.div.signin.parentNode.style.backgroundColor="";
},
showClearBlindDialog: function(tid) {
var argument='?redirect=%2Fmonitor%3Fbrowse%3D'+tid;
if (!this.div.clearBlind)
this.div.clearBlind=Util.append(document.body, 'DIV', '
CloseYou have reached the viewing limit
Please sign in to view contents with NO limitation.
Don\'t have a Lazyfeed account yet?
Just fill out the fllowing form to instantly create an account and continue reading! What is Lazyfeed?
'+this.getSignupHTML(argument)+'
', 'dialog-modal dialog-monitor-public dialog-signin');
else
this.div.clearBlind.innerHTML='
CloseYou have reached the viewing limit
Please sign in to view contents with NO limitation.
Don\'t have a Lazyfeed account yet?
Just fill out the fllowing form to instantly create an account and continue reading! What is Lazyfeed?
'+this.getSignupHTML(argument)+'
';
Dialog.show(this.div.clearBlind);
},
showDeleteGeneralTopicDialog: function() {
if (!this.div.deleteDefault)
this.div.deleteDefault=Util.append(document.body, 'DIV', '
CloseSign in
You need to sign in to delete the 5 default topics.
Don\'t have a Lazyfeed account yet?
Just fill out the fllowing form to instantly create an account and continue using! What is Lazyfeed?
'+this.getSignupHTML('?_f=delete_def')+'
', 'dialog-modal dialog-monitor-public dialog-signin-delete-public');
Dialog.show(this.div.deleteDefault);
},
closeIntro: function() {
var div=$('intro');
if (!div || div.closing) return;
div.closing=true;
Effect.SlideUp(div, {duration:0.5, afterFinish: function() {
Monitor.resize();
}});
}
};
Monitor.Guide={
uiFlag: {},
div: {},
arrow: [],
_step: [],
events: [],
hasImport: false,
currentGuideStep: false,
enableOverflow: false,
addFinishStep: 0,
init: function(uiFlag) {
if (uiFlag) this.uiFlag=uiFlag;
for (var key in this.uiFlag)
this.uiFlag[key]=Number.parseInt(this.uiFlag[key]);
this.currentGuideStep=this.uiFlag.guide;
this.hasImport=$('import-dialog')?true:false;
if (!this.div.guide) {
this.div.guide=Util.append(document.body, 'DIV', '
', 'mrlazy-guide none');
this.div.guideInner=this.div.guide.firstChild.childNodes[1];
}
Monitor.Topic._addShowTip=!this.uiFlag.added_confirm;
//Monitor.Question.enable=(this.uiFlag.user_added && this.uiFlag.browsed);
Monitor.attachEvent('addShow', this.onAddShow);
Monitor.attachEvent('addHide', this.onAddHide);
Monitor.attachEvent('addFinish', this.addFinish);
Monitor.attachEvent('overflow', this.onOverflow);
Monitor.attachEvent('browsed', this.onBrowsed);
Monitor.attachEvent('browsedEnd', this.onBrowsedEnd);
//Monitor.attachEvent('resize', this.onResize);
//Monitor.attachEvent('update', this.onResize);
//Monitor.attachEvent('contentScroll', this.onResize);
Dialog.hide();
this.boot();
},
isVisible: function() {
return (this.div.guide && this.div.guide.style.display == 'block' && this.div.guide.offsetWidth > 0);
},
checkUIFlag: function() {
if (this._uiCheck) {
ajax('/monitor/check/ui/'+this._uiCheck+'.json');
if (this._uiCheck != 'exists_user')
this.uiFlag[this._uiCheck]=1;
this._uiCheck='';
}
},
boot: function() {
//Monitor.Question.enable=(this.uiFlag.user_added && this.uiFlag.browsed);
this.checkUIFlag();
if (Monitor.browser.isVisible() || this.isVisible()) return;
if (this.uiFlag.signed) {
if (this.uiFlag.exists_user) {
//old user welcome
if (!this._step[101])
return this.showGuide(101);
}
//import
var impt=$('import-dialog');
if (impt) {
this.showImportDialog();
return;
}
if (this.uiFlag.signup) {
if (this.hasImport || this.uiFlag.guide) {
if (!this._step[110]) {
this._step[1]=true;
return this.showGuide(110);
}
/*
}else{
if (!this._step[1] && !this.uiFlag.guide) {
this._step[110]=true;
return this.showGuide(1);
}
*/
}
}
if (Monitor.firstGoURL) {
Dialog.hide();
Monitor.browse('/browse/'+Monitor.firstGoURL, Monitor.firstGoURLReferrer);
Monitor.firstGoURL=Monitor.firstGoURLReferrer='';
return;
}
/*
if ((this.uiFlag.signup || this.uiFlag.exists_user) && this.currentGuideStep && !this._step[105])
return this.showGuide(105);
else if (!this.uiFlag.guide && !this._step[3])
return this.showGuide(3);
*/
this.bootUser();
}else{
if (Monitor.firstGoURL) {
Dialog.hide();
Monitor.browse('/browse/'+Monitor.firstGoURL);
Monitor.firstGoURL='';
return;
}
/*
if (!this._step[1] && !this.uiFlag.guide)
return this.showGuide(1);
*/
this.bootUser();
}
},
bootUser: function() {
this.enableOverflow=true;
if (this.uiFlag.browsed && this.uiFlag.overflow && !this.uiFlag.overflow_confirm && this.enableOverflow)
this.showTreadmillHelp();
/*
if (!this.uiFlag.browsed) {
this.showBrowsed();
}else if (!this.uiFlag.user_added) {
Monitor.Topic.resumeAutoRefresh();
this.showUserAdded();
}else{
Dialog.hide();
Monitor.Topic.resumeAutoRefresh();
}
*/
},
existsToUser: function(resetAll) {
if (resetAll) {
Dialog.showCurtain();
Monitor.Guide.clearArrow();
Monitor.Question.hide();
this.uiFlag={customized:0, user_added:0, browsed:0, guide:0, overflow:0, overflow_confirm:0, added:0, added_confirm:0, browser_added:0, exists_user:0, signed:1};
this.hasImport=this.currentGuideStep=false;
this._step=[];
ajax('/monitor/check/ui/reset.json', null, function() {Dialog.hide();Monitor.Guide.boot();});
}else{
this.uiFlag.exists_user=0;
Dialog.hide();
setTimeout('Monitor.Guide.boot();', 10);
}
},
initialTopicAnimate: function() {
var div=Monitor.Topic.div.firstChild;
Element.setOpacity(div, 0);
div.style.marginTop='-130px';
div.style.visibility='';
new Effect.Morph(div, {
duration:0.9,
style: 'margin-top: 0px; opacity: 1.0;',
afterFinish: function(effect) {
effect.element.style.cssText='';
}
});
Dialog.showCurtain(null, 0);
setTimeout('Monitor.Guide.showGuide(3);', 2000);
return;
},
_uiCheck: '',
_next: null,
showGuide: function(step) {
if (!step) return;
Util.removeElementsByID('dummy-buttons');
this.div.guide.lastChild.lastChild.style.display='';
this.checkUIFlag();
this._next=null;
this._step[step]=true;
var html='';
switch (step) {
case 1:
html='
Welcome to Lazyfeed
Hi, I\'m Mr. Lazy.
I will walk you through a short tutorial to Lazyfeed.
Lazyfeed lets you stay on top of every topic you
care about, effortlessly.
I\'ll give you 5 basic topics to get you started.
You can easily delete them or add more later.
';
this._next=2;
break;
case 2:
this.initialTopicAnimate();
return;
break;
case 3:
html='
Live Updates
- These tiles represent topics and their live update preview.
- A tile will turn yellow and update itself like below when there’s new content inside.
- You will see a lot of this, since over 1.5 million sites are constantly pumping content to Lazyfeed in realtime.
';
this._uiCheck='guide';
break;
case 21:
//call from browser open event only
var url=arguments[1];
if (url.match(/^tag:/)) url=url.replace(/^tag:/, '').ucfirst();
html='
Magnified Topic View
You have opened the page of latest updates on
'+url+'.
The contents are sorted by time, so the most
recent content always appears at the top.
To do: Click on headlines to view contents.
';
this._uiCheck='browsed';
break;
case 31:
html='
Tutorial Complete
Good job!
This was the last step of the tutorial. You\'re on your own now.
Here\'s what you can do from now on:
1. Add more topics by pressing the Add a topic button again.
2. Browse the topic you have just added by clicking on the topic.
3. Browse other topics.
4. Just leave this on and start watching Live Updates.
';
break;
//current user
case 101:
var div=document.createElement('DIV');
div.className='big-change';
div.innerHTML='
Hi there, There has been a big change to Lazyfeed!
As you know, Lazyfeed is a live update stream of topics.
It\'s been useful, but we thought it wasn\'t lazy enough, since you had to click on topics to see what\'s inside.
So we came up with Lazyfeed Squared.
It\'s not just the topics that update. Now, each topic has its own live updates.
You don\'t even need to flick a finger to see what\'s up with your topics. Just add stuff and watch live content flow in, just like watching TV.
Now THAT\'s Lazy.
';
Dialog.show(div, {noHideOnESC:true});
this._next=102;
return;
break;
case 102:
html='
Welcome to Lazyfeed
Hi, I have prepared 5 basic topics to get you
started with exploring more of Lazyfeed.
Please try them. You can easily delete them later.
';
this._next=103;
this._uiCheck='exists_user';
break;
case 103:
this.addDefault();
Dialog.hide();
return;
break;
case 105:
html='
Try the Tutorial?
Have you tried the tutorial yet?
If you haven’t, please click Yes.
It’s short, and it will really help you get started.
';
var div=document.createElement('DIV');
div.innerHTML='
';
this.div.guide.lastChild.lastChild.style.display='none';
this.div.guide.lastChild.appendChild(div);
div.className='button';
div.id='dummy-buttons';
break;
case 110:
html='
Welcome!
Your account has been successfully created.
Please continue on.
';
break;
default:
return;
break;
}
this.div.guideInner.innerHTML=html;
this.div.guide.className='mrlazy-guide mrlazy-guide'+step;
this.div.guide.style.display='block';
Dialog.show(this.div.guide, {noHideOnESC:true, round:true});
},
hideGuide: function() {
this.hideGuideCurtain();
Dialog.hide();
this.div.guide.style.display='none';
if (this._next)
this.showGuide(this._next);
else
this.boot();
},
showImportDialog: function() {
Dialog.show($('import-dialog'), {hideCallback: this.importFinish, round:true, noHideOnESC:true});
},
importFinish: function() {
setTimeout('Monitor.Guide.boot();', 100);
},
addDefault: function() {
Topic.saveTids(Monitor.Topic.defaultTopics, this.addDefaultResponse, null, 'add_default=t');
},
addDefaultResponse: function(result) {
Monitor.Topic.addFinish(result, true);
},
drawArrow: function(dir, el, offset) {
if (!el) return;
if (!dir) dir='r';
if (!offset) offset={x:0, y:0};
for (var i=0; i < Math.min(10, el.length); i++) {
var arr=Util.append(document.body, 'DIV', '
', 'mrlazy-arrow');
arr.el=el[i];
arr.offset=offset;
this.arrow.push(arr);
}
this.onResize();
},
clearArrow: function() {
//Monitor.Topic.resumeAutoRefresh();
clearTimeout(timer['guide']);
if (!this.arrow || this.arrow.length <= 0) return;
for (var i=this.arrow.length; i--;)
this.arrow[i].parentNode.removeChild(this.arrow[i]);
this.arrow.splice(0, this.arrow.length);
},
showBrowsed: function() {
if (Monitor.Question.isVisible()) return;
//Monitor.Topic.pauseAutoRefresh();
Monitor.Question._show('
“Let’s get started. Click on any topic to view the page”');
this.showGuideCurtain();
var el=Array.ize(Monitor.Topic.div.getElementsByTagName('A'));
timer['guide']=setTimeout(function() {
Monitor.Guide.clearArrow();
//Monitor.Topic.pauseAutoRefresh();
Monitor.Guide.drawArrow('r', el, {x:-10, y:-10, el:Monitor.Topic.container});
}, 1000);
},
showUserAdded: function() {
if (Monitor.Question.isVisible()) return;
Monitor.Question._show('
“Now let\'s try adding some of your favorite topics. Click on "Add a topic" button.”');
timer['guide']=setTimeout(function() {
Monitor.Guide.clearArrow();
Monitor.Guide.drawArrow('l', [$('button-add')], {x:180, y:-20});
}, 2000);
},
hideUserAdded: function() {
Monitor.Guide.clearArrow();
Monitor.Question.hide();
},
addFinish: function(result) {
var obj=Monitor.Guide;
if (result && !result.error) {
/*
if (result.uiFlag) {
var signup=obj.uiFlag.signup;
var signed=obj.uiFlag.signed;
var exists_user=obj.uiFlag.exists_user;
obj.uiFlag=result.uiFlag;
for (var key in obj.uiFlag)
obj.uiFlag[key]=Number.parseInt(obj.uiFlag[key]);
obj.uiFlag.signup=signup;
obj.uiFlag.signed=signed;
obj.uiFlag.exists_user=exists_user;
//Monitor.Question.enable=(obj.uiFlag.user_added && obj.uiFlag.browsed);
}
*/
if (result.user_added) {
if (!obj.uiFlag.user_added) {
obj.uiFlag.user_added=true;
//obj.showGuide(31);
}
}
if (!obj.uiFlag.added) {
obj.uiFlag.added=true;
}
/*
if (obj.uiFlag.user_added == true)
obj.hideUserAdded();
*/
obj.boot();
}
},
onOverflow: function() {
var obj=Monitor.Topic;
Monitor.Guide.uiFlag.overflow=true;
if (!obj.treadmillUnlock) {
obj.treadmillUnlock=true;
obj.updateTreadmill();
ajax('/monitor/check/ui/overflow.json');
}
obj=Monitor.Guide;
if (obj.uiFlag.browsed && obj.uiFlag.overflow && !obj.uiFlag.overflow_confirm && obj.enableOverflow)
obj.showTreadmillHelp();
},
showTreadmillHelp: function() {
var div=$('treadmill-help');
if (!div) {
div=Util.append(document.body, 'DIV', '
Treadmill mode!
Congrats!
Your Monitor has evolved
into a Treadmill!
Now the updated topics will
automatically rise up to the
top, so it\'s much easier to
stay on top of many topics
at once.
');
div.id='treadmill-help';
}
div.style.display='block';
},
confirmTreadmill: function() {
if (!this.uiFlag.overflow_confirm) {
this.uiFlag.overflow_confirm=true;
ajax('/monitor/check/ui/overflow_confirm.json');
var div=$('treadmill-help');
if (div) div.style.display='none';
}
},
onAddShow: function() {
//Monitor.Guide.hideUserAdded();
Monitor.Question.enable=true;
var obj=Monitor.Guide;
if (!obj.uiFlag.added_confirm) {
obj.uiFlag.added_confirm=true;
ajax('/monitor/check/ui/added_confirm.json');
Monitor.Topic.addShowTip(true);
}
},
onAddHide: function() {
//Monitor.Guide.boot();
},
onBrowsedEnd: function() {
//Monitor.Guide.boot();
var obj=Monitor.Guide;
if (!obj.uiFlag.added_confirm) {
Monitor.Question.enable=false;
setTimeout('Monitor.Topic.add(true);', 10);
}
},
onBrowsed: function(url) {
Monitor.Guide.clearArrow();
Monitor.Question.hide();
if (!Monitor.Guide.uiFlag.browsed)
Monitor.Guide.showGuide(21, url);
},
onResize: function() {
var obj=Monitor.Guide;
if (!obj.arrow || obj.arrow.length <= 0) return;
for (var i=obj.arrow.length; i--;) {
if (!obj.arrow[i]) {
obj.arrow.splice(i, 1);
continue;
}
if(!obj.arrow[i].parentNode) {
obj.arrow.splice(i, 1);
continue;
}
if (obj.arrow[i].offset.el && obj.arrow[i].offset.el.scrollTop > obj.arrow[i].el.offsetTop) {
if (obj.arrow[i].style.display != 'none')
obj.arrow[i].style.display='none';
continue;
}else{
if (obj.arrow[i].style.display == 'none')
obj.arrow[i].style.display='';
var pos=Position.cumulativeOffset(obj.arrow[i].el);
obj.arrow[i].style.left=pos[0]-23+obj.arrow[i].offset.x-(obj.arrow[i].offset.el?obj.arrow[i].offset.el.scrollLeft:0)+'px';
obj.arrow[i].style.top=pos[1]-23+obj.arrow[i].offset.y-(obj.arrow[i].offset.el?obj.arrow[i].offset.el.scrollTop:0)+'px';
}
}
},
drawClickArrows: function() {
var entries=Monitor.Topic.div.childNodes;
for (var i=entries.length; i--;) {
var entry=entries[i];
if (entry && (entry.tagName=='A' || entry.tagName=='a')) {
var imgNode=$(entry.id+'IMG');
var pos=entry.offsetTop-Monitor.Topic.container.scrollTop;
if (pos>=0 && pos
+'.gif)
When you add a topic, it will look like the left image. As you can see, the topic turns yellow and updates itself whenever there’s new incoming content. You’ll see a lot of this, since over 1.5 million sites are constantly pumping content to Lazyfeed in real-time. 
', 'hide-tooltip');
obj.div.parentNode.insertBefore(obj.hideTip, obj.div);
}
obj.hideTip.style.display='';
var pos=Position.cumulativeOffset(el);
obj.hideTip.style.top=pos[1]-25-obj.div.scrollTop+'px';
obj.hideTip.style.left=pos[0]-obj.hideTip.offsetWidth+23+'px';
},
onOut: function() {
var obj=Topic;
obj.hidePaused();
obj.mouseovered=false;
obj.hideHideTip();
setTimeout('Topic.autoRefreshPusher();', 50);
},
hidePaused: function() {
clearTimeout(timer.paused);
this.paused.style.display='none';
},
hideHideTip: function() {
if (!this.hideTip || this.hideTip.style.display == 'none') return;
this.hideTip.style.display='none';
},
onScroll: function() {
var obj=Topic;
if (obj.scrolling || obj.isLastPage) return;
if (obj.div.scrollTop+obj.div.clientHeight < obj.div.scrollHeight-300) return;
obj.fetch();
},
refresh: function() {
this.timeMin=this.timeMax=(new Date()).getTime();
this.isLastPage=false;
Util.truncate(this.div);
this.fetch();
},
initialFetch: function() {
var obj=Topic;
if (obj.div.clientHeight >= obj.div.scrollHeight)
Topic.fetch(Topic.initialFetch);
},
fetch: function(callback) {
if (this.scrolling || this.isLastPage) return;
this.scrolling=true;
ajax('/topic/fetch.json', 'timeMin='+(this.timeMin-1), this.fetchResponse, callback);
},
fetchResponse: function(result, callback) {
var obj=Topic;
obj.scrolling=false;
if (!result || result.error) {
obj.isLastPage=true;
if (callback) callback();
return;
}
obj.showBlankMsg();
obj.removeToDelete();
for (var i=0; i < result.length; i++) {
var node=obj.makeNode(result[i]);
obj.div.appendChild(node);
obj.timeMin=Math.min(obj.timeMin, result[i].time_update);
}
if (result.length > 0)
obj.hasDatas=true;
if (callback) callback();
},
pauseAutoRefresh: function() {
this.autoRefreshPaused=true;
},
resumeAutoRefresh: function() {
this.autoRefreshPaused=false;
},
autoRefresh: function(now) {
clearTimeout(timer.autoRefresh);
timer.autoRefresh=setInterval('Topic.autoRefreshDo()', 10000);
if (now)
this.autoRefreshDo();
},
autoRefreshDo: function() {
if (this.mouseovered || this.autoRefreshPaused || !this.hasDatas || this.refreshing) return;
this.refreshing=true;
ajax('/topic/new.json', 'timeMax='+this.timeMax, this.autoRefreshResponse);
},
autoRefreshResponse: function(result) {
var obj=Topic;
obj.refreshing=false;
if (!result || result.error) return;
if (result.length > 0 && result[0] && result[0].time_update)
obj.timeMax=result[0].time_update;
clearTimeout(timer.paused);
obj.paused.className='';
obj.paused.innerHTML='Incoming: 
+'.gif){kind=icon}
';
if (data.time) html+=' '+data.time;
if (data.time && data.ownerTitle) html+=' by ';
if (data.ownerTitle) html+=' '+data.ownerTitle;
html+='
';
if (links[p].nextSibling)
links[p].parentNode.insertBefore(a, links[p].nextSibling);
else
links[p].parentNode.appendChild(a);
}
links[p].title=links[p].href;
if (self) {
links[p].removeAttribute('href');
if (links[p].className && links[p].className.match(/replaceToLink/))
links[p].innerHTML='[link]';
}else
links[p].href='/browse/'+Util.escapeURL(links[p].href);
}
};
Browse.imgLoad=function(img) {
if (!img.style || !img.parentNode) return Util.imgError(img, true);
if (img.offsetWidth <= 0 && img.offsetHeight <= 0) {
var i=img;
setTimeout(function() {Browse.imgLoad(i);}, 100);
return;
}
img.title='Original size: '+img.offsetWidth+'px * '+img.offsetHeight+'px';
var st=img.style;
var pst=img.parentNode.style;
if (img.offsetHeight > img.offsetWidth*2) {
//vertical
if (img.offsetWidth < 60) return Util.imgError(img, true);
st.width='60px';
pst.width='60px';
pst.height='120px';
pst.marginRight='7px';
pst.visibility='inherit';
return;
}
if (img.offsetWidth > img.offsetHeight*2) {
//hr
if (img.offsetWidth < 100 || img.offsetWidth > img.offsetHeight*5) return Util.imgError(img, true);
st.width='100px';
pst.width='100px';
pst.height=img.offsetHeight+'px';
pst.marginRight='7px';
pst.visibility='inherit';
return;
}
if (img.offsetWidth < 75 || img.offsetHeight < 75) return Util.imgError(img, true);
//pst.width=pst.height='75px';
if (img.offsetWidth > img.offsetHeight) {
st.height='75px';
//st.marginLeft='-'+((img.offsetWidth-img.offsetHeight)/2)+'px';
}else{
st.width='75px';
//st.marginTop='-'+((img.offsetHeight-img.offsetWidth)/2)+'px';
}
pst.width=img.offsetWidth+'px';
pst.height=img.offsetHeight+'px';
pst.marginRight='7px';
pst.visibility='inherit';
};
Browse.getWin=function() {
try{
if (window.parent.Discover)
return window.parent;
else
return window.self;
}catch(e) {
return window.self;
}
};
Browse.blockHostTid=null;
Browse.blockHost=function(tid) {
this.blockHostTid=tid;
var win=this.getWin();
var div=win.$('block-source');
if (!div) {
div=Util.append(win.document.body, 'DIV', '
'+title;
$('import-login-result').innerHTML='';
if (this.importAjax)
this.importAjax.abort();
form['type'].value=type;
form['email'].value=form['password'].value='';
form.ing=form['email'].disabled=form['password'].disabled=false;
},
importLoginSubmit: function(form) {
if (form.ing) return false;
if (!form['email'].value.trim() || !form['password'].value) {
$('import-login-result').innerHTML='
