//solo.js for channel 6278 / widget 8087 / WxH: 425x369 / skin: clean / vid: 0 / autoplay: N / matrix: Y 
// 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, '&');    
	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
// 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.dik.nl/',	// 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();
var isIE = /MSIE ((5\.5)|[6])/.test(navigator.userAgent) && navigator.platform == "Win32";

var cvids_8087= new Array();	// channelvideo's
var curvid_8087=0;			// first video
var cpvideo_8087=false;		// false=thumb, true=video

// in IE, you need to declare these before the vp_createwg is called, otherwise they do not exist in the onclick context
var matrix_curpg=1;
var matrix_npages=1;


var butnext_mousein=false;
var butprev_mousein=false;
var butplay_mousein=false;
var butstop_mousein=false;
var butmatrix_mousein=false;

var imgNext_ov = new Image;
var imgNext_ou = new Image;
var imgNext_d  = new Image;
imgNext_ov.src="http://www.dik.nl//img/widget/solo/iconnext24ov.png";
imgNext_ou.src="http://www.dik.nl//img/widget/solo/iconnext24.png";
imgNext_d.src ="http://www.dik.nl//img/widget/solo/iconnext24d.png";

var imgPrev_ov = new Image;
var imgPrev_ou = new Image;
var imgPrev_d  = new Image;
imgPrev_ov.src="http://www.dik.nl//img/widget/solo/iconprev24ov.png";
imgPrev_ou.src="http://www.dik.nl//img/widget/solo/iconprev24.png";
imgPrev_d.src ="http://www.dik.nl//img/widget/solo/iconprev24d.png";

var imgPlay_ov = new Image;
var imgPlay_ou = new Image;
var imgPlay_d  = new Image;
imgPlay_ov.src="http://www.dik.nl//img/widget/solo/iconplay24ov.png";
imgPlay_ou.src="http://www.dik.nl//img/widget/solo/iconplay24.png";
imgPlay_d.src ="http://www.dik.nl//img/widget/solo/iconplay24d.png";

var imgStop_ov = new Image;
var imgStop_ou = new Image;
var imgStop_d  = new Image;
imgStop_ov.src="http://www.dik.nl//img/widget/solo/iconstop24ov.png";
imgStop_ou.src="http://www.dik.nl//img/widget/solo/iconstop24.png";
imgStop_d.src ="http://www.dik.nl//img/widget/solo/iconstop24d.png";

var imgMatrix_ov = new Image;
var imgMatrix_ou = new Image;
var imgMatrix_d  = new Image;
imgMatrix_ov.src="http://www.dik.nl//img/widget/solo/iconmatrix24ov.png";
imgMatrix_ou.src="http://www.dik.nl//img/widget/solo/iconmatrix24.png";
imgMatrix_d.src ="http://www.dik.nl//img/widget/solo/iconmatrix24d.png";

var wgElm_8087 = document.getElementById('viidoo_solo_8087');
if (wgElm_8087) {
	vp_createwg();
}

pgstats.addcollect('chid','6278');
pgstats.addcollect('hit','embed');
pgstats.addcollect('widget','solo');
pgstats.xPageHit();

function vp_createwg() {
	// silly IE needs BR
	var html='<br style="display:none;"/><style type="text/css">	\
				.v69resetstyle	{ -moz-box-sizing: content-box !important; } \
				</style>';
	html+='<div id="widget_flash_8087" class="widget_flash v69resetstyle" style="width: 425px;height:369px;overflow:hidden; border: 1px solid #DDDDDD;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Tahoma,Geneva,Arial,helvetica,sans-serif">';

	cvids_8087.push({vid:87674, thumb: 'http://a.images.blip.tv/Vincente-D66IntroductieLijstrekkersEnGemeenteraadsledenAmsterdam214-969-455.jpg', title: 'D66 Amsterdam Gemeenteraads verkiezing kick off, Alexander, Ageeth \&amp; Teun', desc: 'Teun Gautier vz D66 is trots op zijn 2700 leden (verdubbeling). Ageeth doet haar keynote speech met als thema \'de pvda pensioneren na 65 jaar amsterdam\'s bestuur\' waarna Alexander dit nog eens deed op landelijk niveau en de vloer aanveegde met de de bereikte resultaten  zoals Wouter Bos die verwoorde.'});
	cvids_8087.push({vid:87676, thumb: 'http://i.ytimg.com/vi/tfu8lQBoRnE/0.jpg', title: 'Zo\u00eb Kwint lijstrekker Noord', desc: 'Wat drijft haar?'});
	cvids_8087.push({vid:87677, thumb: 'http://i.ytimg.com/vi/DDEIzkNoA6A/0.jpg', title: 'Ingeborg Baltussen Lijsttrekker in West!', desc: 'Waar staat Ingeborg voor?'});
	cvids_8087.push({vid:87678, thumb: 'http://i.ytimg.com/vi/BOcf3mPCsbk/0.jpg', title: 'Alexander Scholtes lijsttrekker D66 Zuid', desc: 'Waar staat Alexander voor? 28 jaar oud maar al 12 jaar bij de partij'});
	cvids_8087.push({vid:87828, thumb: 'http://i.ytimg.com/vi/i1x03PkySZw/0.jpg', title: 'Mart van de Wiel  lijstrekker Zuidoost D66-OZO ', desc: 'Alper interviewed Mart van der Wiel. Alles over zijn mening over Zuidoost, de lijstverbinding, de grote problemen en de plannen van D66'});
	cvids_8087.push({vid:87824, thumb: 'http://i.ytimg.com/vi/EXFn7uRYncg/0.jpg', title: 'Alexander Pechtold tijdens D66 Amsterdam kickoff over persoonlijke motivatie', desc: 'Alexander Pechtold werd geinterviewed door Anne Breure.Zij vroeg hem naar zijn persoonlijke motivatie om lid van D66 te worden.'});
	cvids_8087.push({vid:87831, thumb: 'http://i.ytimg.com/vi/4iRlevIC5Bw/0.jpg', title: 'Jan-Bert Vroege Oost kandidaat D66', desc: 'Jan Bert is de drijvende kracht achter de organisatie van de gemeenteraadsverkiezingen. Hij is ook nog kandidaat voor Oost. Wat beweegt hem?'});
	cvids_8087.push({vid:87827, thumb: 'http://i.ytimg.com/vi/_2BT4HfGR2o/0.jpg', title: 'Boris van der Ham 2e kamer D66 over Amsterdam', desc: 'Anne interviewed Boris over zijn mening over Amsterdam, de plannen en zijn betrokkenheid.'});
	cvids_8087.push({vid:87830, thumb: 'http://i.ytimg.com/vi/mXc61dGvP4o/0.jpg', title: 'Melanie van der Horst Vz Jonge Democraten Amsterdam', desc: 'Melanie wordt door Anne geinterviewed. Zij doet niet veel voor D66 maar is vz voor de jonge democraten (iets compleet anders dus :-). Wat gaan de jonge democraten doen tijdens de verkiezingen?'});
	cvids_8087.push({vid:87829, thumb: 'http://i.ytimg.com/vi/DqGztZP-tSU/0.jpg', title: 'Petra Hoogerwerf, Lid Gemeenteraad Amsterdam D66.MOV', desc: 'Petra is momenteel lid van de gemeenteraad Amsterdam. Zij wordt geinterviewed door Alper.'});
	cvids_8087.push({vid:87675, thumb: 'http://a.images.blip.tv/Vincente-d66AmsterdamGemeenteraadsVerkiezingKickOffAlexanderAgeeth886-714-364.jpg', title: 'D66 introductie lijstrekkers en gemeenteraadsleden Amsterdam', desc: 'Introductie van de 7 lijstrekkers van de stadsdelen en 12 kandidaatsleden voor de gemeenteraad'});
	cvids_8087.push({vid:87826, thumb: 'http://i.ytimg.com/vi/uSLq6qvxVsM/0.jpg', title: 'Sebastiaan Capel kandidaat gemeenteraad D66 Amsterdam.MOV', desc: 'Anne Breure ondervraagd Sebastiaan Capel over zijn motivatie om kandidaad gemeenteraad'});
	cvids_8087.push({vid:87825, thumb: 'http://i.ytimg.com/vi/1ja-BUFvMN8/0.jpg', title: 'Mart van de Wiel lijstrekker ZuidOost tijdens #d66ams gemeenteraads verkiezingen kickoff', desc: 'Mart van der Wiel wordt geinterviewed door Anne Breure tijdens de kickof van de Amsterdamse gemeenteraadsverkiezingen. Hij gaat in wat er moet gebeuren in het stadsdeel, waarom D66 en wat zijn persoonlijke betrokkeheid is.'});
	cvids_8087.push({vid:87680, thumb: 'http://i.ytimg.com/vi/JuHob-fPOjo/0.jpg', title: 'Achter de schermen bij D66, deel I', desc: 'Dit is het eerste filmpje in een serie \'Achter de schermen bij D66\'. Wie zijn de mensen die zich dagelijks inzetten voor D66, als vrijwilliger, volksvertegenwoordiger of medewerker, wat doen ze en waar zijn ze te vinden? In dit filmpje medewerkers Jan-Bert Vroege en Machteld Bouman. Jan-Bert is voorzitter van D66 in Oost en medewerker strategische politiek, Machteld is senior beleidsmedewerker. Het filmpje is gemaakt door Thijs Kleinpaste, persvoorlichter van de D66-fractie en kandidaat ...'});
	cvids_8087.push({vid:87832, thumb: 'http://i.ytimg.com/vi/9_vrBgTwMNA/0.jpg', title: 'Bart Robbers fractievz Gemeenteraad D66 1990-1998', desc: 'Een oude rot wordt geinterviewed over zijn ervaringen als fractievoorzitter van D66 in de gemeenteraad Amsterdam. Goede lessen uit te trekken.'});
	cvids_8087.push({vid:87679, thumb: 'http://i.ytimg.com/vi/lNHLjq-G2WE/0.jpg', title: 'Roze Kerstmarkt, D66 Amsterdam', desc: 'D66 voerde campagne op de Roze Kerstmarkt (Reguliersdwarsstraat). D66 komt al jarenlang op voor holebi\'s in en buiten Amsterdam.'});
	cvids_8087.push({vid:56314, thumb: 'http://i.ytimg.com/vi/-QDpgtbQ9ZQ/0.jpg', title: 'Ageeth Telleman Nieuwe Lijstrekker D66 Amsterdam', desc: '\&quot;Het zou goed zijn als Amsterdam minder PVDA-stad wordt\&quot; - Met 54% van de stemmen is Ageeth Telleman door D66 gekozen als lijstrekker voor de gemeenteraadsverkiezingen op 3 maar 2010 in Amsterdam.  Interview door Vincent Everts, vlak na de bekendmaking van de uitslag in Felix Meritus. ... \&quot;Ageeth Telleman\&quot; D66 politiek gemeenteraad amsterdam winnaar verkiezingen lijstrekker \&quot;Ivar Manuel\&quot; '});
	cvids_8087.push({vid:56359, thumb: 'http://i.ytimg.com/vi/SCDmfmKgEFk/0.jpg', title: 'Groen Links: Amsterdam samen met pvda blijven besturen - D66 lijstrekker debat (17-09-09)', desc: 'Bij de D66 lijstrekkerverkiezing voor de gemeenteraad in Amsterdam was ook Maarten van Poelgeest (Groenlinks) aanwezig. Hij ziet het nieuwe college het liefst zoals nu ook is. Doorgaan met PVDA. Interview door Vincent Everts. Meer video op www.dik.nl ... D66 \'groen links\' amsterdam \'maarten van poelgeest\' gemeenteraad lijstrekker \'ageeth telleman\' college '});
	cvids_8087.push({vid:56119, thumb: 'http://i.ytimg.com/vi/cVw0LCeIqC8/0.jpg', title: 'Ageeth Telleman, kandidaat lijstrekker D66 Amsterdam Centrale stad', desc: 'Ik interviewde Ageeth Telleman nadat ze met Ivar Manual in de debat was gegaan in het lijstrekkersdebat op 14 september. Tijdens het debat waren ze het zo met elkaar eens dat het niet meer natuurlijk was. Inhoudelijke standpunten verschillen niet lijkt het. Alleen stijl. Ageeth wil de wijken in, leden van d66 in huiskamers bij beleid betrekken.'});
	cvids_8087.push({vid:56121, thumb: 'http://i.ytimg.com/vi/nMCllPVbIbA/0.jpg', title: 'Teun Gautier vz D66 amsterdam over de komende gemeenteraads verkiezingen en de lijstekker', desc: 'Teun Gautier is de ambitieuze D66 voorzitter in Amsterdam. Hij is vastbesloten en stevige positie in te nemen in de amsterdamse politiek en de partij sterk en verenigd te maken. Hierbij vraag ik hem wat er de komende tijd in de campagne en in de partij moet gebeuren. Hij blijft voorzichtig maar spreekt zich toch aardig uit.'});
	cvids_8087.push({vid:56224, thumb: 'http://i.ytimg.com/vi/NaSFfo1FEJ4/0.jpg', title: 'D66 Ivar Manuel en Ageeth Telleman in Lijstrekker Debat 13 09 09', desc: 'Fragmenten uit het Amsterdams lijstrekkersdebat voor D66 in de gemeenteraad. Ageeth Telleman en Ivar Manuel over onderwijs, internet en de rol van D66 in Amsterdam. Meer interviews op www.dik.nl ... \"Ageeth Telleman\" \"Ivar Manuel\" lijstrekker D66 \"D66 Amsterdam\" Politiek gemeenteraad '});
	cvids_8087.push({vid:56174, thumb: 'http://i.ytimg.com/vi/bNhL-zxQ8Ws/0.jpg', title: 'Teun Gautier introductie debat @ageethtelleman, @ivarmanuel', desc: 'd66 uitzendingen 09/13/09 16:58AM - Captured Live on Ustream at www.ustream.tv Hij spreekt over de inspiratie en creativiteit die D66 gaat brengen naar Amsterdam.'});
	cvids_8087.push({vid:87669, thumb: 'http://i.ytimg.com/vi/CFl64A-EX5E/0.jpg', title: 'sociaal liberalegrensverkenningenfilmpje1', desc: 'Joris Backer, voorzitter Permanente Programmacommissie D66 geeft een inleiding op het boek \'Vertrouw op de Eigen Kracht van Mensen\'. Dit boek werd gepresenteerd op dinsdag 25 augustus 2009, De Hortus Botanicus in Amsterdam. '});
	cvids_8087.push({vid:56172, thumb: 'http://i.ytimg.com/vi/uzKei6Ln9FE/0.jpg', title: 'debat  @ageethtelleman, @ivarmanuel', desc: 'd66 uitzendingen 09/13/09 08:47AM - Captured Live on Ustream at www.ustream.tv Ivar vind Madrid die inspiratie heeft om 7 miljard te lenen voor grote projecten. Ageeth reageert met de opmerking dat we moeten investeren in kennis'});
	cvids_8087.push({vid:56134, thumb: 'http://i.ytimg.com/vi/LiAsxmQ8hzc/0.jpg', title: 'Gerrit brunink lijsttrekker d66 amsterdam binnenstad', desc: 'Gerrit is de lijstrekker van D66 Amsterdam binnenstad maar heeft zich sterk gemaakt voor jeugdzorg de afgelopen jaren en gaf een workshop hierover samen met Erik Gerritsen (zie ander interview) ... d66 amsterdam jeugdzorg '});
	cvids_8087.push({vid:54450, thumb: 'http://i.ytimg.com/vi/ZW-qphEVWgM/1.jpg', title: 'Ageeth Telleman lijsttrekker', desc: 'Ageeth Telleman wil lijsttrekker worden voor D66 in Amsterdam bij de Gemeenteraadsverkiezingen van 2010. Kijk naar wie ze is en wat ze wil.'});
	cvids_8087.push({vid:54447, thumb: 'http://a.images.blip.tv/Vincente-D66AgaathTellemanKandidaatLijsttrekkerAmsterdamTijdensCon828-872-584.jpg', title: 'D66 Ageeth Telleman kandidaat lijsttrekker Amsterdam tijdens congres Rotterdam 7 maart', desc: '\n\nWat gaat ze in Amsterdam doen als ze in de raad komt? Noordzuid lijn? Wat gebeurd er in de wijken? \n\n'});
	cvids_8087.push({vid:87682, thumb: 'http://i.ytimg.com/vi/CFfG0CNd9rY/0.jpg', title: 'Ronald Mauer lijsttrekker van D66 Amsterdam Nieuw West', desc: 'Na afloop van het slotdebat tussen de kandidaat-lijsttrekkers van D66 Amsterdam voor de gemeenteraad, werd bekend wie de elektronische stemming voor het lijsttrekkerschap van D66 in stadsdeel Nieuw West had gewonnen: Ronald Mauer, zittend fractieleider namens (nu nog) D66 Amsterdam Osdorp. In een vol Felix Meritis werd hij feestelijk onthaald.'});
	cvids_8087.push({vid:57759, thumb: 'http://i.ytimg.com/vi/kLQbzn2ktvM/0.jpg', title: 'Familie Telleman over de nieuwe D66 lijstrekker Amsterdam, Ageeth Telleman #d66', desc: 'Interview met de ouders en zus van Ageeth Telleman. Interview door Vincent Everts op de avond van de overwinning van bij de D66 lijstrekkerverkiezing voor de gemeenteraad. twitter.com twitter.com ... D66 politiek \"ageeth telleman\" lijstrekker ouders familie '});
	cvids_8087.push({vid:87684, thumb: 'http://i.ytimg.com/vi/LiAsxmQ8hzc/0.jpg', title: 'Gerrit brunink lijsttrekker d66 amsterdam binnenstad', desc: 'Gerrit is de lijstrekker van D66 Amsterdam binnenstad maar heeft zich sterk gemaakt voor jeugdzorg de afgelopen jaren en gaf een workshop hierover samen met Erik Gerritsen (zie ander interview)'});
	cvids_8087.push({vid:54449, thumb: 'http://i.ytimg.com/vi/Jx1GWY2QPnI/1.jpg', title: 'Huiskamerbijeenkomst \"Amsterdam Creative Capital\"', desc: 'Verslag van de 3e \"Huiskamerbijeenkomst\" van Ageeth Telleman, kandidaat lijsttrekker voor D66 Amsterdam. Onderwerp: \"Amsterdam Creative Capital\". Met statements van deelnemers. ... \"Ageeth Telleman\" \"D66 Amsterdam\" Amsterdam '});
	cvids_8087.push({vid:56173, thumb: 'http://i.ytimg.com/vi/fuxyY6wZEpg/0.jpg', title: ' debat @ivarmanuel trapt af @ageethtelleman, ', desc: 'd66 uitzendingen 09/13/09 08:03AM - Captured Live on Ustream at www.ustream.tv Introductie Guikje Roethof van debat tussen @ageethtelleman, @ivarmanuel trapt af'});
	cvids_8087.push({vid:87683, thumb: 'http://i.ytimg.com/vi/ofLj6j2T0Sg/0.jpg', title: 'Dankwoord van Ronald Mauer, lijsttrekker D66 Amsterdam Nieuw West', desc: 'Na afloop van het slotdebat tussen de kandidaat-lijsttrekkers van D66 Amsterdam voor de gemeenteraad, werd bekend wie de elektronische stemming voor het lijsttrekkerschap van D66 in stadsdeel Nieuw West had gewonnen: Ronald Mauer, zittend fractieleider namens (nu nog) D66 Amsterdam Osdorp. In een vol Felix Meritis sprak hij een gepassioneerde dankwoord.'});
	cvids_8087.push({vid:56118, thumb: 'http://i.ytimg.com/vi/FIaARthuIXI/0.jpg', title: 'interview Ivar manual d66 na het lijsttrekkers debat van 14 september', desc: 'Na het lijsttrekkers debat van 14 september tussen Ivar Manuel en Ageeth telleman interviewde ik hem. Wat me opviel is dat Ageeth Telleman en hij het zo enorm eens met elkaar waren. Waar staat hij eigenlijk voor? Wat gaat hij doen als campagne leider en fractie voorzitter d66 voor de amsterdamse gemeenteraad? Wat wil hij bereiken in de komende 4 jaar?'});
	cvids_8087.push({vid:56215, thumb: 'http://i.ytimg.com/vi/NOw4ZoFML0o/0.jpg', title: 'Petra hogenwerd d66 raadslid gemeenteraad Amsterdam', desc: 'Gaf een workshop over jeugdwerkeloosheid'});
	cvids_8087.push({vid:56221, thumb: 'http://i.ytimg.com/vi/U5ZhM5yyO0A/0.jpg', title: 'D66 Startdag, Rene van veen award voor Jan Bert Vroege, 13-09-09', desc: 'Opening van het lijstrekkersdebat voor D66 in de gemeenteraad Amsterdam op 13 september 2009 - Voorzitter D66 Amsterdam Teun Gautier rijkt de Rene van Veen award uit aan Jan Bert Vroege, van D66 Amsterdam Oost. - Meer verslagen via www.dik.nl Teun Gautier op twitter: twitter.com ... \"Jan Bert Vroege\" \"Rene van Veen award\" D66 \"D66 Amsterdam\" lijstrekker lijstrekkersdebat politiek gemeenteraad '});
	cvids_8087.push({vid:56120, thumb: 'http://i.ytimg.com/vi/_TXy1bxdT9s/0.jpg', title: 'interview Ivar manuel met een biertje bij P96', desc: 'Ik was toch niet tevreden met het eerste interview van Ivar Manuel dus heb ik hem nogmaals gevraagd tijdens een biertje of er toch niet iets fundementeel anders aan hem was dan aan Ageeth Telleman. Het hoge woord kwam eruit. Hij is meer ervaren als lijstrekker en leider van de d66 fraktie in de amsterdamse gemeenteraad en dat is in de slangentuin van de amsterdamse politiek heel belangrijk.'});
	cvids_8087.push({vid:56122, thumb: 'http://i.ytimg.com/vi/ugQLiaAdycQ/0.jpg', title: 'Gijs Weernink (CDA) is debatleider van het D66 lijstrekker debat as donderdag 17 september', desc: 'Gijs Weernink is gevraagd als debat leider voor het amsterdamse d66 lijstrekkers debat as donderdag 17 september in Felix Merites. Hij is al 20+ jaar lid van het CDA maar kent beide politici zeer goed uit de raad en is vastbesloten het debat te laten gaan over de verschillen tussen Ivar Manuel en Ageeth telleman. Hoe gaat hij dat doen? Want ze zijn zo aardig voor elkaar!'});
	cvids_8087.push({vid:56123, thumb: 'http://i.ytimg.com/vi/mJHengB755Q/0.jpg', title: 'Jeroen Mirck start de linkse Geenstijl bij de Vara en is d66 lid', desc: 'Jeroen is gevraagd door de Vara om de www.dejoop.nl te beginnen onder leiding van Francisco van Jolen, een soort linkse geenstijl gonste het gerucht. Ik trof hem aan bij het lijstrekkersdebat van d66 en vroeg hem naar zijn plannen'});
	cvids_8087.push({vid:56216, thumb: 'http://i.ytimg.com/vi/it17RaThKpI/0.jpg', title: 'Fatma Koser Kaya 2e kamerlid d66 over jeugdwerkeloosheid en zorg', desc: 'interview tijdens de D66 back to school dag van 13 september.'});
	cvids_8087.push({vid:56136, thumb: 'http://i.ytimg.com/vi/JCG71-IinVQ/0.jpg', title: 'Andries thijsens vvz politiek d66 amsterdam', desc: 'Hoe zit D66 amsterdam in elkaar? Wat is de relatie tussen bestuur d66 en fractie in de gemeenteraad. Deze linking pin is Andries en hij vertelt over zijn rol. ... d66 amsterdam \"andries thijsens\" '});
	cvids_8087.push({vid:56125, thumb: 'http://i.ytimg.com/vi/tc8izjQy2J0/0.jpg', title: 'MarietjeSchaake D66 BosEnLommerAmsterdam 20090913', desc: ' Europalementarier voor D66, Marietje Schaake, gaat langs bij bewoners van Bos en Lommer. Marietje fietst tijdens de startdag van D66 Amsterdam, met andere D66 leden uit Amsterdam naar de Stichting Aknarij in de Mansveltschool. Er is daar een fototentoonstelling door jongeren over projecten in de wijk, die mede zijn gefinancieerd met Europees geld. Abdellah Tallal, voorzitter St. Aknarij en Ekrem Kucukozer, co-ordinator van de Mansveltschool laten zien hoe lokaal initiatief het leven in de wijk stimuleert.\nEen middag over wereldstad, wereldblik, de verhouding tussen internationaal perspectief en lokale diversiteit in Amsterdam.\n\nhttp://twitter.com/MarietjeD66\nhttp://www.aknarij.com\nhttp://www.mansveltschool.com\nCategory:  News \&amp; Politics'});
	cvids_8087.push({vid:56124, thumb: 'http://i.ytimg.com/vi/te5Zdwsmv94/0.jpg', title: 'Erik gerritsen directeur buro jeugdzorg regio Amsterdam', desc: 'Erik Gerritsen was de secretaris van het Amsterdamse ambtenarenapparaat. Sinds enige tijd is hij geswitched als directeur buro Jeugdzorg hetgeen zo onder kritiek ligt van minister Rouvoet. Wachtlijsten verminderen of anders. Ik trof hem aan bij een D66 dag (hij is geen lid) waar hij een workshop leidde over het jeugdbeleid van amsterdam. Het is gewoon verdomt moeilijke problematief en het extra geld dat ze hebben gekregen gaat structureer niet helpen. Een man met een moeilijke taak....'});
	cvids_8087.push({vid:54442, thumb: 'http://i.ytimg.com/vi/uF8kfXvn3kE/1.jpg', title: 'ivaronderwijs', desc: 'Ivar Manuel, fractievoorzitter van D66 in de Amsterdamse gemeenteraad en kandidaat lijsttrekker. Mijn ambitie kleine kwalitatief goede scholen voor alle Amsterdamse leerlingen. Ik wil lijsttrekker van D66 worden voor Nieuw optimisme voor Amsterdam. ... Ivar Manuel D66 Amsterdam lijsttrekker Ageeth Telleman onderwijs gerrit van der veen college scholen klein ambitie '});
	cvids_8087.push({vid:54443, thumb: 'http://i.ytimg.com/vi/5lJ3oW1-2Fc/1.jpg', title: 'ivarkunst', desc: 'Ivar Manuel, fractievoorzitter van D66 in de Amsterdamse gemeenteraad en kandidaat lijsttrekker. Mijn ambitie: ruimte voor kunst en cultuur. Kunst moet autonoom zijn, en is ontzettend belangrijk voor de creatieve kenniseconomie. Ik wil lijsttrekker van D66 worden voor Nieuw optimisme voor Amsterdam. ... Ivar Manuel D66 Amsterdam lijsttrekker Ageeth Telleman kunst cultuur uitmarkt autonoom '});
	cvids_8087.push({vid:54444, thumb: 'http://i.ytimg.com/vi/6Pxr83BihN4/1.jpg', title: 'ivarzuidas', desc: 'Ivar Manuel, fractievoorzitter van D66 in de Amsterdamse gemeenteraad en kandidaat lijsttrekker. Mijn ambitie is van de zuidas een toplocatie te maken. Ik wil lijsttrekker van D66 worden voor Nieuw optimisme voor Amsterdam. ... Ivar Manuel D66 Amsterdam lijsttrekker Ageeth Telleman zuidas dokmodel a10 zuid-wtc ambitie '});
	cvids_8087.push({vid:54445, thumb: 'http://i.ytimg.com/vi/jbd9epYkZH4/1.jpg', title: 'ivarzeeburgereiland', desc: 'Ivar Manuel, fractievoorzitter van D66 in de Amsterdamse gemeenteraad en kandidaat lijsttrekker. Mijn ambitie: kwalitatief goede woningen voor iedereen in Amsterdam. Ik wil lijsttrekker van D66 worden voor Nieuw optimisme voor Amsterdam. ... Ivar Manuel D66 Amsterdam lijsttrekker Ageeth Telleman zeeburgereiland woningbouw stadsuitbreiding woningen wonen ijburg '});
html+='<div class="v69resetstyle" id="thumb_8087" style="width:425px;height:343px;background-color:#FFFFFF;position:relative;">';
html+=vidthumbhtml_8087(curvid_8087);
html+='</div>';
	html +='<div class="v69resetstyle" style="height:26px;width:425px;position:relative;background-color:#FFFFFF;">';
	html +='<div class="v69resetstyle" style="position:absolute;left:35px;top:3px;color:#444;font-size:11px;line-height:10px;cursor:pointer;width:185px;height:20px;overflow:hidden;" onclick="location.href=vidplayurl_8087();"><span style="color:#888;">Je kijkt naar het kanaal</span><br/>D66 Amsterdam</div>';
	html +='<img style="position:absolute;left:291px;top:0px;height:25px;z-index:5;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl/img/project/dik/logo.png" onclick="location.href=vidplayurl_8087();">';
		html +='<img onclick="showmatrix_8087(0);" style="position:absolute;left:5px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl//img/widget/solo/iconmatrix24.png" title="overzicht van alle videos"  	id="pgmatrix_8087" 	onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);"/>';
		html +='<img onclick="playprev_8087();" style="position:absolute;left:349px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl//img/widget/solo/iconprev24.png" title="ga naar de vorige video in het kanaal"  		id="pgprev_8087" 	onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" />';
	//html +='<img onclick="playstop_8087();" style="position:absolute;left:349px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl//img/widget/solo/iconstop24.png" title="stop"  													id="pgstop_8087"	onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" />';
	//html +='<img onclick="playstart_8087();" style="position:absolute;left:373px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl//img/widget/solo/iconplay24.png" title="afspelen"  									id="pgplay_8087"	onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" />';
	// start is now a toggle
	html +='<img onclick="playstartstop_8087();" style="position:absolute;left:373px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl//img/widget/solo/iconplay24.png" title="afspelen"  									id="pgplay_8087"	onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" />';
	html +='<img onclick="playnext_8087();" style="position:absolute;left:397px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://www.dik.nl//img/widget/solo/iconnext24.png" title="ga naar de volgende video in het kanaal"  	id="pgnext_8087"	onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" />';
	html +='</div>';
	html+='</div>';
	wgElm_8087.innerHTML=html;
	wgElm_8087.style.display = 'block';
		updAllButState(); 
}

function playnext_8087() {
	if (curvid_8087 < cvids_8087.length -1 ) {
		curvid_8087++;
		if (cpvideo_8087)
			playstart_8087();	// we are playing video
		else {
			var thumbdiv=document.getElementById('thumb_8087');
			thumbdiv.innerHTML=vidthumbhtml_8087(curvid_8087);
		}
	}
	updAllButState();
}
function playprev_8087() {
	if (curvid_8087 >0 ) {
		curvid_8087--;
		if (cpvideo_8087)
			playstart_8087();	// we are playing video
		else {
			var thumbdiv=document.getElementById('thumb_8087');
			thumbdiv.innerHTML=vidthumbhtml_8087(curvid_8087);
		}
	}
	updAllButState();
}

function playstart_8087(vnr) {
	closepopup_8087();	// close popup (if open)
	if (vnr==null)
		vnr=curvid_8087;
	else
		curvid_8087=vnr;	// set the current
	var thumbdiv=document.getElementById('thumb_8087');
	thumbdiv.style.background='#FFF url(http://www.dik.nl/img/spinner32.gif) no-repeat 182.5px 141.5px';
	thumbdiv.innerHTML='<iframe name="playerframe" class="playerframe" src="http://www.dik.nl/widget/playvideo/'+cvids_8087[vnr].vid+'/425/343/L/W" width="425" height="343" frameborder="0" scrolling="no" allowtransparency="true"></iframe>';
	cpvideo_8087=true;
	updAllButState();
}

function playstop_8087() {
	cpvideo_8087=false;
	var thumbdiv=document.getElementById('thumb_8087');
	thumbdiv.style.background='#FFF';
	thumbdiv.innerHTML=vidthumbhtml_8087(curvid_8087);
	updAllButState();
}

function playstartstop_8087() {
	if (cpvideo_8087) 
		playstop_8087();
	else
		playstart_8087();
}

function vidthumbhtml_8087(vnr) {
	var html='';
	html+='<div class="v69resetstyle" style="width:415px;height:259px; overflow:hidden; position:absolute;left:5px;top:5px;">';
html+='<img src="'+cvids_8087[vnr].thumb+'" style="width:415px;height:311px;top:-26px;position:relative;">';
html+='</div>';
html+='<div class="v69resetstyle" style="width:405px;height:69px;position:absolute;left:5px;top:264px;background-color:#AAA;padding:5px;"><div class="v69resetstyle" style="overflow:hidden;height:73px;width:405px;"><div class="v69resetstyle" style="margin: 2px 3px; white-space: nowrap; font-size:15px;line-height:15px;color:#555555;">'+htmlspecialchars(cvids_8087[vnr].title)+'</div><div class="v69resetstyle" style="margin: 2px 5px; font-size:13px;line-height:13px;color:#ffffff;overflow:hidden;height:40px;"  title="'+htmlspecialchars(cvids_8087[vnr].desc)+'">'+htmlspecialchars(cvids_8087[vnr].desc)+'</div><div class="v69resetstyle" style="padding: 3px 5px; letter-spacing:1px; background-color: #aaa; color: white; position: absolute; right: 0px; top: -14px; font-size: 10px;">'+(vnr+1)+'/'+(cvids_8087.length)+'</div></div></div>';
html+='<div class="v69resetstyle" style="position: absolute; width:72px;height:72px;top:135.5px;left:176.5px;z-index:200;cursor:pointer;cursor:hand;background:url(http://www.dik.nl/img/media_play72.png) no-repeat;" onClick="playstart_8087();"></div>';
	return html;
}

function vidthumbhtmlSmall_8087(vnr) {
	var html='';
	html='';
	html+='<div class="v69resetstyle" style="margin: 5px; float: left; position: relative; width: 162px; height: 90px;">';
		html+='<div  class="v69resetstyle" style="width:160px;max-height:122px;background:#f6f6f6;margin:0 auto 6px auto;overflow:hidden;position:relative;">';
			html+='<div  class="v69resetstyle" style="width:156px;height:86px;background:#cccccc;border:2px solid #dedede;overflow:hidden;position:relative;">';
				html+='<img style="position:absolute;width:160px;height:119px;top:-20px;left:0;cursor: pointer;" onclick="playstart_8087('+vnr+')" title="'+htmlspecialchars(cvids_8087[vnr].desc)+'" src="'+cvids_8087[vnr].thumb+'" />';
				html+='<div class="v69resetstyle" style="position: absolute; width:24px;height:24px;top:28px;left:68px;z-index:200;cursor:pointer;cursor:hand;background:url(http://www.dik.nl/img/media_play24.png) no-repeat;" onclick="playstart_8087('+vnr+')"></div>';
				html+='<div class="v69resetstyle" style="position: absolute; bottom: 0px; left: 0px;width:156px;height:15px;z-index:200;background-color:#dedede;color:#000000;font-size:11px;overflow:hidden;white-space: nowrap;padding:2px 5px 2px 3px;filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80;cursor: pointer;" onclick="playVideo_773417(15893)" >'+htmlspecialchars(cvids_8087[vnr].title)+'</div>';
			html+='</div>';
		html+='</div>';
	html+='</div>';
	return html;
}

// cp 1..npages
function paginationhtml_8087(cp,npages) {
	if (npages<=1)
		return '';	// empty if no pagination..
	var html='';
	html+='<div class="pages v69resetstyle">';
	if (cp>1) {
		// we CAN prev!
		html+= '<span class="pageblock" onclick="gotopage_8087('+(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_8087('+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_8087('+(cp+1)+');">Next &#187;</span>';
	else
		html+='<span class="pageblock_disabled">Next &#187;</span>';
	html+='</div>';
	return html;
}

function vidplayurl_8087(vnr) {
	if (vnr==null)
		vnr=curvid_8087;
	return 'http://www.dik.nl/channel/player/6278/'+cvids_8087[vnr].vid;
}

//------------------------------------ button handlers --------------------------------------
function stButImg(oBut) {
	if (oBut.id == 'pgnext_8087') { 
		if (curvid_8087 >= cvids_8087.length -1 ) 
			oBut.src = imgNext_d.src;
		else
			oBut.src= butnext_mousein ? imgNext_ov.src : imgNext_ou.src;
	}
	if (oBut.id == 'pgprev_8087') { 
		if (curvid_8087==0 ) 
			oBut.src = imgPrev_d.src;
		else
			oBut.src= butprev_mousein ? imgPrev_ov.src : imgPrev_ou.src;
	}
	if (oBut.id == 'pgplay_8087') { 
		if (cpvideo_8087) 	// we are currently playing
			oBut.src = butplay_mousein ? imgStop_ov.src : imgStop_ou.src;
		else
			oBut.src= butplay_mousein ? imgPlay_ov.src : imgPlay_ou.src;
	}
	// if (oBut.id == 'pgstop_8087') { 
	// 	if (!cpvideo_8087 ) 	// currently NOT playing
	// 		oBut.src = imgStop_ov.src;
	// 	else
	// 		oBut.src= butstop_mousein ? imgStop_ov.src : imgStop_ou.src;
	// }
	if (oBut.id == 'pgmatrix_8087') { 
		oBut.src= butmatrix_mousein ? imgMatrix_ov.src : imgMatrix_ou.src;
	}
}

function oMouEv(oBut,mouseIn) {
	
	if (oBut.id == 'pgnext_8087') 
		butnext_mousein=mouseIn;
	if (oBut.id == 'pgprev_8087') 
		butprev_mousein=mouseIn;
	if (oBut.id == 'pgplay_8087') 
		butplay_mousein=mouseIn;
	// if (oBut.id == 'pgstop_8087') 
	// 	butstop_mousein=mouseIn;
	if (oBut.id == 'pgmatrix_8087') 
		butmatrix_mousein=mouseIn;
	stButImg(oBut);
}

function updAllButState() {
	el = document.getElementById('pgnext_8087');
	if (el) 
		stButImg(el); // update nextbutton state

	el = document.getElementById('pgprev_8087');
	if (el) 
		stButImg(el); // update prevbutton state
		
	el = document.getElementById('pgplay_8087');
	if (el) 
		stButImg(el); // update prevbutton state
		
	// el = document.getElementById('pgstop_8087');
	// if (el) 
	// 	stButImg(el); // update prevbutton state

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

//------------------------------------ other stuff -------------
// 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_8087() {
  el = document.getElementById('ipopup_8087');
  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;
}

function gotopage_8087(pg) {
	if (pg<1)
		pg=1;
	if (matrix_npages<1)
		matrix_npages=1;
	if (pg>matrix_npages) 
		pg=matrix_npages;
		
	matrix_curpg=pg;
	var mxs=document.getElementById('mxs_8087');
	var html='';
	for (var i=(matrix_curpg-1)*16,cv=0;i<cvids_8087.length && cv<16;i++) {
		html+=  vidthumbhtmlSmall_8087(i);
		cv++;
	}
	html+=  '<div class="v69resetstyle" style="clear:both;"></div>';
	if (matrix_npages>1) {
		html+=  '<div  class="v69resetstyle" style="margin:10px 0px">'+paginationhtml_8087(matrix_curpg, matrix_npages)+'</div>';
	}

	mxs.innerHTML=html;
}

function showmatrix_8087() {
	// close old one
	closepopup_8087();

	matrix_npages= Math.ceil(cvids_8087.length / 16);
	
	// open new
	var popup_div = document.createElement('div');
	var title='matrix';
	popup_div.id = "ipopup_8087";
	popup_div.style.position = 'absolute';
	popup_div.style.border = 'none';
	popup_div.className = "v69resetstyle";

	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 class="v69resetstyle" 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 class="v69resetstyle" onclick="closepopup_8087();" style="position:absolute;top:7px;right:8px;cursor:pointer;cursor:hand;background:url(http://www.dik.nl/img/icon_bw_close22.png) no-repeat;width:24px;height:24px;z-index:10000;"></div>';
	vid_html+=	'<div class="v69resetstyle" style="position:absolute;top:8px;left:15px;color:#888;font-size:15px;overflow:hidden;width:'+(base_width-50)+'px;">D66 Amsterdam</div>';
	vid_html+=	'<div class="v69resetstyle" style="margin:30px 10px 10px 10px;" id="mxs_8087">';
	// for (var i=0,cv=0;i<cvids_8087.length && cv<16;i++) { 
	// 		vid_html+=  vidthumbhtmlSmall_8087(i);
	// 		cv++;
	// 	}
	// 	vid_html+=  '<div style="clear:both;"></div>';
	// 
	// 	if (matrix_npages>1) {
	// 		vid_html+=  '<div style="margin:10px 0px">'+paginationhtml_8087(matrix_curpg, matrix_npages)+'</div>';
	// 	}
	vid_html+=	'</div>';
	vid_html+=  '<div class="v69resetstyle" style="clear:both;"></div>';
	vid_html+='</div>';
					
	popup_div.innerHTML=vid_html;
	document.body.appendChild(popup_div);
	gotopage_8087(matrix_curpg);
}

// 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 + '"';
}