fixed resize in panel/scrollbar

panels/scrollbar/script.js

+var CM;
+
 this.loaded = function(panel, config) {
 	console.log("scrollbar: register with config [" + config + "]");
-	var CM;
   
 	function CanvasMarquee() {
 		var
@@ -10,7 +11,7 @@ this.loaded = function(panel, config) {
 			font		= "vrr",
 			baseline	= 0.7,
 			textID		= -1,
-			amount		= 2,
+			amount		= 5,
 			delay		= 2,
 			width		= 0,
 			height		= 0,
@@ -25,7 +26,6 @@ this.loaded = function(panel, config) {
 			width = $(panel).width();
 			height = $(panel).height();
 			$(marquee).attr('width', width).attr('height', height);
-			width	= $(marquee).width();
 			mctx = marquee.getContext('2d');
 		}
 		
@@ -65,18 +65,19 @@ this.loaded = function(panel, config) {
 		}
 		
 		prerender = function() {
-			var fsize = height;
-			mctx.font = fsize + "px " + font;
+			mctx.font = height + "px " + font;
+			texts = [];
 			for (var i = 0; i < strings.length; ++i) {
 				var 
 					text = '+++ ' + strings[i].join(' +++                +++ ') + ' +++',
 					bWidth = mctx.measureText(text).width,
-					buffer = document.createElement('canvas');
-				$(buffer).attr("width", bWidth);
+					buffer = document.createElement('canvas'),
+					bctx;
+				$(buffer).attr('width', bWidth).attr('height', height);
 				bctx = buffer.getContext('2d');
-				bctx.font = fsize + "px " + font;
+				bctx.font = height + "px " + font;
 				bctx.fillStyle = fgColor;
-				bctx.fillText(text, 0, fsize * baseline);
+				bctx.fillText(text, 0, height * baseline);
 				texts.push({
 					'text'	: buffer,
 					'width'	: bWidth
@@ -89,7 +90,17 @@ this.loaded = function(panel, config) {
 	$.get("config/panel/scrollbar/oh14.json", function(decodedData) {
 		CM = new CanvasMarquee();
 		CM.setTexts(decodedData.texts);
-		$(window).resize(CM.resize);
 	});
 	
+	r = function() {
+		resize();
+	}
+	
+	$(window).resize(r);
+	
+}
+
+var resize = function() {
+	if (CM)
+		CM.resize();
 }
\ No newline at end of file