//chart2.js for channel 20501 / widget 279934 / WxH: 550x375 / skin: simple / vid: 0 / autoplay: N / shareicon: Y 
// pgstats - poor mans page statistics.. 
// NOT based on prototype or jquery - cause it must be lightweight

// // get our script src, to know our baseurl so we can call home
// var pgstatsScriptSource = (function(scripts) {
//     var scripts = document.getElementsByTagName('script'),
//         script = scripts[scripts.length - 1];	// at ths very moment, we are the last script guaranteed
// 
//     if (script.getAttribute.length !== undefined) {
//         return script.src
//     }
// 
//     return script.getAttribute('src', -1)
// }());

var pgstats= {
	browser: navigator.userAgent,
	uid: '',
	scr: screen.width.toString()+'x'+screen.height.toString(),
	url: document.URL,
	referrer: document.referrer,
	ecollect: {},
	baseurl: 'http://www.yubby.com/',	// pgstatsScriptSource.substr(0,pgstatsScriptSource.lastIndexOf('/pgstats/')),
	init: function() {
		if (!(this.uid=this.readCookie('pgstats'))) {
			this.uid= Math.round(Math.random() * 2147483647).toString();
			this.uid+= Math.round(Math.random() * 2147483647).toString();
			this.createCookie('pgstats',this.uid,365*2);
		}
	}, 
	xPageHit: function () {
		var xhReq=this.createXMLHttpRequest();
		if (!xhReq)
			return 'ERR:xhReq';	// forget it..
		if (!this.baseurl)
			return 'ERR:baseurl';	// forget it..
		xhReq.open('get',this.baseurl+'pgstats/tick?'+this.collectInfo(),true);
		// xhReq.onreadystatechange = function() {
		//     if (xhReq.readyState != 4)  { return; }
		//     var serverResponse = xhReq.responseText;
		//     alert(serverResponse);
		// };
		xhReq.send();
		return 'OK';
	},
	collectInfo: function() {
		var rv;
		rv='ts=' + new Date().getTime();
		//rv+='&br='+this.encURI(this.browser);
		rv+='&uid='+this.uid;
		rv+='&url='+this.encURI(this.url);
		rv+='&refer='+this.encURI(this.referrer);
		//rv+='&ssrc='+this.encURI(this.baseurl);
		rv+='&scr='+this.scr;
		for (i in this.ecollect) {
			rv+='&'+i+'='+this.encURI(this.ecollect[i]);
		}

		return rv;
	},
	addcollect: function(key,val) {
		this.ecollect[key]=val;
	},
	//------- helper functions ----------
	createCookie: function (name,value,days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		document.cookie = name+"="+value+expires+"; path=/";
	},
	readCookie: function(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
	},
	eraseCookie: function(name) {
		createCookie(name,"",-1);
	},
	encURI: function(url) {
		//return encodeURIComponent(url);	// forgets to encode a lot of chars. Useless
		var s = escape(url);	// this is the most complete one, however forgets to encode star, slash, @ and +
		s = s.replace(/\*/g,"%2A");
		s = s.replace(/\//g,"%2F");
		s = s.replace(/\@/g,"%40");
		s = s.replace(/\+/g,"%2B");
		return s;
	},
	createXMLHttpRequest: function() {
  		try { return new XMLHttpRequest(); } catch(e) {}
		try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
		try { return new ActiveXObject('Microsoft.XMLHTTP'); } catch (e) {}
		return null;
	}
}
pgstats.init();
//pgstats.addcollect('vid','234234');
//pgstats.xPageHit();
// Widget standard js for yubby
// NOT based on prototype or jquery - cause it must be lightweight and cant interfere with host

/**
 *	htmlspecialchars - like its php counterpart
 *	@author rvw
 *	@since 08-03-2010 12:19
 */
function htmlspecialchars(string) {
	string = string.toString();
	string = string.replace(/&/g, '&amp;');    
	string = string.replace(/</g, '&lt;').replace(/>/g, '&gt;');
	string = string.replace(/"/g, '&quot;');
	// single quote.. string = string.replace(/'/g, '&#039;');
	return string;
}

//------------ tween.js ----------------------
function Delegate() {}
Delegate.create = function (o, f) {
	var a = new Array() ;
	var l = arguments.length ;
	for(var i = 2 ; i < l ; i++) a[i - 2] = arguments[i] ;
	return function() {
		var aP = [].concat(arguments, a) ;
		f.apply(o, aP);
	}
}

Tween = function(obj, prop, func, begin, finish, duration, suffixe){
	this.init(obj, prop, func, begin, finish, duration, suffixe)
}
var t = Tween.prototype;

t.obj = new Object();
t.prop='';
t.func = function (t, b, c, d) { return c*t/d + b; };
t.begin = 0;
t.change = 0;
t.prevTime = 0;
t.prevPos = 0;
t.looping = false;
t._duration = 0;
t._time = 0;
t._pos = 0;
t._position = 0;
t._startTime = 0;
t._finish = 0;
t.name = '';
t.suffixe = '';
t._listeners = new Array();	
t.setTime = function(t){
	this.prevTime = this._time;
	if (t > this.getDuration()) {
		if (this.looping) {
			this.rewind (t - this._duration);
			this.update();
			this.broadcastMessage('onMotionLooped',{target:this,type:'onMotionLooped'});
		} else {
			this._time = this._duration;
			this.update();
			this.stop();
			this.broadcastMessage('onMotionFinished',{target:this,type:'onMotionFinished'});
		}
	} else if (t < 0) {
		this.rewind();
		this.update();
	} else {
		this._time = t;
		this.update();
	}
}
t.getTime = function(){
	return this._time;
}
t.setDuration = function(d){
	this._duration = (d == null || d <= 0) ? 100000 : d;
}
t.getDuration = function(){
	return this._duration;
}
t.setPosition = function(p){
	this.prevPos = this._pos;
	var a = this.suffixe != '' ? this.suffixe : '';
	this.obj[this.prop] = Math.round(p) + a;
	this._pos = p;
	this.broadcastMessage('onMotionChanged',{target:this,type:'onMotionChanged'});
}
t.getPosition = function(t){
	if (t == undefined) t = this._time;
	return this.func(t, this.begin, this.change, this._duration);
};
t.setFinish = function(f){
	this.change = f - this.begin;
};
t.geFinish = function(){
	return this.begin + this.change;
};
t.init = function(obj, prop, func, begin, finish, duration, suffixe){
	if (!arguments.length) return;
	this._listeners = new Array();
	this.addListener(this);
	if(suffixe) this.suffixe = suffixe;
	this.obj = obj;
	this.prop = prop;
	this.begin = begin;
	this._pos = begin;
	this.setDuration(duration);
	if (func!=null && func!='') {
		this.func = func;
	}
	this.setFinish(finish);
}
t.start = function(){
	this.rewind();
	this.startEnterFrame();
	this.broadcastMessage('onMotionStarted',{target:this,type:'onMotionStarted'});
	//alert('in');
}
t.rewind = function(t){
	this.stop();
	this._time = (t == undefined) ? 0 : t;
	this.fixTime();
	this.update();
}
t.fforward = function(){
	this._time = this._duration;
	this.fixTime();
	this.update();
}
t.update = function(){
	this.setPosition(this.getPosition(this._time));
	}
t.startEnterFrame = function(){
	this.stopEnterFrame();
	this.isPlaying = true;
	this.onEnterFrame();
}
t.onEnterFrame = function(){
	if(this.isPlaying) {
		this.nextFrame();
		setTimeout(Delegate.create(this, this.onEnterFrame), 0);
	}
}
t.nextFrame = function(){
	this.setTime((this.getTimer() - this._startTime) / 1000);
	}
t.stop = function(){
	this.stopEnterFrame();
	this.broadcastMessage('onMotionStopped',{target:this,type:'onMotionStopped'});
}
t.stopEnterFrame = function(){
	this.isPlaying = false;
}

t.continueTo = function(finish, duration){
	this.begin = this._pos;
	this.setFinish(finish);
	if (this._duration != undefined)
		this.setDuration(duration);
	this.start();
}
t.resume = function(){
	this.fixTime();
	this.startEnterFrame();
	this.broadcastMessage('onMotionResumed',{target:this,type:'onMotionResumed'});
}
t.yoyo = function (){
	this.continueTo(this.begin,this._time);
}

t.addListener = function(o){
	this.removeListener (o);
	return this._listeners.push(o);
}
t.removeListener = function(o){
	var a = this._listeners;	
	var i = a.length;
	while (i--) {
		if (a[i] == o) {
			a.splice (i, 1);
			return true;
		}
	}
	return false;
}
t.broadcastMessage = function(){
	var arr = new Array();
	for(var i = 0; i < arguments.length; i++){
		arr.push(arguments[i])
	}
	var e = arr.shift();
	var a = this._listeners;
	var l = a.length;
	for (var i=0; i<l; i++){
		if(a[i][e])
		a[i][e].apply(a[i], arr);
	}
}
t.fixTime = function(){
	this._startTime = this.getTimer() - this._time * 1000;
}
t.getTimer = function(){
	return new Date().getTime() - this._time;
}
Tween.backEaseIn = function(t,b,c,d,a,p){
	if (s == undefined) var s = 1.70158;
	return c*(t/=d)*t*((s+1)*t - s) + b;
}
Tween.backEaseOut = function(t,b,c,d,a,p){
	if (s == undefined) var s = 1.70158;
	return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
}
Tween.backEaseInOut = function(t,b,c,d,a,p){
	if (s == undefined) var s = 1.70158; 
	if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
	return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
}
Tween.elasticEaseIn = function(t,b,c,d,a,p){
		if (t==0) return b;  
		if ((t/=d)==1) return b+c;  
		if (!p) p=d*.3;
		if (!a || a < Math.abs(c)) {
			a=c; var s=p/4;
		}
		else 
			var s = p/(2*Math.PI) * Math.asin (c/a);
		
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	
}
Tween.elasticEaseOut = function (t,b,c,d,a,p){
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b);
	}
Tween.elasticEaseInOut = function (t,b,c,d,a,p){
	if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) var p=d*(.3*1.5);
	if (!a || a < Math.abs(c)) {var a=c; var s=p/4; }
	else var s = p/(2*Math.PI) * Math.asin (c/a);
	if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
}

Tween.bounceEaseOut = function(t,b,c,d){
	if ((t/=d) < (1/2.75)) {
		return c*(7.5625*t*t) + b;
	} else if (t < (2/2.75)) {
		return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
	} else if (t < (2.5/2.75)) {
		return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
	} else {
		return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
	}
}
Tween.bounceEaseIn = function(t,b,c,d){
	return c - Tween.bounceEaseOut (d-t, 0, c, d) + b;
	}
Tween.bounceEaseInOut = function(t,b,c,d){
	if (t < d/2) return Tween.bounceEaseIn (t*2, 0, c, d) * .5 + b;
	else return Tween.bounceEaseOut (t*2-d, 0, c, d) * .5 + c*.5 + b;
	}

Tween.strongEaseInOut = function(t,b,c,d){
	return c*(t/=d)*t*t*t*t + b;
	}

Tween.regularEaseIn = function(t,b,c,d){
	return c*(t/=d)*t + b;
	}
Tween.regularEaseOut = function(t,b,c,d){
	return -c *(t/=d)*(t-2) + b;
	}

Tween.regularEaseInOut = function(t,b,c,d){
	if ((t/=d/2) < 1) return c/2*t*t + b;
	return -c/2 * ((--t)*(t-2) - 1) + b;
	}
Tween.strongEaseIn = function(t,b,c,d){
	return c*(t/=d)*t*t*t*t + b;
	}
Tween.strongEaseOut = function(t,b,c,d){
	return c*((t=t/d-1)*t*t*t*t + 1) + b;
	}

Tween.strongEaseInOut = function(t,b,c,d){
	if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
	return c/2*((t-=2)*t*t*t*t + 2) + b;
	}

//======= end tween.js
var isIE = /MSIE ((5\.5)|[6])/.test(navigator.userAgent) && navigator.platform == "Win32";

var cvids_279934= new Array();	// channelvideo's
var curvid_279934=0;			// first video
var cpvideo_279934=false;		// false=thumb, true=video

var matrix_curpg=1;
var matrix_npages=0;
var matrix_itemspp=3;	// 16
var tweenflip=0;
var tween1=null;
var tween2=null;

var butnext_mousein=false;
var butprev_mousein=false;
var img1_ov = new Image;
var img1_ou = new Image;
var img1_d  = new Image;
var img2_ov = new Image;
var img2_ou = new Image;
var img2_d  = new Image;
img1_ov.src="http://www.yubby.com//img/widget/chart2/iconprev24ov.png";
img1_ou.src="http://www.yubby.com//img/widget/chart2/iconprev24.png";
img1_d.src ="http://www.yubby.com//img/widget/chart2/iconprev24d.png";
img2_ov.src="http://www.yubby.com//img/widget/chart2/iconnext24ov.png";
img2_ou.src="http://www.yubby.com//img/widget/chart2/iconnext24.png";
img2_d.src ="http://www.yubby.com//img/widget/chart2/iconnext24d.png";

var wgElm_279934 = document.getElementById('viidoo_chart2_279934');
if (wgElm_279934) {
	vp_createwg();
}

pgstats.addcollect('chid','20501');
pgstats.addcollect('hit','embed');
pgstats.addcollect('widget','chart2');
pgstats.xPageHit();

function vp_createwg() {
	var html='<div id="widget_flash_279934" class="widget_flash" style="width: 550px;height:375px;overflow:hidden; margin:0;padding:0;border:0px solid #DDDDDD;background:#fff;position:relative;font-family:Arial,helvetica,sans-serif">';
	html+='<div style="margin:0px;">';
	cvids_279934.push({vid:101684, thumb: 'http://i.ytimg.com/vi/ZhuKN7LS2_g/0.jpg', title: 'HP TouchSmart web printer unboxing party. My kids love the printer', desc: 'Ik evalueer de HP touchsmart web printer. Zonder je computer je google maps, agenda, je online foto\'s, kleurplaten, recepten en puzzels uitprinten. Een nieuwe manier van werken met een printer. Hij is populair in huis bij onze familie.'});
	cvids_279934.push({vid:93301, thumb: 'http://i.ytimg.com/vi/cl7KsLsylF4/0.jpg', title: 'HP PhotoSmart TouchSmart Web Printer Review', desc: 'My six year old, Princess, demonstrates the HP photosmart touchsmart Web Printer. This wireless printer connects directly to the web for superior functionality. You\'ll see Princess print coloring, craft and educational materials (Disney, Nickolodeon, and more), directly from the printer. You can also print coupons, recipes, Google Maps directions, charts, music staff paper, and SO much more without even using your computer! Also, copy, scan and fax from this machine! For more of this review, visit www.reallifeblog.net'});
	cvids_279934.push({vid:104219, thumb: 'http://ts.vimeo.com.s3.amazonaws.com/569/723/56972368_640.jpg', title: 'HP printer press conference overview', desc: ''});
	cvids_279934.push({vid:102367, thumb: 'http://ts.vimeo.com.s3.amazonaws.com/537/330/53733067_640.jpg', title: 'Tuan Tran HP Touchsmart web printer /', desc: 'Vincent Everts interviewt de hoofdrolspelers bij de introductie van de HP Photosmart Premium TouchSmart Web all-in-one printerserie. Tuan Tran vertelt over meer over de internationale printermarkt. '});
	cvids_279934.push({vid:106496, thumb: 'http://i.ytimg.com/vi/yuwmooHQ90U/0.jpg', title: 'HP Photosmart Premium with Touchsmart Web printer', desc: 'Commercial voor de HP Photosmart Premium with Touchsmart Web, \'s werelds eerste thuisprinter met directe internetverbinding en print apps, zodat je direct vanaf de printer allerlei online content kunt afdrukken - zonder je PC op te starten.'});
	cvids_279934.push({vid:101686, thumb: 'http://cdn2.ustream.tv/static/images/schannel_picture/3/4/1/2/3412698/th/smalls2_120_3412698_screenshot2010-03-16at.jpg', title: 'hptouchsmartweb on USTREAM: press conference HP bij de introductie van de HP touchsmart web printer.. Gadgets', desc: 'Je kan hier straks live de persconferentie volgen waar de HP Touchsmart web printer  officieel wordt gelanceerd in Nederland. Tijdens de persconferentie kan je vragen stellen en je mening geven via Twitter (hashtag: #hptouch). In het kanaal staat verder mijn unboxing filmpje en andere informatie over de printer.'});
	cvids_279934.push({vid:102366, thumb: 'http://ts.vimeo.com.s3.amazonaws.com/537/346/53734653_640.jpg', title: 'HP Touchsmart web printer /  Laurent Molveau about developers', desc: 'Vincent Everts talks to Laurent Molveau responsible in europa about developing for the  HP Photosmart Premium TouchSmart Web all-in-one printerserie.  The printer has an app store with.'});
	cvids_279934.push({vid:102365, thumb: 'http://ts.vimeo.com.s3.amazonaws.com/537/360/53736014_640.jpg', title: 'HP Touchsmart web printer / Kees Verton', desc: 'Vincent Everts interviewt de hoofdrolspelers bij de introductie van de HP Photosmart Premium TouchSmart Web all-in-one printerserie. Kees Verton, HP Nederland geeft een toelichting op de printermarkt in Nederland.'});
	cvids_279934.push({vid:93299, thumb: 'http://cdn-thumbs.viddler.com/thumbnail_2_a7957e9c.jpg', title: 'HP Hit Print Video Remix - Eclectic Method', desc: 'http://www.remixtheprinter.com The HP Photosmart Premium with TouchSmart Web is the first web-connected printer, has a touch screen, and has apps from partners like Google Maps, Fandango, and Coupons.com for one-touch printing. This is the video remix.'});
	cvids_279934.push({vid:84051, thumb: 'http://i.ytimg.com/vi/m4seecVVmJw/0.jpg', title: 'HP Photosmart Premium TouchSmart Web All-in-One Printer', desc: 'www.zimbio.com The world\'s first web-connected home printer powered by touch. Quickly print movie tickets, maps, coupons, lab-quality photos and more. All without a computer and now at a very low price.'});
	cvids_279934.push({vid:84050, thumb: 'http://i.ytimg.com/vi/YOB6gos1OeY/0.jpg', title: 'HP Photosmart Printing without a PC', desc: 'The future of printing has arrived. Heres why people love using the HP Photosmart Premium with Touchsmart Web to print without a PC. More on Photosmart (www.hp.com/touchprinting) More on HP Print Apps (www.hp.com/appstudio)'});
	cvids_279934.push({vid:84052, thumb: 'http://i.ytimg.com/vi/D3fb3T5h-d8/0.jpg', title: 'HP Photosmart Bloggers\' First Impressions', desc: 'We asked Bloggers in Boston and New York to try the new HP Photosmart Premium with Touchsmart Web. Heres why theyre hooked. More on Photosmart (www.hp.com/touchprinting)'});
	cvids_279934.push({vid:84055, thumb: 'http://i.ytimg.com/vi/vJOKMNbIsSM/0.jpg', title: 'HP Photosmart C4600 \& C4700 (Print, Scan, Copy, Wireless)', desc: 'Specification \& price refer at: Photosmart C4680, bit.ly Photosmart C4780, bit.ly C4600 Series Overview: This intuitive, compact all-in-one with interactive HP TouchSmart frame delivers lab-quality photos, laser-quality documents, plus copies and scans effortlessly. Built-in photo optimisation features ensure great looking photos. Features: Print photos, make copies and scan effortlessly with the HP TouchSmart frame. View and print photos without a PC, using the color display with HP ...'});
	cvids_279934.push({vid:84048, thumb: 'http://i.ytimg.com/vi/ovg4WqpiuwA/0.jpg', title: 'A Tour of the HP Photosmart Premium TouchSmart Web printer', desc: 'Created on December 17, 2009 using FlipShare.'});
	cvids_279934.push({vid:84045, thumb: 'http://ts.vimeo.com.s3.amazonaws.com/313/352/31335208_640.jpg', title: 'Meet the HP Photosmart Premium with TouchSmart Web', desc: 'This spot was made for Current.com\'s VCAM contest for HP\'s new Photosmart Premium printer. The criteria was to showcase at least two of the included \"apps.\" I chose to show the Google Maps app and the Snapfish app.\n\nMy video was chosen as one of the 4 winners out of over 90 submissions.\n\nNOTE: 4 second end-tag provided by HP\n\nLength: 30 seconds\n\nSoftware used: Cinema 4D R11, Adobe After Effects CS4, Adobe Photoshop CS4, Adobe Illustrator CS4'});
	cvids_279934.push({vid:84049, thumb: 'http://i.ytimg.com/vi/JwKbwZ0-L_0/0.jpg', title: 'Wirth Consulting | Pt. II - HP Photosmart TouchSmart Un-Boxing', desc: 'Wirth Consulting (www.wirthconsulting.org) un-boxes the Hewlett-Packard Photosmart TouchSmart Web All-in-One in preparation for a Hands-On Test Report. Part I includes the process of unboxing the system to powering it on. Part II includes powering on the system to network setup, to printing a test page.'});
	cvids_279934.push({vid:93303, thumb: 'http://cdn-thumbs.viddler.com/thumbnail_2_b92a00d1_v1.jpg', title: 'HP TouchSmart Printers with Built-in Touch Functionality', desc: 'Lisa Bettany visits Vernon Coutinho from HP to talk about a couple different models of Printers and their Touchsmart technology.'});
	cvids_279934.push({vid:84046, thumb: 'http://a.images.blip.tv/Techzulu-HPCTIA09321-921-695.jpg', title: 'HP PhotoSmart with TouchSmart Web - CTIA 2009', desc: '\nTry saying that 10x fast! What else would you call this powerhouse of a printer. HP is going the way of the widgets with is new web-supported LCD touchscreen control panel. It comes bundled with several online apps such as printing Google maps, coloring pages for the kids, your movie tickets through Fandango, etc. If you feel the need to download more apps HP has made that possible with their Apps Studio. Another awesome thing is that HP is making the printers API completely open for the de\&#8230;Read More: http://www.techzulu.com/hands-on-with-new-hp-photosmart-premium-with-touchsmart-web.html\n'});
	cvids_279934.push({vid:84054, thumb: 'http://i.ytimg.com/vi/KknrBftKg5c/0.jpg', title: 'Staples Wows Shoppers with a Holiday Gift Incredible Savings', desc: 'more value to customers, Staples is launching a Holiday Sweepstakes on Staples.com on Cyber Monday (Nov. 30). One lucky customer will win a 0 technology bundle every day through Dec. 25th. The prize will include a Windows 7 HP Laptop and an HP Photosmart Premium Touchsmart Web All-in-One. Also during the season, customers will find new Staples-exclusive products for as low as , including the Omnitech(tm) Digital Ornament (.99) and the Omnitech(tm) Mini Pod Speaker (.99); great ...'});
	cvids_279934.push({vid:84108, thumb: 'http://i.ytimg.com/vi/rVPSCBPoChA/0.jpg', title: 'HP Photosmart Premium with TouchSmart Web World\'s First Web-', desc: 'HP Photosmart Premium with TouchSmart Web World\'s First Web-Connected Home Printer from HP HP Launches New Web-Based Printing Platform with HP Apps -Imagine looking up movie tickets or driving directions and printing directly from your printer with the touch of a finger. Now you can...and this is just the start. HP unveiled the world\'s first Web-connected home printer: the HP Photosmart Premium with TouchSmart Web. With the sweep of a finger on the printer\'s 4.33-inch touchscreen - the ...'});
	cvids_279934.push({vid:84109, thumb: 'http://i.ytimg.com/vi/Wei25I5iULg/0.jpg', title: 'HP Photosmart Premium with TouchSmart Web World\'s First Web-', desc: 'HP Photosmart Premium with TouchSmart Web World\'s First Web-Connected Home Printer from HP HP Launches New Web-Based Printing Platform with HP Apps -Imagine looking up movie tickets or driving directions and printing directly from your printer with the touch of a finger. Now you can...and this is just the start. HP unveiled the world\'s first Web-connected home printer: the HP Photosmart Premium with TouchSmart Web. With the sweep of a finger on the printer\'s 4.33-inch touchscreen - the ...'});
	cvids_279934.push({vid:84110, thumb: 'http://i.ytimg.com/vi/zrY1BbbPiwk/0.jpg', title: 'HP Photosmart Premium All-in-One with Touchsmart Web', desc: 'A two minute intro to the HP Photosmart Premium All-in-One with Touchsmart Web, providing an in-depth view of the product\'s features and apps.'});
	cvids_279934.push({vid:84111, thumb: 'http://i.ytimg.com/vi/2TkXEb45SOA/0.jpg', title: 'HP Photosmart Premium with TouchSmart Web World\'s First Web-', desc: 'HP Photosmart Premium with TouchSmart Web World\'s First Web-Connected Home Printer from HP HP Launches New Web-Based Printing Platform with HP Apps -Imagine looking up movie tickets or driving directions and printing directly from your printer with the touch of a finger. Now you can...and this is just the start. HP unveiled the world\'s first Web-connected home printer: the HP Photosmart Premium with TouchSmart Web. With the sweep of a finger on the printer\'s 4.33-inch touchscreen - the ...'});
	cvids_279934.push({vid:84112, thumb: 'http://i.ytimg.com/vi/jet4b9zFopo/0.jpg', title: 'HP Photosmart Premium with Touchsmart Web (Wireless Networking Setup)', desc: 'Quick how to on how to connect your Touchsmart Web printer to a wireless network. (For review on HardwareGeeks.com) Sorry about vid quality had to use iPhone'});
	cvids_279934.push({vid:84113, thumb: 'http://i.ytimg.com/vi/Ph2IukJaGus/0.jpg', title: 'HP Photosmart Premium All-in-One with Touchsmart Web Consumer Testimonials', desc: 'One minute video of a mom explaining how the printer has solved all of her organizational problems'});
	cvids_279934.push({vid:84114, thumb: 'http://i.ytimg.com/vi/Mb1Ksll6po4/0.jpg', title: 'H-P Unveils First Web-Connected Printer, No Computer Needed', desc: 'techpulse360.com Its been a very very long time since I was exciting about using a printer. A bit like using an uninterruptible power supply or a backup system! But with its latest all-in one printer/scanner/fax, HP makes printing cool again. The Photosmart Premium with TouchSmart Web (with the money HP spends in marketing, it could have easily found a more shorter and sexier name!) uses the same printing engine than the currently shipping Photosmart Premium C8180 a Wi-Fi/Bluetooth multi ...'});
	cvids_279934.push({vid:84115, thumb: 'http://i.ytimg.com/vi/x61OlPNFqZo/0.jpg', title: 'HP Photosmart Premium with TouchSmart Web AD', desc: 'www.MixxedBagg.com Introducing the HP Photosmart Premium with TouchSmart Web, the worlds first web-connected home printer. Print Fandango movie tickets and more, right from your printer. Featuring Vampire Weekend track, \"A-Punk\".'});
	cvids_279934.push({vid:93302, thumb: 'http://i.ytimg.com/vi/jet4b9zFopo/0.jpg', title: 'HP Photosmart Premium with Touchsmart Web (Wireless Networking Setup)', desc: 'Quick how to on how to connect your Touchsmart Web printer to a wireless network. (For review on hardwaregeeks.com) Sorry about vid quality had to use iphone'});
html+='<div id="thumb_279934" style="width:407px;overflow:hidden;height:336px;background-color:#FFFFFF;position:relative;float:left;">';
html+=vidthumbhtml_279934(curvid_279934);
html+='</div>';
	html +='<div style="height:26px;width:126px;position:absolute;right:5px;">';
		//html +='<img onclick="showmatrix_279934(0);" style="position:absolute;left:66px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.yubby.com//img/widget/chart2/iconmatrix24.png" title="popup an overview with all videos"/>';
		html +='<img id="pgprev_279934" onclick="gotopageoffset_279934(-1);" style="position:absolute;left:0px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.yubby.com//img/widget/chart2/iconprev24.png" onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" title="scroll back"/>';
		//html +='<img onclick="playstop_279934();" style="position:absolute;left:5px;top:20px;cursor:pointer;margin:0;padding:0;" src="http://www.yubby.com//img/widget/chart2/iconstop24.png" title="stop"/>';
		//html +='<img onclick="playstart_279934();" style="position:absolute;left:5px;top:30px;cursor:pointer;margin:0;padding:0;" src="http://www.yubby.com//img/widget/chart2/iconplay24.png" title="play"/>';
		html +='<img id="pgnext_279934" onclick="gotopageoffset_279934(1);" style="position:absolute;left:66px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.yubby.com//img/widget/chart2/iconnext24.png" onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);"  title="scroll forward"/>';
		html +='<div style="position:relative;top:54px; width:124px; margin:0px 0px 0px 0px;height:280px;overflow:hidden;border:1px solid #ddd;background-color:#fff" id="mxsoutline_279934">';
			html+='<div id="mxs_279934"  style="position:absolute;top:0px;background-color:#ffffff;"></div>';
			html+='<div id="mxs2_279934" style="position:absolute;top:0px;background-color:#ffffff;"></div>';	// videolist placeholder
		html +='</div>';
	html +='</div>';
	html+='<div style="height:26px;width:100px;position:absolute;bottom:8px;left:0px;">';
	html+='<a target=_blank href="http://www.yubby.com/"><img style="position:absolute;left:0px;top:3px;height:25px;z-index:5;cursor:pointer;margin:0;padding:0;" border=0 src="http://www.yubby.com/img/project/yubby/logo.png"></a>';
			//html +='<a target=_blank href="http://www.yubby.com/channel/player/20501/first"><div style="position:absolute;left:70px;top:9px;color:#444;font-size:11px;line-height:10px;cursor:pointer;width:185px;height:20px;overflow:hidden;" >powered by yubby.com</div></a>';
					html +='<img onclick="toggleembed_279934();" src="http://www.yubby.com/img/icon_share30.png" style="cursor:pointer;position:absolute;left:384px;top:0px;" title="share or embed" alt="share or embed">';
				html +='<a style="text-decoration:none" target=_blank href="http://www.yubby.com/channel/player/20501/first"><div style="position:absolute;left:70px;top:3px;color:#444;font-size:11px;line-height:10px;cursor:pointer;width:185px;height:22px;overflow:hidden;" ><span style="color:#888;">You are watching channel</span><br/>HP TouchSmart Web</div></a>';
		html+='</div>';
	
	html+='</div></div>';	// margin and innerflash
	wgElm_279934.innerHTML=html;
	wgElm_279934.style.display = 'block';

	gotopage_279934(matrix_curpg);	// 1
		
}

function playnext_279934() {
	if (curvid_279934 < cvids_279934.length -1 ) {
		curvid_279934++;
		if (cpvideo_279934)
			playstart_279934();	// we are playing video
		else {
			var thumbdiv=document.getElementById('thumb_279934');
			thumbdiv.innerHTML=vidthumbhtml_279934(curvid_279934);
		}
	}
}
function playprev_279934() {
	if (curvid_279934 >0 ) {
		curvid_279934--;
		if (cpvideo_279934)
			playstart_279934();	// we are playing video
		else {
			var thumbdiv=document.getElementById('thumb_279934');
			thumbdiv.innerHTML=vidthumbhtml_279934(curvid_279934);
		}
	}
}

// play video in video window
function playstart_279934(vnr) {
	closepopup_279934();	// close popup (if open)
	if (vnr==null)
		vnr=curvid_279934;
	else
		curvid_279934=vnr;	// set the current
	var thumbdiv=document.getElementById('thumb_279934');
	thumbdiv.innerHTML='<div></div>';
	thumbdiv.style.background='#FFF url(http://www.yubby.com/img/spinner32.gif) no-repeat 173.5px 138px';
	thumbdiv.innerHTML='<iframe name="playerframe" class="playerframe" src="http://www.yubby.com/widget/playvideo/'+cvids_279934[vnr].vid+'/407/336/L/W" width="407" height="336" frameborder="0" scrolling="no" allowtransparency="true"></iframe>';
	cpvideo_279934=true;
}

// show large thumb video still
function playstop_279934(vnr) {
	if (vnr==null)
		vnr=curvid_279934;
	else
		curvid_279934=vnr;	// set the current
	cpvideo_279934=false;
	var thumbdiv=document.getElementById('thumb_279934');
	thumbdiv.innerHTML=vidthumbhtml_279934(vnr);
}

// big thumbnail / player window
function vidthumbhtml_279934(vnr) {
	var html='';
	//th: 407 x 336  it: 407 x 274 t= -16 nrdesclines=2 
html+='<div style="width:407px;height:274px; overflow:hidden; position:absolute;left:0px;top:0px;">';
html+='<img src="'+cvids_279934[vnr].thumb+'" style="width:407px;height:305.25px;top:-16px;left:0px;position:relative;">';
html+='</div>';
html+='<div style="width:397px;height:62px;position:absolute;left:0px;bottom:0px;background-color:#BBB;padding:5px;"><div style="overflow:hidden;height:52px;"><div style="white-space:nowrap; margin: 2px 3px; font-size:16px;color:#555555;">'+htmlspecialchars(cvids_279934[vnr].title)+'</div><div style="margin: 2px 5px; font-size:13px;line-height:13px;color:#ffffff;overflow:hidden;height:27px;"  title="'+htmlspecialchars(cvids_279934[vnr].desc)+'">'+htmlspecialchars(cvids_279934[vnr].desc)+'</div><div style="padding: 3px 5px; letter-spacing:1px; background-color: #BBB; color: #333;font-size: 10px; position: absolute; right: 0px; top: -14px; ">'+(vnr+1)+'/'+(cvids_279934.length)+'</div></div></div>';
html+='<div style="position: absolute; width:100px;height:100px;top:118px;left:153.5px;z-index:200;cursor:pointer;cursor:hand;background:url(http://www.yubby.com//img/widget/chart2/videoplay100.png) no-repeat;" onClick="playstart_279934();"></div>';
	return html;
}

function visspb(vnr,show) {
	el = document.getElementById('spbid'+vnr);
	if (el) {
		el.style.display = show ? 'block':'none';  
	} 
	if (show && !cpvideo_279934)
		playstop_279934(vnr);
}

// thumbs rechts
function vidthumbhtmlSmall_279934(vnr) {
	var html='';
	html='';
				html+='<div style="margin: 0px; float: left; position: relative; width: 124px; height: 92px;">';
				html+='<div style="width:104px;max-height:58px;background:#f6f6f6;margin:13px auto 0px auto;overflow:hidden;position:relative;">';
				html+='<div style="width:104px;height:58px;background:#cccccc;border:0px solid #dedede;overflow:hidden;position:relative;"  onmouseover="visspb('+vnr+',true);" onmouseout="visspb('+vnr+',false);" >';
						html+='<img style="position:absolute;width:104px;height:78px;top:-10px;left:0;cursor: pointer;" onclick="playstart_279934('+vnr+')" title="'+htmlspecialchars(cvids_279934[vnr].desc)+'" src="'+cvids_279934[vnr].thumb+'" />';
						html+='<div id="spbid'+vnr+'" style="display:none; position: absolute; width:20px;height:20px;top:20px;left:40px;z-index:200;cursor:pointer;cursor:hand;background:url(http://www.yubby.com//img/widget/chart2/videoplay20.png) no-repeat;" onclick="playstart_279934('+vnr+')"></div>';
					html+='</div>';
				html+='</div>';
				html+='<div style="position: absolute; bottom: 0px; left: 10px;padding:0 0 4px 0;width:104px;height:15px;z-index:200;color:#555;font-size:11px;overflow:hidden;white-space: nowrap;cursor: pointer;" >'+htmlspecialchars(cvids_279934[vnr].title)+'</div>';
			html+='</div>';
		return html;
}

// cp 1..npages
function paginationhtml_279934(cp,npages) {
	if (npages<=1)
		return '';	// empty if no pagination..
	var html='';
	html+='<div class="pages">';
	if (cp>1) {
		// we CAN prev!
		html+= '<span class="pageblock" onclick="gotopage_279934('+(cp-1)+');">&#171; Previous</span>';
	}
	else {
		html+= '<span class="pageblock_disabled">&#171; Previous</span>';
	}
	// Available pages - Link
	var lpage = 1;
	var cpageSur = 2;
	var dotted = false;
	for (var lpage=1;lpage<=npages;lpage++) {
		// 1-2...8-9-[10]-11-12....58-59 
		if ( lpage<=2 || (lpage>=cp-4 && lpage<=cp+4) || lpage>=npages-1) {
			dotted = false;	// we need to dot afterwards
			if (lpage == cp )
				html+='<span class="pageblock_curpage"><b>'+lpage+'</b></span>';
			else
				html+='<span class="pageblock" onclick="gotopage_279934('+lpage+');">'+lpage+'</span>';
		}
		else {
			// no printing.. buttt maybe we need to dot
			if ( !dotted ) {
				html+='<span class="pageblock_dots">&nbsp;...&nbsp;</span>';
				dotted = true;
			}
		}
	}
		
	// Next page - Link
	if ( cp<npages )
		html+='<span class="pageblock" onclick="gotopage_279934('+(cp+1)+');">Next &#187;</span>';
	else
		html+='<span class="pageblock_disabled">Next &#187;</span>';
	html+='</div>';
	return html;
}

function vidplayurl_279934(vnr) {
	if (vnr==null)
		vnr=curvid_279934;
	return 'http://www.yubby.com/channel/player/20501/'+cvids_279934[vnr].vid;
}

// find absolute top loc of object
function vp_offsetTop(obj) {
    curtop = 0;
    if (obj.offsetParent) {
    curtop = obj.offsetTop
    while (obj = obj.offsetParent) {
      curtop += obj.offsetTop
    }
  }
  return curtop;
}

function vp_offsetLeft(obj) {
  curtop = 0;
  if (obj.offsetParent) {
    curtop = obj.offsetLeft;
    while (obj = obj.offsetParent) {
      curtop += obj.offsetLeft;
    }
  }
  return curtop;
}


function closepopup_279934() {
  el = document.getElementById('ipopup_279934');
  if (el) {
    el.parentNode.removeChild(el);
  } 
}

//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
//
function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}



//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

//------------------------------------ button handlers --------------------------------------
function stButImg(oBut) {
	if (oBut.id == 'pgnext_279934') { 
		if (matrix_curpg>=matrix_npages)
			oBut.src = img2_d.src;
		else
			oBut.src= butnext_mousein ? img2_ov.src : img2_ou.src;
	}
	if (oBut.id == 'pgprev_279934') { 
		if (matrix_curpg<=1)
			oBut.src = img1_d.src;
		else
			oBut.src= butprev_mousein ? img1_ov.src : img1_ou.src;
	}
}

function oMouEv(oBut,mouseIn) {
	
	if (oBut.id == 'pgnext_279934') 
		butnext_mousein=mouseIn;
	if (oBut.id == 'pgprev_279934') 
		butprev_mousein=mouseIn;
	stButImg(oBut);
}

//----------------------------------------- pagination -------------------------------------

function initpage_279934() {
	matrix_npages= Math.ceil(cvids_279934.length / matrix_itemspp);
}

function gotopage_279934(pg) {
		
	if (!matrix_npages)
		initpage_279934();
	if (pg<1)
		pg=1;
	if (pg>matrix_npages)
		pg=matrix_npages;
		
	oldpg=matrix_curpg;
	matrix_curpg=pg;
	var mxs=document.getElementById('mxs_279934');
	var mxs2=document.getElementById('mxs2_279934');
	//if (!mxs)	
	//	alert('mxs_279934 niet gevonden');
	var html='';
	for (var i=(matrix_curpg-1)*matrix_itemspp,cv=0;i<cvids_279934.length && cv<matrix_itemspp;i++) {
		html+=  vidthumbhtmlSmall_279934(i);
		cv++;
	}
	//html+=  '<div style="clear:both;"></div>';
	//if (matrix_npages>1) {
	//	html+=  '<div style="margin:10px 0px">'+paginationhtml_279934(matrix_curpg, matrix_npages)+'</div>';
	//}
	if (oldpg<pg) {
		// stop old motions if busy
		if (tween1)	
			tween1.stop(); 
		if (tween2)
			tween2.stop();
		// tween UP
		(tweenflip?mxs2:mxs).innerHTML=html;	// put that in the NEW (to be shifted in) mxs
		// and start the tweens...
		// todo
		tween1 = new Tween((tweenflip?mxs2:mxs).style,'top',Tween.strongEaseOut,278,0      ,1,'px');
		tween1.start();
		tween2 = new Tween((tweenflip?mxs:mxs2).style,'top',Tween.strongEaseOut,0  ,-278 ,1,'px');
		tween2.start();
		tweenflip=!tweenflip;
		//mxs.innerHTML=html;
	}
	else if (oldpg>pg) {
		// tween down
		if (tween1)	
			tween1.stop(); 
		if (tween2)
			tween2.stop();
		(tweenflip?mxs2:mxs).innerHTML=html;	// put that in the NEW (to be shifted in) mxs
		// and start the tweens...
		// todo
		tween1 = new Tween((tweenflip?mxs2:mxs).style,'top',Tween.strongEaseOut,-278,0   ,1,'px');
		tween1.start();
		tween2 = new Tween((tweenflip?mxs:mxs2).style,'top',Tween.strongEaseOut,0   ,278   ,1,'px');
		tween2.start();
		tweenflip=!tweenflip;
	}
	else {
		(tweenflip?mxs:mxs2).innerHTML=html;
	}
	
	
	
	// disable/enable next/prev buttons
	el = document.getElementById('pgnext_279934');
	if (el) 
		stButImg(el); // update nextbutton state

	el = document.getElementById('pgprev_279934');
	if (el) 
		stButImg(el); // update prevbutton state
}

function gotopageoffset_279934(offset) {	// 1 or -1
	if (matrix_npages==0)
		initpage_279934();
	if (matrix_curpg+offset<0 || matrix_curpg+offset>matrix_npages) {
		gotopage_279934(matrix_curpg);
		return 0;
	}
	gotopage_279934(matrix_curpg+offset);
	return 1;
}

function showmatrix_279934() {
	// close old one
	closepopup_279934();

	matrix_npages= Math.ceil(cvids_279934.length / 16);
	
	// open new
	var popup_div = document.createElement('div');
	var title='matrix';
	popup_div.id = "ipopup_279934";
	popup_div.style.position = 'absolute';
	popup_div.style.border = 'none';
	var base_width=172*4+25;

	var base_height=100*4+30+10+4;
	if (matrix_npages>1) 
		base_height+=30;
	popup_div.style.width = base_width+'px';
	popup_div.style.height = base_height+'px';
	popup_div.style.fontFamily='Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Tahoma,Geneva,Arial,helvetica,sans-serif';
	popup_div.style.zIndex = '10000';

	// CENTER SCREEN
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	var popup_top = arrayPageScroll[1] + ((arrayPageSize[3] -base_height) / 2);
	var popup_left = arrayPageScroll[0] +((arrayPageSize[0] - base_width) / 2);
	if (popup_top<0)
		popup_top=0;
	if (popup_left<0)
		popup_left=0;
	popup_div.style.position = 'absolute';
	popup_div.style.top = popup_top + 'px';
	popup_div.style.left = popup_left + 'px';


	
	var vid_html='';
	vid_html+='<div style="padding:0px;position:relative;border:2px #CCC solid;background-color:white;width:'+(base_width-4)+'px;height:'+(base_height-4)+'px;">';
	vid_html+='<br style="display:none;"/><style type="text/css">	\
		.pages {padding:2px 0 2px 8px; margin:0; clear:both;font-size:12px;} \
			.pages span.pageblock {border: 1px solid #888; color:#000; height: 12px; padding: 3px 6px;margin: 0px 4px 0px 0px;cursor: pointer;cursor:hand;}\
			.pages span.pageblock:hover {color:#D10101;text-decoration:underline;}	\
			.pages span.pageblock_disabled {border: 1px solid #888; color: #aaa; height: 12px; padding: 3px 6px;margin: 0px 4px 0px 0px;}\
			.pages span.pageblock_dots {border: 0px solid #888; color: #000; height: 12px; padding: 3px 6px;margin: 0px 4px 0px 0px;}\
			.pages span.pageblock_curpage {border: 1px solid #888; color: #aaa; height: 12px; padding: 3px 6px;margin: 0px 4px 0px 0px;}\
		</style>';
	vid_html+=	'<div onclick="closepopup_279934();" style="position:absolute;top:7px;right:8px;cursor:pointer;cursor:hand;background:url(http://www.yubby.com/img/icon_bw_close22.png) no-repeat;width:24px;height:24px;z-index:10000;"></div>';
	vid_html+=	'<div style="position:absolute;top:8px;left:15px;color:#888;font-size:15px;overflow:hidden;width:'+(base_width-50)+'px;">HP TouchSmart Web</div>';
	vid_html+=	'<div style="margin:30px 10px 10px 10px;" id="mxs_279934">';
	// for (var i=0,cv=0;i<cvids_279934.length && cv<16;i++) { 
	// 		vid_html+=  vidthumbhtmlSmall_279934(i);
	// 		cv++;
	// 	}
	// 	vid_html+=  '<div style="clear:both;"></div>';
	// 
	// 	if (matrix_npages>1) {
	// 		vid_html+=  '<div style="margin:10px 0px">'+paginationhtml_279934(matrix_curpg, matrix_npages)+'</div>';
	// 	}
	vid_html+=	'</div>';
	vid_html+=  '<div style="clear:both;"></div>';
	vid_html+='</div>';
					
	popup_div.innerHTML=vid_html;
	document.body.appendChild(popup_div);
	gotopage_279934(matrix_curpg);
}


function closeembed_279934() {
  el = document.getElementById('iembed_279934');
  if (el) {
    el.parentNode.removeChild(el);
  } 
}
function toggleembed_279934() {
	el = document.getElementById('iembed_279934');
	if (el) 
		closeembed_279934();
	else
		showembed_279934();
}

function showembed_279934() {
	// close old one
	closeembed_279934();
	// open new
	var popup_div = document.createElement('div');
	var title='embed';
	popup_div.id = "iembed_279934";
	popup_div.style.position = 'absolute';
	popup_div.style.border = 'none';
	var base_width=520;

	var base_height=90;
	popup_div.style.width = base_width+'px';
	popup_div.style.height = base_height+'px';
	popup_div.style.fontFamily='Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Tahoma,Geneva,Arial,helvetica,sans-serif';
	popup_div.style.zIndex = '10000';
	popup_div.style.position = 'absolute';
	popup_div.style.bottom = '38px';
	popup_div.style.left = '10px';


	
	var vid_html='';
	vid_html+='<div style="width:510px; height:'+(base_height-10).toString()+'px; border:3px solid #BBB;padding:5px; background-color:#fff;color:#000;">';
	vid_html+='<div onclick="closeembed_279934();" style="position:absolute;top:7px;right:0px;cursor:pointer;cursor:hand;background:url(http://www.yubby.com/img/icon_bw_close22.png) no-repeat;width:24px;height:24px;z-index:10000;"></div>';
	vid_html+='<div style="font-face:Arial, Helvetica;font-size:10px; margin:10px 0 0 0;">';
	vid_html+='<div style="padding-bottom:3px;"><div style="float:left;width:40px;">URL:</div><input type="text" onclick="this.focus();this.select();" style="border: 0pt none ; background-color: #ccc; width: 440px; font-size: 9px; height: 15px;" value="http://www.yubby.com/channel/player/20501/first"></div>';
	vid_html+='<div style=""><div style="float:left;width:40px;">Embed:</div><textarea rows=2 cols=100 onclick="this.focus();this.select();" style="border: 0pt none ; background-color: #ccc; width: 440px; font-size: 9px; height: 40px;">&lt;div id=&quot;viidoo_solo_92&quot;&gt&lt;/div&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.yubby.com/widget/solojs/20501/92/width:550/height:375/skin:simple&quot;&gt;&lt;/script&gt;</textarea></div>';	
	vid_html+='</div>';

	vid_html+='</div>';	
	popup_div.innerHTML=vid_html;
	
	em = document.getElementById('widget_flash_279934');
	if (em) {
    	em.appendChild(popup_div);
	} 
}


// utf8 to string conversions
var escapable = /[\\\"\x00-\x1f\x7f-\uffff]/g,
    meta = {    // table of character substitutions
        '\b': '\\b',
        '\t': '\\t',
        '\n': '\\n',
        '\f': '\\f',
        '\r': '\\r',
        '"' : '\\"',
        '\\': '\\\\'
    };

function utf8quote(string) {
	// If the string contains no control characters, no quote characters, and no
	// backslash characters, then we can safely slap some quotes around it.
	// Otherwise we must also replace the offending characters with safe escape
	// sequences.

    escapable.lastIndex = 0;
    return escapable.test(string) ?
        '"' + string.replace(escapable, function (a) {
            var c = meta[a];
            return typeof c === 'string' ? c :
                '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
        }) + '"' :
        '"' + string + '"';
}



