//chart2.js for channel 786 / widget 740 / WxH: 550x375 / skin: clean / 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.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();
// 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_740= new Array();	// channelvideo's
var curvid_740=0;			// first video
var cpvideo_740=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://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconprev24ov.png";
img1_ou.src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconprev24.png";
img1_d.src ="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconprev24d.png";
img2_ov.src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconnext24ov.png";
img2_ou.src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconnext24.png";
img2_d.src ="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconnext24d.png";

var wgElm_740 = document.getElementById('viidoo_chart2_740');
if (wgElm_740) {
	vp_createwg();
}

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

function vp_createwg() {
	var html='<div id="widget_flash_740" 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_740.push({vid:10600, thumb: 'http://images.vimeo.com/22/33/82/223382159/223382159_200.jpg', title: 'Part One: The Dashboard', desc: 'In this first video, we\u2019ll take a look at the WordPress Dashboard, which is the first page you\u2019ll see when you login to the Admin Area in WordPress 2.7.\n\nCovered in this video:\n\n    * The WordPress Dashboard layout and components.\n    * How to customize the WordPress interface just for you!\n    * Hide Dashboard modules you rarely use.\n    * How to turbo-charge WordPress with Gears.\n    * The all-new collapsible menu and functions.\n    * The At a Glance statistics overview module.\n    * How to use the QuickPress module to quickly create a new Post.\nNOTE: This video is the first in a 13-part series of training screencasts about WordPress. If you enjoy this video, why not check out the rest of the videos on WPOverview.com?'});
	cvids_740.push({vid:10601, thumb: 'http://images.vimeo.com/22/33/75/223375925/223375925_200.jpg', title: 'Part Two: Write a New Post', desc: 'In the second video in this series, we explore how to create a new Post in WordPress 2.7 using the built-in WYSIWYG editor.\n\nPosts are the articles, or entries that display in chronological order on your home page, typically with the newest post at the top. Unlike Pages, Posts usually have comments fields beneath them and are also included in your site\u2019s RSS feed.\n\nCovered in this video:\n\n    * Understanding the difference between Posts and Pages.\n    * How to create a new Post using the Posts > Add New > SubPanel.\n    * Personalizing the Add New Post interface.\n    * Formatting text and content using the WYSIWYG editor.\n    * Pasting content from Microsoft Word into WordPress.\n    * Understanding the Visual Editor and HTML (Code View) Editor modes.\n    * How to save and publish Posts to your site.'});
	cvids_740.push({vid:10602, thumb: 'http://images.vimeo.com/22/33/79/223379336/223379336_200.jpg', title: 'Part Three: Edit an Existing Post', desc: 'In the third video in this series, we\u2019ll cover how to edit an existing Post in WordPress 2.7.\n\nThe Posts > Edit SubPanel enables you to select the Post or Posts you wish to edit, delete, or view. Multiple Posts can be selected for deletion and for editing. The all-new Bulk Edit feature allows you to change the details for a group of Posts at the same time. A handy in-line edit tool, called Quick Edit, allows you to update many fields for an individual Post.\n\nCovered in this video:\n\n    * How to bulk edit or delete multiple Posts at the same time.\n    * Using the Quick Edit tool to quickly change Post details.\n    * How to make a Post \u201csticky\u203f? to keep it at the top of your page.\n    * Editing, previewing and updating a Post using the WYSIWYG editor.'});
	cvids_740.push({vid:10603, thumb: 'http://images.vimeo.com/22/33/87/223387229/223387229_200.jpg', title: 'Part Four: Tags and Categories', desc: 'In this video, the fourth in the series, we take a look at how to better organize your Posts in WordPress 2.7 through the use of Tags and Categories.\n\nTags are the keywords you might assign to each post. They are typically displayed underneath each Post. Someone viewing your blog can click on one of those Tag links, and an archive page with all the Posts belonging to that Tag will be displayed.\n\nEvery Post in WordPress is filed under one or more Categories. Categories allow your Posts to be classifieds into groups and subgroups. If a visitor to your site clicks on a Category link, an archive page with all the Posts belong to that Category will be displayed. Unlike Tags, Categories may be assigned to a Parent Category so that you may set up a hierarchy within the category structure.\n\nCovered in this video:\n\n    * Understanding the difference between Tags and Categories.\n    * How to add and edit Categories using the Posts > Categories SubPanel.\n    * Using Category Parents to sort content hierarchically.\n    * How to add and edit Tags using the Posts > Tags SubPanel.'});
	cvids_740.push({vid:10604, thumb: 'http://images.vimeo.com/22/34/28/223428535/223428535_200.jpg', title: 'Part Five: Edit and Add New Pages', desc: 'In the fifth video in this series, we\u2019ll cover how to edit and add new Pages in your WordPress 2.7 site.\n\nA Page is another tool to add content to a WordPress site and is often used to present \u201cstatic\u203f? content\u2014or content that doesn\u2019t change very often. A good example of a Page is the information typically contained in \u201cAbout Us\u203f? or \u201cContact Us\u203f? Pages. Pages should not be confused with Posts. Pages live outside of the normal blog chronology, and as such, are not displayed with the rest of your Posts, but are displayed individually.\n\nCovered in this video:\n\n    * Reviewing the difference between Pages and Posts.\n    * How to edit and delete Posts using the Pages > Edit SubPanel.\n    * How to bulk edit or delete multiple Pages at the same time.\n    * Using the Quick Edit tool to quickly change Page details.\n    * How to change the order in which your Pages are listed.\n    * How to file, or \u201cnest\u203f? Pages underneath a Parent Page.\n    * Assigning different Page Templates for a given Page.\n    * Using the WYSIWYG editor to add and edit Pages.'});
	cvids_740.push({vid:10585, thumb: 'http://images.vimeo.com/22/34/19/223419560/223419560_200.jpg', title: 'Part Six: How to Add Images and Media', desc: 'In the sixth video in this series, we explore several ways to upload images, video and other files for use in your WordPress 2.7 blog.\n\nCovered in this video:\n\n    * How to upload and insert images or files into the content of a Post or Page.\n    * Using an image as an outside link, or a link to a larger version of the image.\n    * How to size and position an image within the content of a Post or Page.\n    * How to embed a YouTube video (or other video) in a Post or Page.\n    * How to bulk edit or delete media files from the Media > Library SubPanel.'});
	cvids_740.push({vid:10606, thumb: 'http://images.vimeo.com/22/34/15/223415605/223415605_200.jpg', title: 'Part Seven: How to Enable and Manage Comments', desc: 'In the seventh video in this series, we\u2019ll talk about how to enable and moderate comments on your WordPress 2.7 blog, including tips on best practices to encourage interactive discussion from visitors to your blog.\n\nComments are a feature of blogs which allow readers to respond to Posts. Typically readers simply provide their own thoughts regarding the content of the post, but users may also provide links to other resources, generate discussion, or simply compliment the author for a well-written post.\n\nComments can be controlled and regulated through the use of filters for language and content, and even queued for approval before they are visible on the web site. This is useful in dealing with comment spam.\n\nCovered in this video:\n\n    * How to enable Comments and Discussions.\n    * Best practices and settings for allowing Comments.\n    * Filtering comments for language and content.\n    * How to approve, edit, delete or mark a Comment as spam using the Comments SubPanel.\n    * Using the Akismet plugin to help filter spam.'});
	cvids_740.push({vid:10592, thumb: 'http://images.vimeo.com/22/33/98/223398053/223398053_200.jpg', title: 'Part Eight: How to Add Links', desc: 'In the eighth video in this series, you\u2019ll learn two ways to add links to your WordPress 2.7 blog or website.\n\nUse the Links > Add New SubPanel to share your favorite links with your visitors or recommend related resources. Sort your Links into Link Categories. Or, simply embed links within a Post or Page to link your readers to other sites.\n\nCovered in this video:\n\n    * How to add new Links to your sidebar using the Links > Add New SubPanel.\n    * Choosing the target or destination when your visitor clicks on a Link.\n    * Organize your Links into related Link Categories for easy navigation.\n    * Editing or deleting multiple Links at once using the Links > Edit SubPanel.\n    * How to easily create a Link within a Post or Page.'});
	cvids_740.push({vid:10595, thumb: 'http://images.vimeo.com/22/34/20/223420381/223420381_200.jpg', title: 'Part Nine: How to Change the Look of Your Site', desc: 'In the ninth video in this series, you\u2019ll learn how to update the look of your WordPress 2.7 blog or website through the use of site templates.\n\nFrom the Appearance > Themes SubPanel, you can control how the content of your blog is displayed. WordPress allows you to easily style your site by either installing and activating new Themes or changing existing Themes\n\nA Theme is actually a bundle of files that determine the overall design of a site, including colors, graphics, layout, and fonts. A Theme is also sometimes referred to as a \u201cskin\u203f?. There are literally thousands of WordPress Themes available to choose from, running the entire gamut of both quality and price.\n\nCovered in this video:\n\n    * How to update the look of your site with one click using the Appearance > Themes SubPanel.\n    * Previewing changes before you apply a new Theme.\n    * Editing raw Theme files using the Appearance > Editor SubPanel.'});
	cvids_740.push({vid:10609, thumb: 'http://images.vimeo.com/22/34/00/223400304/223400304_200.jpg', title: 'Part Ten: Sidebar Widgets', desc: 'In the tenth video in this series, we\u2019ll learn what Widgets are, and how they can be used to modify the sidebar content of your WordPress 2.7 site.\n\nWidgets are gadgets \u2014 actually small chunks of code \u2014 that enable you to add various pieces of information to your Theme\u2019s sidebar content. For example, Widgets can be used to add Categories, Archives, Links, Recent Posts, Recent Comments, and even custom text or HTML content to your sidebar.\n\nCovered in this video:\n\n    * What are Widgets, and how do they appear on your website?\n    * How to Add and Edit Widgets using the Appearance > Widgets SubPanel.\n    * How to rearrange the order of Widgets in the sidebar of your site.\n    * Using the RSS Widget to include headlines from a related site.'});
	cvids_740.push({vid:10570, thumb: 'http://images.vimeo.com/22/34/25/223425871/223425871_200.jpg', title: 'Part Eleven: WordPress Plugins', desc: 'In this video, the eleventh in the series, I\u2019ll show you how to locate, install and configure third-party plugins to extend the functionality of your WordPress 2.7 site.\n\nPlugins allow you to add new features to your WordPress blog that don\u2019t come standard with the default installation. There are thousands of Plugins available for WordPress, and with Plugins SubPanels, plugin installation and management is a snap.\n\nCovered in this video:\n\n    * What are Plugins, and how do they benefit me?\n    * How to activate and deactivate Plugins using the Plugins > Installed SubPanel.\n    * How to research new Plugins directly from the Plugins > Add New SubPanel.\n    * Using the all-new automatic Plugin installer.\n    * Configuring a sample Plugin (Twitter for WordPress).'});
	cvids_740.push({vid:10611, thumb: 'http://images.vimeo.com/22/34/05/223405927/223405927_200.jpg', title: 'Part Twelve: Add and Edit Users', desc: 'In the twelfth video in this series, you\u2019ll learn how to add and edit users so they can contribute to your WordPress 2.7 blog or website.\n\nVia the Users option in the main navigation menu, you can set up all of the user accounts you need, as well as update user information, change permission levels, or delete users.\n\nCovered in this video:\n\n    * How to edit or delete Users in the Authors \& Users SubPanel.\n    * Adding new Users in the Users > Add New SubPanel.\n    * How to set individual permissions for each User.\n    * What are the available permission levels?\n    * Editing your own Profile and login information.'});
	cvids_740.push({vid:10612, thumb: 'http://images.vimeo.com/22/34/13/223413796/223413796_200.jpg', title: 'Part Thirteen: Configuring the Settings', desc: 'In the thirteenth (and final) video in this series, we\u2019ll take a quick look at all the various settings and configurations in WordPress 2.7, as well as best practices.\n\nThe Settings Administration Panel contains all of the settings that define your blog as a whole: settings which determine how your site behaves, how you interact with your site, and how the rest of the world interacts with your site.\n\nCovered in this video:\n\n    * General - Updating your site\u2019s title and location, who may register an account at your blog, and how dates and times are calculated and displayed.\n    * Writing - Customizing the interface with which you write new posts.\n    * Reading - Deciding if you want Posts, or a \u201cstatic\u203f? Page, to be displayed as your blog\u2019s front (home) page. How many posts are displayed at one time, and how to adjust RSS syndication feed features to determine how the information from your site is sent to a reader\u2019s web browser or other applications.\n    * Discussion - Control the settings concerning incoming and outgoing comments, pingbacks and trackbacks, email notifications and the use of avatars.\n    * Media - Specify the maximum dimensions in pixels to use when inserting an image into the body of a post.\n    * Privacy - Choose whether you want your blog available to search engines (like Google, Sphere, or Technorati), or only to normal visitors.\n    * Permalinks - Create a custom URL structure for your permalinks and archives.\n    * Miscellaneous - File upload settings, link tracking and support for custom \u201chacks\u203f?.'});
	cvids_740.push({vid:10565, thumb: 'http://images.vimeo.com/21/76/54/217654088/217654088_200.jpg', title: 'How to Upgrade to WordPress 2.7', desc: 'Screencast walking through the steps in upgrading WordPress.'});
	cvids_740.push({vid:10613, thumb: 'http://images.vimeo.com/20/82/83/208283769/208283769_200.jpg', title: 'Uploading and displaying a link to a pdf in wordpress 2.7', desc: ''});
html+='<div id="thumb_740" style="width:407px;overflow:hidden;height:336px;background-color:#FFFFFF;position:relative;float:left;">';
html+=vidthumbhtml_740(curvid_740);
html+='</div>';
	html +='<div style="height:26px;width:126px;position:absolute;right:5px;">';
		//html +='<img onclick="showmatrix_740(0);" style="position:absolute;left:66px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconmatrix24.png" title="overzicht van alle videos"/>';
		html +='<img id="pgprev_740" onclick="gotopageoffset_740(-1);" style="position:absolute;left:0px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconprev24.png" onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);" title="blader terug"/>';
		//html +='<img onclick="playstop_740();" style="position:absolute;left:5px;top:20px;cursor:pointer;margin:0;padding:0;" src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconstop24.png" title="stop"/>';
		//html +='<img onclick="playstart_740();" style="position:absolute;left:5px;top:30px;cursor:pointer;margin:0;padding:0;" src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconplay24.png" title="afspelen"/>';
		html +='<img id="pgnext_740" onclick="gotopageoffset_740(1);" style="position:absolute;left:66px;top:1px;cursor:pointer;margin:0;padding:0;" src="http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/iconnext24.png" onmouseover="oMouEv(this,true);" onmouseout="oMouEv(this,false);"  title="blader verder"/>';
		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_740">';
			html+='<div id="mxs_740"  style="position:absolute;top:0px;background-color:#ffffff;"></div>';
			html+='<div id="mxs2_740" 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.dik.nl/"><img style="position:absolute;left:0px;top:3px;height:25px;z-index:5;cursor:pointer;margin:0;padding:0;" border=0 src="http://incdn.s3.amazonaws.com/dikp_v1/img/project/dik/logo.png"></a>';
			//html +='<a target=_blank href="http://www.dik.nl/channel/player/786/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 dik.nl</div></a>';
					html +='<img onclick="toggleembed_740();" src="http://www.dik.nl/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.dik.nl/channel/player/786/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;">Je kijkt naar het kanaal</span><br/>WordPress 2.7</div></a>';
		html+='</div>';
	
	html+='</div></div>';	// margin and innerflash
	html+='<iframe src="http://www.dik.nl/util/ustat" width="0" height="0" border="no" frameborder="0"  style="border:0; visibility: hidden;"></iframe>';
	wgElm_740.innerHTML=html;
	wgElm_740.style.display = 'block';

	gotopage_740(matrix_curpg);	// 1
		
}

function playnext_740() {
	if (curvid_740 < cvids_740.length -1 ) {
		curvid_740++;
		if (cpvideo_740)
			playstart_740();	// we are playing video
		else {
			var thumbdiv=document.getElementById('thumb_740');
			thumbdiv.innerHTML=vidthumbhtml_740(curvid_740);
		}
	}
}
function playprev_740() {
	if (curvid_740 >0 ) {
		curvid_740--;
		if (cpvideo_740)
			playstart_740();	// we are playing video
		else {
			var thumbdiv=document.getElementById('thumb_740');
			thumbdiv.innerHTML=vidthumbhtml_740(curvid_740);
		}
	}
}

// play video in video window
function playstart_740(vnr) {
	closepopup_740();	// close popup (if open)
	if (vnr==null)
		vnr=curvid_740;
	else
		curvid_740=vnr;	// set the current
	var thumbdiv=document.getElementById('thumb_740');
	thumbdiv.innerHTML='<div></div>';
	thumbdiv.style.background='#FFF url(http://incdn.s3.amazonaws.com/dikp_v1/img/spinner32.gif) no-repeat 173.5px 138px';
	thumbdiv.innerHTML='<iframe name="playerframe" class="playerframe" src="http://www.dik.nl/widget/playvideo/'+cvids_740[vnr].vid+'/407/336/L/W" width="407" height="336" frameborder="0" scrolling="no" allowtransparency="true"></iframe>';
	cpvideo_740=true;
}

// show large thumb video still
function playstop_740(vnr) {
	if (vnr==null)
		vnr=curvid_740;
	else
		curvid_740=vnr;	// set the current
	cpvideo_740=false;
	var thumbdiv=document.getElementById('thumb_740');
	thumbdiv.innerHTML=vidthumbhtml_740(vnr);
}

// big thumbnail / player window
function vidthumbhtml_740(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_740[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_740[vnr].title)+'</div><div style="margin: 2px 5px; font-size:13px;line-height:13px;color:#ffffff;overflow:hidden;height:27px;"  title="'+htmlspecialchars(cvids_740[vnr].desc)+'">'+htmlspecialchars(cvids_740[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_740.length)+'</div></div></div>';
html+='<div style="position: absolute; width:100px;height:100px;top:118px;left:154px;z-index:200;cursor:pointer;cursor:hand;background:url(http://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/videoplay100.png) no-repeat;" onClick="playstart_740();"></div>';
	return html;
}

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

// thumbs rechts
function vidthumbhtmlSmall_740(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_740('+vnr+')" title="'+htmlspecialchars(cvids_740[vnr].desc)+'" src="'+cvids_740[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://incdn.s3.amazonaws.com/dikp_v1/img/widget/chart2/videoplay20.png) no-repeat;" onclick="playstart_740('+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_740[vnr].title)+'</div>';
			html+='</div>';
		return html;
}

// cp 1..npages
function paginationhtml_740(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_740('+(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_740('+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_740('+(cp+1)+');">Next &#187;</span>';
	else
		html+='<span class="pageblock_disabled">Next &#187;</span>';
	html+='</div>';
	return html;
}

function vidplayurl_740(vnr) {
	if (vnr==null)
		vnr=curvid_740;
	return 'http://www.dik.nl/channel/player/786/'+cvids_740[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_740() {
  el = document.getElementById('ipopup_740');
  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_740') { 
		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_740') { 
		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_740') 
		butnext_mousein=mouseIn;
	if (oBut.id == 'pgprev_740') 
		butprev_mousein=mouseIn;
	stButImg(oBut);
}

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

function initpage_740() {
	matrix_npages= Math.ceil(cvids_740.length / matrix_itemspp);
}

function gotopage_740(pg) {
		
	if (!matrix_npages)
		initpage_740();
	if (pg<1)
		pg=1;
	if (pg>matrix_npages)
		pg=matrix_npages;
		
	oldpg=matrix_curpg;
	matrix_curpg=pg;
	var mxs=document.getElementById('mxs_740');
	var mxs2=document.getElementById('mxs2_740');
	//if (!mxs)	
	//	alert('mxs_740 niet gevonden');
	var html='';
	for (var i=(matrix_curpg-1)*matrix_itemspp,cv=0;i<cvids_740.length && cv<matrix_itemspp;i++) {
		html+=  vidthumbhtmlSmall_740(i);
		cv++;
	}
	//html+=  '<div style="clear:both;"></div>';
	//if (matrix_npages>1) {
	//	html+=  '<div style="margin:10px 0px">'+paginationhtml_740(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_740');
	if (el) 
		stButImg(el); // update nextbutton state

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

function gotopageoffset_740(offset) {	// 1 or -1
	if (matrix_npages==0)
		initpage_740();
	if (matrix_curpg+offset<0 || matrix_curpg+offset>matrix_npages) {
		gotopage_740(matrix_curpg);
		return 0;
	}
	gotopage_740(matrix_curpg+offset);
	return 1;
}

function showmatrix_740() {
	// close old one
	closepopup_740();

	matrix_npages= Math.ceil(cvids_740.length / 16);
	
	// open new
	var popup_div = document.createElement('div');
	var title='matrix';
	popup_div.id = "ipopup_740";
	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_740();" 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 style="position:absolute;top:8px;left:15px;color:#888;font-size:15px;overflow:hidden;width:'+(base_width-50)+'px;">WordPress 2.7</div>';
	vid_html+=	'<div style="margin:30px 10px 10px 10px;" id="mxs_740">';
	// for (var i=0,cv=0;i<cvids_740.length && cv<16;i++) { 
	// 		vid_html+=  vidthumbhtmlSmall_740(i);
	// 		cv++;
	// 	}
	// 	vid_html+=  '<div style="clear:both;"></div>';
	// 
	// 	if (matrix_npages>1) {
	// 		vid_html+=  '<div style="margin:10px 0px">'+paginationhtml_740(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_740(matrix_curpg);
}


function closeembed_740() {
  el = document.getElementById('iembed_740');
  if (el) {
    el.parentNode.removeChild(el);
  } 
}
function toggleembed_740() {
	el = document.getElementById('iembed_740');
	if (el) 
		closeembed_740();
	else
		showembed_740();
}

function showembed_740() {
	// close old one
	closeembed_740();
	// open new
	var popup_div = document.createElement('div');
	var title='embed';
	popup_div.id = "iembed_740";
	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_740();" style="position:absolute;top:7px;right:0px;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 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.dik.nl/channel/player/786/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.dik.nl/widget/solojs/786/92/width:550/height:375/skin:clean&quot;&gt;&lt;/script&gt;</textarea></div>';	
	vid_html+='</div>';

	vid_html+='</div>';	
	popup_div.innerHTML=vid_html;
	
	em = document.getElementById('widget_flash_740');
	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 + '"';
}