favs

22 files changed, 323 insertions, 85 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 101f7f5..5c912e7 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -315,6 +315,52 @@ margin:-2;
     color: #666;
 }
 
+#palette-button {
+	border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:5px;
+	position:absolute;
+/*	display:inline-block;*/
+  display: none;
+	width:40px;
+  height:34px;
+  right:260px;
+  top:15px;
+  padding-bottom:1;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+  background-color:#0c8fff;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,1);
+}
+
+#palette {
+  position: absolute;
+  right: 30px;
+  bottom: 80px;
+  width: 420px;
+  height: 400px;
+  background-color: black;
+  z-index: 1000000000;
+  display: none;
+  overflow-y: scroll;
+}
+
+#palette-thumbs {
+}
+
+#palette-thumbs img {
+  max-width: 100px;
+  max-height: 100px;
+}
+
+
 #userList {
 	overflow-x: hidden;
 	overflow-y:auto;
diff --git a/static/css/dumpnewuser.css b/static/css/dumpnewuser.css
index 492b4ac..1c92e62 100644
--- a/static/css/dumpnewuser.css
+++ b/static/css/dumpnewuser.css
@@ -1,4 +1,3 @@
-/* pichat.css */
 
 body {
 	
diff --git a/static/css/header.css b/static/css/header.css
index 2e6a3e6..b56b73e 100755
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -260,4 +260,58 @@ background-image:url(/static/img/ieburnbtn.gif); font-size:40;color:white;height
 padding-right:400;padding-left:50;
 font-weight:bold;
 
+}
+
+.thumb {
+  cursor:pointer;
+}
+
+img.chat-thumb {
+  position: absolute;
+  /*margin-top: -10px;*/
+  width: 16px;
+  height: 16px;
+  bottom: 4px;
+  right: 4px;
+  /*left: 4px;*/
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+
+.dump .nick {
+  position: relative;
+  padding-right: 15px;
+}
+
+/* sharing */
+.buttons{
+  cursor:pointer;
+  padding-top: 8px;
+}
+.buttons .share {
+  opacity: 0.2;
+}
+.buttons .share:hover {
+  opacity: 1;
+}
+.buttons .other-sites {
+  padding-left: 20px;
+}
+.buttons img.thumb {
+  position: absolute;
+  margin-left: 0px;
+  margin-top: 0px;
+  height: 16px;
+  width: 16px;
+  display: block;
+}
+.buttons .thumb.favorite {
+  position: absolute;
+  margin-left: 0px;
+  margin-top: 0px;
+  height: 16px;
+  width: 16px;
+  display: block;
 }
\ No newline at end of file
diff --git a/static/img/palette.gif b/static/img/palette.gif
new file mode 100644
index 0000000..ffe5b3e
--- /dev/null
+++ b/static/img/palette.gif
diff --git a/static/img/thumbs/bw.left.gif b/static/img/thumbs/bw.left.gif
new file mode 100644
index 0000000..5639c26
--- /dev/null
+++ b/static/img/thumbs/bw.left.gif
diff --git a/static/img/thumbs/bw.right.gif b/static/img/thumbs/bw.right.gif
new file mode 100644
index 0000000..9d0c65b
--- /dev/null
+++ b/static/img/thumbs/bw.right.gif
diff --git a/static/img/thumbs/bw.right.tiny.gif b/static/img/thumbs/bw.right.tiny.gif
new file mode 100644
index 0000000..c3b5406
--- /dev/null
+++ b/static/img/thumbs/bw.right.tiny.gif
diff --git a/static/img/thumbs/circle.gif b/static/img/thumbs/circle.gif
new file mode 100644
index 0000000..69acdf2
--- /dev/null
+++ b/static/img/thumbs/circle.gif
diff --git a/static/img/thumbs/color.left.2x.gif b/static/img/thumbs/color.left.2x.gif
new file mode 100644
index 0000000..1601b56
--- /dev/null
+++ b/static/img/thumbs/color.left.2x.gif
diff --git a/static/img/thumbs/color.left.3x.gif b/static/img/thumbs/color.left.3x.gif
new file mode 100644
index 0000000..beab03f
--- /dev/null
+++ b/static/img/thumbs/color.left.3x.gif
diff --git a/static/img/thumbs/color.left.4x.gif b/static/img/thumbs/color.left.4x.gif
new file mode 100644
index 0000000..ddde895
--- /dev/null
+++ b/static/img/thumbs/color.left.4x.gif
diff --git a/static/img/thumbs/color.left.gif b/static/img/thumbs/color.left.gif
new file mode 100644
index 0000000..a855ffc
--- /dev/null
+++ b/static/img/thumbs/color.left.gif
diff --git a/static/img/thumbs/color.right.2x.gif b/static/img/thumbs/color.right.2x.gif
new file mode 100644
index 0000000..778b31d
--- /dev/null
+++ b/static/img/thumbs/color.right.2x.gif
diff --git a/static/img/thumbs/color.right.3x.gif b/static/img/thumbs/color.right.3x.gif
new file mode 100644
index 0000000..748813c
--- /dev/null
+++ b/static/img/thumbs/color.right.3x.gif
diff --git a/static/img/thumbs/color.right.4x.gif b/static/img/thumbs/color.right.4x.gif
new file mode 100644
index 0000000..082de93
--- /dev/null
+++ b/static/img/thumbs/color.right.4x.gif
diff --git a/static/img/thumbs/color.right.gif b/static/img/thumbs/color.right.gif
new file mode 100644
index 0000000..dbf2052
--- /dev/null
+++ b/static/img/thumbs/color.right.gif
diff --git a/static/img/thumbs/pink.circle.gif b/static/img/thumbs/pink.circle.gif
new file mode 100644
index 0000000..19f6e6c
--- /dev/null
+++ b/static/img/thumbs/pink.circle.gif
diff --git a/static/img/thumbs/pink.diamond.gif b/static/img/thumbs/pink.diamond.gif
new file mode 100644
index 0000000..cec57ff
--- /dev/null
+++ b/static/img/thumbs/pink.diamond.gif
diff --git a/static/img/thumbs/pink.right.4x.gif b/static/img/thumbs/pink.right.4x.gif
new file mode 100644
index 0000000..a7dc608
--- /dev/null
+++ b/static/img/thumbs/pink.right.4x.gif
diff --git a/static/img/thumbs/transparent.circle.gif b/static/img/thumbs/transparent.circle.gif
new file mode 100644
index 0000000..fd95786
--- /dev/null
+++ b/static/img/thumbs/transparent.circle.gif
diff --git a/static/js/jquery-ui-1.8.effects.min.js b/static/js/jquery-ui-1.8.effects.min.js
new file mode 100644
index 0000000..7011928
--- /dev/null
+++ b/static/js/jquery-ui-1.8.effects.min.js
@@ -0,0 +1,7 @@
+/* add more effects in here if u need em --timb */
+/* effects core and easing */
+jQuery.effects||(function(g){g.effects={};g.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(l,k){g.fx.step[k]=function(m){if(!m.colorInit){m.start=j(m.elem,k);m.end=i(m.end);m.colorInit=true}m.elem.style[k]="rgb("+Math.max(Math.min(parseInt((m.pos*(m.end[0]-m.start[0]))+m.start[0],10),255),0)+","+Math.max(Math.min(parseInt((m.pos*(m.end[1]-m.start[1]))+m.start[1],10),255),0)+","+Math.max(Math.min(parseInt((m.pos*(m.end[2]-m.start[2]))+m.start[2],10),255),0)+")"}});function i(l){var k;if(l&&l.constructor==Array&&l.length==3){return l}if(k=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(l)){return[parseInt(k[1],10),parseInt(k[2],10),parseInt(k[3],10)]}if(k=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(l)){return[parseFloat(k[1])*2.55,parseFloat(k[2])*2.55,parseFloat(k[3])*2.55]}if(k=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(l)){return[parseInt(k[1],16),parseInt(k[2],16),parseInt(k[3],16)]}if(k=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(l)){return[parseInt(k[1]+k[1],16),parseInt(k[2]+k[2],16),parseInt(k[3]+k[3],16)]}if(k=/rgba\(0, 0, 0, 0\)/.exec(l)){return a.transparent}return a[g.trim(l).toLowerCase()]}function j(m,k){var l;do{l=g.curCSS(m,k);if(l!=""&&l!="transparent"||g.nodeName(m,"body")){break}k="backgroundColor"}while(m=m.parentNode);return i(l)}var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]};var e=["add","remove","toggle"],c={border:1,borderBottom:1,borderColor:1,borderLeft:1,borderRight:1,borderTop:1,borderWidth:1,margin:1,padding:1};function f(){var n=document.defaultView?document.defaultView.getComputedStyle(this,null):this.currentStyle,o={},l,m;if(n&&n.length&&n[0]&&n[n[0]]){var k=n.length;while(k--){l=n[k];if(typeof n[l]=="string"){m=l.replace(/\-(\w)/g,function(p,q){return q.toUpperCase()});o[m]=n[l]}}}else{for(l in n){if(typeof n[l]==="string"){o[l]=n[l]}}}return o}function b(l){var k,m;for(k in l){m=l[k];if(m==null||g.isFunction(m)||k in c||(/scrollbar/).test(k)||(!(/color/i).test(k)&&isNaN(parseFloat(m)))){delete l[k]}}return l}function h(k,m){var n={_:0},l;for(l in m){if(k[l]!=m[l]){n[l]=m[l]}}return n}g.effects.animateClass=function(k,l,n,m){if(g.isFunction(n)){m=n;n=null}return this.each(function(){var r=g(this),o=r.attr("style")||" ",s=b(f.call(this)),q,p=r.attr("className");g.each(e,function(t,u){if(k[u]){r[u+"Class"](k[u])}});q=b(f.call(this));r.attr("className",p);r.animate(h(s,q),l,n,function(){g.each(e,function(t,u){if(k[u]){r[u+"Class"](k[u])}});if(typeof r.attr("style")=="object"){r.attr("style").cssText="";r.attr("style").cssText=o}else{r.attr("style",o)}if(m){m.apply(this,arguments)}})})};g.fn.extend({_addClass:g.fn.addClass,addClass:function(l,k,n,m){return k?g.effects.animateClass.apply(this,[{add:l},k,n,m]):this._addClass(l)},_removeClass:g.fn.removeClass,removeClass:function(l,k,n,m){return k?g.effects.animateClass.apply(this,[{remove:l},k,n,m]):this._removeClass(l)},_toggleClass:g.fn.toggleClass,toggleClass:function(m,l,k,o,n){if(typeof l=="boolean"||l===undefined){if(!k){return this._toggleClass(m,l)}else{return g.effects.animateClass.apply(this,[(l?{add:m}:{remove:m}),k,o,n])}}else{return g.effects.animateClass.apply(this,[{toggle:m},l,k,o])}},switchClass:function(k,m,l,o,n){return g.effects.animateClass.apply(this,[{add:m,remove:k},l,o,n])}});g.extend(g.effects,{version:"1.8",save:function(l,m){for(var k=0;k<m.length;k++){if(m[k]!==null){l.data("ec.storage."+m[k],l[0].style[m[k]])}}},restore:function(l,m){for(var k=0;k<m.length;k++){if(m[k]!==null){l.css(m[k],l.data("ec.storage."+m[k]))}}},setMode:function(k,l){if(l=="toggle"){l=k.is(":hidden")?"show":"hide"}return l},getBaseline:function(l,m){var n,k;switch(l[0]){case"top":n=0;break;case"middle":n=0.5;break;case"bottom":n=1;break;default:n=l[0]/m.height}switch(l[1]){case"left":k=0;break;case"center":k=0.5;break;case"right":k=1;break;default:k=l[1]/m.width}return{x:k,y:n}},createWrapper:function(k){if(k.parent().is(".ui-effects-wrapper")){return k.parent()}var l={width:k.outerWidth(true),height:k.outerHeight(true),"float":k.css("float")},m=g("<div></div>").addClass("ui-effects-wrapper").css({fontSize:"100%",background:"transparent",border:"none",margin:0,padding:0});k.wrap(m);m=k.parent();if(k.css("position")=="static"){m.css({position:"relative"});k.css({position:"relative"})}else{g.extend(l,{position:k.css("position"),zIndex:k.css("z-index")});g.each(["top","left","bottom","right"],function(n,o){l[o]=k.css(o);if(isNaN(parseInt(l[o],10))){l[o]="auto"}});k.css({position:"relative",top:0,left:0})}return m.css(l).show()},removeWrapper:function(k){if(k.parent().is(".ui-effects-wrapper")){return k.parent().replaceWith(k)}return k},setTransition:function(l,n,k,m){m=m||{};g.each(n,function(p,o){unit=l.cssUnit(o);if(unit[0]>0){m[o]=unit[0]*k+unit[1]}});return m}});function d(l,k,m,n){if(typeof l=="object"){n=k;m=null;k=l;l=k.effect}if(g.isFunction(k)){n=k;m=null;k={}}if(g.isFunction(m)){n=m;m=null}if(typeof k=="number"||g.fx.speeds[k]){n=m;m=k;k={}}k=k||{};m=m||k.duration;m=g.fx.off?0:typeof m=="number"?m:g.fx.speeds[m]||g.fx.speeds._default;n=n||k.complete;return[l,k,m,n]}g.fn.extend({effect:function(n,m,p,q){var l=d.apply(this,arguments),o={options:l[1],duration:l[2],callback:l[3]},k=g.effects[n];return k&&!g.fx.off?k.call(this,o):this},_show:g.fn.show,show:function(l){if(!l||typeof l=="number"||g.fx.speeds[l]){return this._show.apply(this,arguments)}else{var k=d.apply(this,arguments);k[1].mode="show";return this.effect.apply(this,k)}},_hide:g.fn.hide,hide:function(l){if(!l||typeof l=="number"||g.fx.speeds[l]){return this._hide.apply(this,arguments)}else{var k=d.apply(this,arguments);k[1].mode="hide";return this.effect.apply(this,k)}},__toggle:g.fn.toggle,toggle:function(l){if(!l||typeof l=="number"||g.fx.speeds[l]||typeof l=="boolean"||g.isFunction(l)){return this.__toggle.apply(this,arguments)}else{var k=d.apply(this,arguments);k[1].mode="toggle";return this.effect.apply(this,k)}},cssUnit:function(k){var l=this.css(k),m=[];g.each(["em","px","%","pt"],function(n,o){if(l.indexOf(o)>0){m=[parseFloat(l),o]}});return m}});g.easing.jswing=g.easing.swing;g.extend(g.easing,{def:"easeOutQuad",swing:function(l,m,k,o,n){return g.easing[g.easing.def](l,m,k,o,n)},easeInQuad:function(l,m,k,o,n){return o*(m/=n)*m+k},easeOutQuad:function(l,m,k,o,n){return -o*(m/=n)*(m-2)+k},easeInOutQuad:function(l,m,k,o,n){if((m/=n/2)<1){return o/2*m*m+k}return -o/2*((--m)*(m-2)-1)+k},easeInCubic:function(l,m,k,o,n){return o*(m/=n)*m*m+k},easeOutCubic:function(l,m,k,o,n){return o*((m=m/n-1)*m*m+1)+k},easeInOutCubic:function(l,m,k,o,n){if((m/=n/2)<1){return o/2*m*m*m+k}return o/2*((m-=2)*m*m+2)+k},easeInQuart:function(l,m,k,o,n){return o*(m/=n)*m*m*m+k},easeOutQuart:function(l,m,k,o,n){return -o*((m=m/n-1)*m*m*m-1)+k},easeInOutQuart:function(l,m,k,o,n){if((m/=n/2)<1){return o/2*m*m*m*m+k}return -o/2*((m-=2)*m*m*m-2)+k},easeInQuint:function(l,m,k,o,n){return o*(m/=n)*m*m*m*m+k},easeOutQuint:function(l,m,k,o,n){return o*((m=m/n-1)*m*m*m*m+1)+k},easeInOutQuint:function(l,m,k,o,n){if((m/=n/2)<1){return o/2*m*m*m*m*m+k}return o/2*((m-=2)*m*m*m*m+2)+k},easeInSine:function(l,m,k,o,n){return -o*Math.cos(m/n*(Math.PI/2))+o+k},easeOutSine:function(l,m,k,o,n){return o*Math.sin(m/n*(Math.PI/2))+k},easeInOutSine:function(l,m,k,o,n){return -o/2*(Math.cos(Math.PI*m/n)-1)+k},easeInExpo:function(l,m,k,o,n){return(m==0)?k:o*Math.pow(2,10*(m/n-1))+k},easeOutExpo:function(l,m,k,o,n){return(m==n)?k+o:o*(-Math.pow(2,-10*m/n)+1)+k},easeInOutExpo:function(l,m,k,o,n){if(m==0){return k}if(m==n){return k+o}if((m/=n/2)<1){return o/2*Math.pow(2,10*(m-1))+k}return o/2*(-Math.pow(2,-10*--m)+2)+k},easeInCirc:function(l,m,k,o,n){return -o*(Math.sqrt(1-(m/=n)*m)-1)+k},easeOutCirc:function(l,m,k,o,n){return o*Math.sqrt(1-(m=m/n-1)*m)+k},easeInOutCirc:function(l,m,k,o,n){if((m/=n/2)<1){return -o/2*(Math.sqrt(1-m*m)-1)+k}return o/2*(Math.sqrt(1-(m-=2)*m)+1)+k},easeInElastic:function(l,n,k,u,r){var o=1.70158;var q=0;var m=u;if(n==0){return k}if((n/=r)==1){return k+u}if(!q){q=r*0.3}if(m<Math.abs(u)){m=u;var o=q/4}else{var o=q/(2*Math.PI)*Math.asin(u/m)}return -(m*Math.pow(2,10*(n-=1))*Math.sin((n*r-o)*(2*Math.PI)/q))+k},easeOutElastic:function(l,n,k,u,r){var o=1.70158;var q=0;var m=u;if(n==0){return k}if((n/=r)==1){return k+u}if(!q){q=r*0.3}if(m<Math.abs(u)){m=u;var o=q/4}else{var o=q/(2*Math.PI)*Math.asin(u/m)}return m*Math.pow(2,-10*n)*Math.sin((n*r-o)*(2*Math.PI)/q)+u+k},easeInOutElastic:function(l,n,k,u,r){var o=1.70158;var q=0;var m=u;if(n==0){return k}if((n/=r/2)==2){return k+u}if(!q){q=r*(0.3*1.5)}if(m<Math.abs(u)){m=u;var o=q/4}else{var o=q/(2*Math.PI)*Math.asin(u/m)}if(n<1){return -0.5*(m*Math.pow(2,10*(n-=1))*Math.sin((n*r-o)*(2*Math.PI)/q))+k}return m*Math.pow(2,-10*(n-=1))*Math.sin((n*r-o)*(2*Math.PI)/q)*0.5+u+k},easeInBack:function(l,m,k,p,o,n){if(n==undefined){n=1.70158}return p*(m/=o)*m*((n+1)*m-n)+k},easeOutBack:function(l,m,k,p,o,n){if(n==undefined){n=1.70158}return p*((m=m/o-1)*m*((n+1)*m+n)+1)+k},easeInOutBack:function(l,m,k,p,o,n){if(n==undefined){n=1.70158}if((m/=o/2)<1){return p/2*(m*m*(((n*=(1.525))+1)*m-n))+k}return p/2*((m-=2)*m*(((n*=(1.525))+1)*m+n)+2)+k},easeInBounce:function(l,m,k,o,n){return o-g.easing.easeOutBounce(l,n-m,0,o,n)+k},easeOutBounce:function(l,m,k,o,n){if((m/=n)<(1/2.75)){return o*(7.5625*m*m)+k}else{if(m<(2/2.75)){return o*(7.5625*(m-=(1.5/2.75))*m+0.75)+k}else{if(m<(2.5/2.75)){return o*(7.5625*(m-=(2.25/2.75))*m+0.9375)+k}else{return o*(7.5625*(m-=(2.625/2.75))*m+0.984375)+k}}}},easeInOutBounce:function(l,m,k,o,n){if(m<n/2){return g.easing.easeInBounce(l,m*2,0,o,n)*0.5+k}return g.easing.easeOutBounce(l,m*2-n,0,o,n)*0.5+o*0.5+k}})})(jQuery);
+/* scale effects */
+(function(a){a.effects.puff=function(b){return this.queue(function(){var f=a(this),g=a.effects.setMode(f,b.options.mode||"hide"),e=parseInt(b.options.percent,10)||150,d=e/100,c={height:f.height(),width:f.width()};a.extend(b.options,{fade:true,mode:g,percent:g=="hide"?e:100,from:g=="hide"?c:{height:c.height*d,width:c.width*d}});f.effect("scale",b.options,b.duration,b.callback);f.dequeue()})};a.effects.scale=function(b){return this.queue(function(){var g=a(this);var d=a.extend(true,{},b.options);var j=a.effects.setMode(g,b.options.mode||"effect");var h=parseInt(b.options.percent,10)||(parseInt(b.options.percent,10)==0?0:(j=="hide"?0:100));var i=b.options.direction||"both";var c=b.options.origin;if(j!="effect"){d.origin=c||["middle","center"];d.restore=true}var f={height:g.height(),width:g.width()};g.from=b.options.from||(j=="show"?{height:0,width:0}:f);var e={y:i!="horizontal"?(h/100):1,x:i!="vertical"?(h/100):1};g.to={height:f.height*e.y,width:f.width*e.x};if(b.options.fade){if(j=="show"){g.from.opacity=0;g.to.opacity=1}if(j=="hide"){g.from.opacity=1;g.to.opacity=0}}d.from=g.from;d.to=g.to;d.mode=j;g.effect("size",d,b.duration,b.callback);g.dequeue()})};a.effects.size=function(b){return this.queue(function(){var c=a(this),n=["position","top","left","width","height","overflow","opacity"];var m=["position","top","left","overflow","opacity"];var j=["width","height","overflow"];var p=["fontSize"];var k=["borderTopWidth","borderBottomWidth","paddingTop","paddingBottom"];var f=["borderLeftWidth","borderRightWidth","paddingLeft","paddingRight"];var g=a.effects.setMode(c,b.options.mode||"effect");var i=b.options.restore||false;var e=b.options.scale||"both";var o=b.options.origin;var d={height:c.height(),width:c.width()};c.from=b.options.from||d;c.to=b.options.to||d;if(o){var h=a.effects.getBaseline(o,d);c.from.top=(d.height-c.from.height)*h.y;c.from.left=(d.width-c.from.width)*h.x;c.to.top=(d.height-c.to.height)*h.y;c.to.left=(d.width-c.to.width)*h.x}var l={from:{y:c.from.height/d.height,x:c.from.width/d.width},to:{y:c.to.height/d.height,x:c.to.width/d.width}};if(e=="box"||e=="both"){if(l.from.y!=l.to.y){n=n.concat(k);c.from=a.effects.setTransition(c,k,l.from.y,c.from);c.to=a.effects.setTransition(c,k,l.to.y,c.to)}if(l.from.x!=l.to.x){n=n.concat(f);c.from=a.effects.setTransition(c,f,l.from.x,c.from);c.to=a.effects.setTransition(c,f,l.to.x,c.to)}}if(e=="content"||e=="both"){if(l.from.y!=l.to.y){n=n.concat(p);c.from=a.effects.setTransition(c,p,l.from.y,c.from);c.to=a.effects.setTransition(c,p,l.to.y,c.to)}}a.effects.save(c,i?n:m);c.show();a.effects.createWrapper(c);c.css("overflow","hidden").css(c.from);if(e=="content"||e=="both"){k=k.concat(["marginTop","marginBottom"]).concat(p);f=f.concat(["marginLeft","marginRight"]);j=n.concat(k).concat(f);c.find("*[width]").each(function(){child=a(this);if(i){a.effects.save(child,j)}var q={height:child.height(),width:child.width()};child.from={height:q.height*l.from.y,width:q.width*l.from.x};child.to={height:q.height*l.to.y,width:q.width*l.to.x};if(l.from.y!=l.to.y){child.from=a.effects.setTransition(child,k,l.from.y,child.from);child.to=a.effects.setTransition(child,k,l.to.y,child.to)}if(l.from.x!=l.to.x){child.from=a.effects.setTransition(child,f,l.from.x,child.from);child.to=a.effects.setTransition(child,f,l.to.x,child.to)}child.css(child.from);child.animate(child.to,b.duration,b.options.easing,function(){if(i){a.effects.restore(child,j)}})})}c.animate(c.to,{queue:false,duration:b.duration,easing:b.options.easing,complete:function(){if(c.to.opacity===0){c.css("opacity",c.from.opacity)}if(g=="hide"){c.hide()}a.effects.restore(c,i?n:m);a.effects.removeWrapper(c);if(b.callback){b.callback.apply(this,arguments)}c.dequeue()}})})}})(jQuery); 
+/* explode effects */
+(function(a){a.effects.explode=function(b){return this.queue(function(){var k=b.options.pieces?Math.round(Math.sqrt(b.options.pieces)):3;var e=b.options.pieces?Math.round(Math.sqrt(b.options.pieces)):3;b.options.mode=b.options.mode=="toggle"?(a(this).is(":visible")?"hide":"show"):b.options.mode;var h=a(this).show().css("visibility","hidden");var l=h.offset();l.top-=parseInt(h.css("marginTop"),10)||0;l.left-=parseInt(h.css("marginLeft"),10)||0;var g=h.outerWidth(true);var c=h.outerHeight(true);for(var f=0;f<k;f++){for(var d=0;d<e;d++){h.clone().appendTo("body").wrap("<div></div>").css({position:"absolute",visibility:"visible",left:-d*(g/e),top:-f*(c/k)}).parent().addClass("ui-effects-explode").css({position:"absolute",overflow:"hidden",width:g/e,height:c/k,left:l.left+d*(g/e)+(b.options.mode=="show"?(d-Math.floor(e/2))*(g/e):0),top:l.top+f*(c/k)+(b.options.mode=="show"?(f-Math.floor(k/2))*(c/k):0),opacity:b.options.mode=="show"?0:1}).animate({left:l.left+d*(g/e)+(b.options.mode=="show"?0:(d-Math.floor(e/2))*(g/e)),top:l.top+f*(c/k)+(b.options.mode=="show"?0:(f-Math.floor(k/2))*(c/k)),opacity:b.options.mode=="show"?1:0},b.duration||500)}}setTimeout(function(){b.options.mode=="show"?h.css({visibility:"visible"}):h.css({visibility:"visible"}).hide();if(b.callback){b.callback.apply(h[0])}h.dequeue();a("div.ui-effects-explode").remove()},b.duration||500)})}})(jQuery);
diff --git a/static/js/pichat.js b/static/js/pichat.js
index 2cb577f..bdd2471 100644
--- a/static/js/pichat.js
+++ b/static/js/pichat.js
@@ -1,11 +1,27 @@
 var cache = {}
 var PendingMessages = {}
+var MessageContentCache = {}
 
 var MaxImagePosts = 40
 
 // Utils
 
-// use e.g. "backgroundColor" not "background-color"
+/*Object.size = function(obj) {
+    var size = 0, key;
+    for (key in obj) {
+        if (obj.hasOwnProperty(key)) size++;
+    }
+    return size;
+};*/
+
+isEmptyObject = function(obj) {
+    for (key in obj) {
+        if (obj.hasOwnProperty(key)) return false;
+    }
+    return true
+}
+
+
 function isCSSPropertySupported(prop){
     return prop in document.body.style;
 }
@@ -15,16 +31,30 @@ function escapeHtml(txt) {
     else { return $("<span>").text(txt).html(); }
 }
 
+
+URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
+PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i;
+
+function getImagesAsArray(text) {
+  var imgs = []
+  var urls = text.match(URLRegex)
+  for (var i = 0; i<urls.length; i++){
+    var url = urls[i]
+    var urlWithoutParams = url.replace(/\?.*$/i, "");
+    if (PicRegex.test(urlWithoutParams))
+      imgs.push(url)
+  }
+  return imgs
+}
+
 function linkify(text) {
     LastMsgContainsImage = false
-    var URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
     return text.replace(URLRegex, linkReplace);
 }
 
 // durty hack to use a global to check this... but otherwise i'd have to rewrite the String.replace function? :/
 var LastMsgContainsImage = false
 function linkReplace(url) {
-    var PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i;
     var urlWithoutParams = url.replace(/\?.*$/i, "");
     
     if (url.indexOf('http://') == 0 || url.indexOf('https://') == 0 || url.indexOf('ftp://') == 0)
@@ -42,12 +72,10 @@ function linkReplace(url) {
 
 function linkifyWithoutImage(text) {
     LastMsgContainsImage = false
-    var URLRegex = /((\b(http\:\/\/|https\:\/\/|ftp\:\/\/)|(www\.))+(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
     return text.replace(URLRegex, linkReplaceWithoutImage);
 }
 
 function linkReplaceWithoutImage(url){
-    var PicRegex = /\.(jpg|jpeg|png|gif|bmp)$/i;
     var urlWithoutParams = url.replace(/\?.*$/i, "");
     linkUrl = url.indexOf('http://') == 0 ? url : 'http://' + url;
 
@@ -80,8 +108,10 @@ function buildMessageDiv(msg, isLoading) {
     var msgId = !isLoading ? 'id="message-' + msg.msg_id + '"' : '';
     var loadingClass = isLoading ? ' loading' : '';
     var containsImageClass = LastMsgContainsImage ? ' contains-image' : '';
-    return '<div class="msgDiv ' + loadingClass + containsImageClass + '" ' + msgId  + '>'
-        + '<b><a href="/u/' + nick + ' ">' + nick + '</a>: </b>'
+    return '<div class="msgDiv dump ' + loadingClass + containsImageClass + '" ' + msgId  + '>'
+        + '<span class="nick"><b><a href="/u/' + nick + ' ">' + nick + '</a></b>'
+        + ' <img src="'+Imgs.chatThumbDot+'" class="thumb chat-thumb" onclick="Tag.favorite(this)"> '
+        + '</span>'
         + buildMsgContent(msg.content)
         + '</div>';
 }
@@ -130,7 +160,7 @@ function submitMessage() {
     var content = $.trim($('#msgInput').val());
     $('#msgInput').val('');
     if (content ==  '') { return; }
-    if (content.length > 1000) {
+    if (content.length > 1337) {
       alert("POST TOO LONG DUDE!");
       return;
     } // this shouldn't just be client side :V
@@ -193,18 +223,19 @@ function flattenUserJson(users) {
 }
 
 function updateUI(msgs, users) {
-    if (window['growlize'] && msgs && msgs.length > 0) {
-        $.map(msgs, buildGrowlDataAndPopDatShit)
-    } else if (msgs && msgs.length > 0) {
-        addNewMessages(msgs);
-    }
-    if (users !== null) {
-        var flattened = flattenUserJson(users);
-        if (!('userlist' in cache) || flattened != cache.userlist) {
-            $("#userList").html($.map(users.sort(sortUsersByAlpha), buildUserDiv).join(''));
-        }
-        cache.userlist = flattened
-    }
+  
+  if (window['growlize'] && msgs && msgs.length > 0) {
+      $.map(msgs, buildGrowlDataAndPopDatShit)
+  } else if (msgs && msgs.length > 0) {
+      addNewMessages(msgs);
+  }
+  if (users !== null) {
+      var flattened = flattenUserJson(users);
+      if (!('userlist' in cache) || flattened != cache.userlist) {
+          $("#userList").html($.map(users.sort(sortUsersByAlpha), buildUserDiv).join(''));
+      }
+      cache.userlist = flattened
+  }
 }
 
 function sortUsersByAlpha(a, b){
@@ -248,6 +279,9 @@ function refresh() {
     var onSuccess = function(json) {
         try {
             Timestamp = json.timestamp;
+            
+            $.map(json.messages, function(msg){ MessageContentCache[msg.msg_id.toString()] = msg.content })
+            
             var messages = $.grep(
                 json.messages,
                 function(m) { return !isDuplicateMessage(m) });
@@ -292,9 +326,14 @@ function initChat() {
 
     $('#msgInput').keyup(ifEnter(submitMessage));
     $('#msgSubmit').click(submitMessage);
+    $('#palette-button').click(paletteToggle);
 
     messageList = $("#messageList")[0]
 
+    if (!isEmptyObject(RawFavs)) paletteButtonShow()
+
+    initChatThumb()
+
     scrollToEnd()
     scrollWatcher()
     
@@ -372,6 +411,7 @@ function initProfile() {
         var t = $(this);
         t.html(buildMsgContent(t.text()));
     });
+    initLogThumb()
 };
 
 function initLog() {
@@ -379,57 +419,154 @@ function initLog() {
         var t = $(this);
         t.html(buildMsgContent(t.text()));
     });
-    initAnimThumb();
+    initLogThumb();
+}
+
+// todo: preload these. also, look into image sprites (no go on animating their sizes tho)
+Imgs = {
+  "chatThumb": "/static/img/thumbs/color.right.gif",
+  "chatThumbBig": "/static/img/thumbs/color.right.4x.gif",
+  "chatThumbOff": "/static/img/thumbs/bw.right.gif",
+  "chatThumbDot": "/static/img/thumbs/pink.circle.gif",
+  "logThumb": "/static/img/thumbs/color.left.gif",
+  "logThumbBig": "/static/img/thumbs/color.left.4x.gif",
+  "logThumbOff": "/static/img/thumbs/bw.left.gif"
+}
+
+Anim = {
+    "chatThumbBig": {"width": "56px", "height": "60px", "right": "-35px", "bottom": "-10px"},
+    "chatThumbTiny": {"width": "8px", "height": "8px", "right": "8px", "bottom": "8px"},
+    "chatThumb": {"width": "16px", "height": "16px", "right": "4px", "bottom": "4px"},
+    "logThumb": {"width": "16px", "height": "16px", "marginLeft": "0px", "marginTop": "0px"},
+    "logThumbBig": {"width": "56px", "height": "60px", "marginLeft": "-40px", "marginTop": "-27px"}
 }
 
 // jesus this logic is ugly
-function initAnimThumb(){
+function initLogThumb(){
   $(".buttons .thumb").bind('mouseover mouseout', 
     function(e) {
-      var favorited = $(this).hasClass("favorite") ? true : false;
+      var favorited = $(this).parents(".dump").hasClass("favorite") ? true : false;
       if (e.type == "mouseover") {
         if (favorited) {
-          $(this).attr("src", "/static/thumbup.gif");
-/*          $(this).stop().animate({ 
-            "width": "14px",
-            "height": "15px",
-            "marginLeft": "0px",
-            "marginTop": "0px"
-          }, 'fast');      */    
+          $(this).attr("src", Imgs.logThumbOff);
         } else {
-          $(this).attr("src", "/static/thumbup.colored.4x.gif");
-          $(this).stop().animate({ 
-              "width": "56px",
-              "height": "60px",
-              "marginLeft": "-44px",
-              "marginTop": "-27px"
-          }, 'fast');
+          $(this).attr("src", Imgs.logThumbBig);
+          $(this).stop().animate(Anim.logThumbBig, 'fast');
         }
       } else { // mouseout
         if (favorited) {
-          $(this).attr("src", "/static/thumbup.colored.gif");
-          $(this).stop().animate({ 
-            "width": "14px",
-            "height": "15px",
-            "marginLeft": "0px",
-            "marginTop": "0px"
-          }, 'fast');
+          $(this).attr("src", Imgs.logThumb);
+          $(this).stop().animate(Anim.logThumb, 'fast');
         } else { 
-          $(this).attr("src", "/static/thumbup.gif");
-          $(this).stop().animate({ 
-            "width": "14px",
-            "height": "15px",
-            "marginLeft": "0px",
-            "marginTop": "0px"
-          }, 'fast');
+          $(this).attr("src", Imgs.logThumbOff);
+          $(this).stop().animate(Anim.logThumb, 'fast');
         }
       }
   })
 }
 
+function initChatThumb(){
+  
+  $(".chat-thumb").live('mouseover mouseout', 
+    function(e) {
+      var favorited = $(this).parents(".dump").hasClass("favorite") ? true : false;
+      if (e.type == "mouseover") {
+        if (favorited) {
+          $(this).attr("src", Imgs.chatThumbOff);
+        } else {
+          $(this).attr("src", Imgs.chatThumbBig);
+          $(this).stop().animate(Anim.chatThumbBig, 'fast')
+        }
+      } else { // mouseout
+        if (favorited) {
+          $(this).attr("src", Imgs.chatThumb);
+          $(this).stop().animate(Anim.chatThumb, 'fast');
+        } else { 
+          $(this).stop().animate(Anim.chatThumbTiny, 'fast', 'swing', 
+            function(){
+              $(this).attr("src", Imgs.chatThumbDot)
+              $(this).animate(Anim.chatThumb, 0) 
+            })
+        }
+      }
+  })
+}
+
+function paletteButtonHideAnim(){
+  $("#msginputrapper").stop().animate({"marginRight": "374px"}, 'fast')
+  $("#msgSubmit").stop().animate({"right": "260px"}, 'fast')
+  $("#palette-button").stop().animate({"width": "0px"}, 'fast', 'swing', function(){ $("#palette-button").css("display", "none") })
+}
+function paletteButtonHide(){
+  $("#msginputrapper").css("marginRight", "374px")
+  $("#msgSubmit").css("right", "260px")
+  $("#palette-button").css("width", "0px")
+  $("#palette-button").css("display", "none")
+}
+function paletteButtonShowAnim(){
+  $("#msginputrapper").stop().animate({"marginRight": "415px"}, 'fast')
+  $("#msgSubmit").stop().animate({"right": "300px"}, 'fast')
+  $("#palette-button").css("display", "inline-block")
+  $("#palette-button").stop().animate({"width": "40px"}, 'fast')
+}
+function paletteButtonShow(){
+  $("#msginputrapper").css("marginRight", "415px")
+  $("#msgSubmit").css("right", "300px")
+  $("#palette-button").css("display", "inline-block")
+  $("#palette-button").css("width", "40px")
+}
+
+function paletteToChat(img){
+  var chatText = $("#msgInput").val()
+  if (chatText.length && chatText[chatText.length - 1] != " ")
+    chatText += " "
+  chatText += $(img).attr("src") + " "
+  $("#msgInput").val(chatText)
+  $("#msgInput").focus().val($("#msgInput").val()) //http://stackoverflow.com/questions/1056359/
+  paletteHide()
+}
+
+paletteImageCache = false
+function paletteBuildImageThumbs(){
+  if (paletteImageCache) {
+    var imgs = paletteImageCache
+  } else {
+    var imgs = []
+    var dupeFilter = {}
+    for(fav in RawFavs){
+      var parsedImgs = getImagesAsArray(RawFavs[fav])
+      for (var i=0; i<parsedImgs.length; i++){
+        var img = parsedImgs[i]
+        if (!dupeFilter[img]) {
+          imgs.push(img)
+          dupeFilter[img] = true
+        }
+      }
+    }
+    paletteImageCache = imgs
+  }
+    
+  for(var i=0; i<imgs.length; i++){
+    $("#palette-thumbs").append("<img onclick='paletteToChat(this)' src='"+imgs[i]+"'>")
+  }
+}
+
+function paletteShow(){
+  $("#palette").css("display", "block")
+  paletteBuildImageThumbs()
+}
+function paletteHide(){
+  $("#palette").css("display", "none")
+  $("#palette-thumbs").html("")
+}
+
+function paletteToggle(){
+  if ($("#palette").css("display") == "none")
+    paletteShow()
+  else
+    paletteHide()
+}
 
-// TODO
-function favoriteImage() {};
 
 function setupUpload(elementId, roomKey) {
     var onSubmit = function(file, ext) {
@@ -551,7 +688,6 @@ function initDirectory() {
 
 //big hand stuff
 // TODO: replace this with simple pointer-events thing.
-
 function initBigHand(id){
     var cursorId = "#cursor-big"
     var cursor = $(cursorId)[0]
@@ -617,70 +753,66 @@ function initBigHand(id){
     
 }
 
-Share = {
-<<<<<<< HEAD
-  "getMessage": function(button){
-    var message = $(button).parents(".logged-dump")
+// grab message id etc from some element e that's inside a message
+function getMessageInfo(e){
+    var message = $(e).parents(".dump")
     var id = message.attr("id").substr(8) // cut "message-001" to "001"
-    var nick = message.attr("nick") // cut "/u/timb" to "timb"
+    var nick = message.attr("nick")
     var link = "http://dump.fm/p/" + nick + "/" + id
     var content = message.find(".linkify")
     if (!content.length) content = message.find(".content")
     var rawContent = content.html()
     var img = content.find("img").attr("src")
     var via = "via " + nick + " on dump.fm"
-    return {"nick": nick, "id": id, "link": encodeURIComponent(link), "content": content, "img": encodeURIComponent(img), "via": encodeURIComponent(via)}
-  },
+    return {"nick": nick, "id": id, "link": encodeURIComponent(link), 
+            "content": rawContent, "img": encodeURIComponent(img), 
+            "via": encodeURIComponent(via)}
+}
+
+Share = {
   "openLink": function(url){
     window.open(url, "_blank")
   },
   "facebook": function(button){
-    var message = Share.getMessage(button)
+    var message = getMessageInfo(button)
     var url = "http://www.facebook.com/share.php?u=" + message.img + "&t=" + message.via
     Share.openLink(url)
   },
   "tumblr": function(button){
-    var message = Share.getMessage(button)
+    var message = getMessageInfo(button)
     var url = "http://www.tumblr.com/share?v=3&u=" + message.img + "&t=" + message.via
     Share.openLink(url)
   },
   "twitter": function(button){
-    var message = Share.getMessage(button)
+    var message = getMessageInfo(button)
     var url = "http://twitter.com/home?status=" + message.img + encodeURIComponent(" ") + message.via
     Share.openLink(url)
   },
   "delicious": function(button){
-    var message = Share.getMessage(button)
+    var message = getMessageInfo(button)
     var url = "http://delicious.com/save?url=" + message.img + "&title=" + message.img + "&notes=" + message.via
     Share.openLink(url)
   }
 }
 
 Tag = {
-  // todo: get rid of all the duplicated code here and in share
-  "getMessage": function(button){
-    var message = $(button).parents(".logged-dump")
-    var id = message.attr("id").substr(8) // cut "message-001" to "001"
-    var nick = message.attr("nick") // cut "/u/timb" to "timb"
-    var link = "http://dump.fm/p/" + nick + "/" + id
-    var content = message.find(".linkify")
-    if (!content.length) content = message.find(".content")
-    var rawContent = content.html()
-    var img = content.find("img").attr("src")
-    var via = "via " + nick + " on dump.fm"
-    return {"nick": nick, "id": id, "link": encodeURIComponent(link), 
-            "content": content, "img": encodeURIComponent(img), 
-            "via": encodeURIComponent(via)}
-  },
   "favorite": function(button){
-    var message = Share.getMessage(button)
-    var favorited = ($(button).hasClass("favorite")) ? true : false
+    var message = getMessageInfo(button)
+    var favorited = ($(button).parents(".dump").hasClass("favorite")) ? true : false
     if (favorited) {
       Tag.rm(message.id, "favorite")
-      $(button).removeClass("favorite")
+      $(button).parents(".dump").removeClass("favorite")
+      if (RawFavs && RawFavs[message.id]) {
+        delete RawFavs[message.id]
+        paletteImageCache = false
+      }
     } else {
       Tag.add(message.id, "favorite")
-      $(button).addClass("favorite")
+      $(button).parents(".dump").addClass("favorite")
+      if (RawFavs && MessageContentCache[message.id]) {
+        RawFavs[message.id] = MessageContentCache[message.id]
+        paletteImageCache = false
+      }
     }
   },
   "add": function(message_id, tag){