function startfeedback() {
	$(this).remove();
	//$(this).hide();
	$('html, body').animate({ scrollTop:0 },'slow');
	$('<div></div>')
		.css('position','absolute')
		.css('left',0)
		.css('top',0)
		.css('background','black')
		.css('height',$(document).height())
		.css('width',$(document).width())
		.css('opacity',0.75)
		.css('z-index',200)
		.appendTo('body')
		;
	var f = $('<div><a href="#"><img class="close" src="gfx/close.png" /></a><iframe src="https://survey.feedbackmanager.nl/invite/3295c76acbf4caaed33c36b1b5fc2cb1/start" /></div>');
	var w = 536;
	var h = 700;
	var l = ($(window).width()-w)/2;
	$(f).find('a').first().click(function(event) {
		event.preventDefault();
		$(this).closest('div').next('img').remove();
		$(this).closest('div').prev().remove();
		$(this).closest('div').remove();
		});
	$(f)
		.css('position','absolute')
		.css('top','50px')
		.css('height',h)
		.css('width',w)
		.css('left',l)
		.css('background','white')
		.css('border','#cccccc 4px solid')
		.css('z-index',200)
		.find('iframe')
		.css('border','0px')
		.css('width','100%')
		.css('height','100%')
		.css('background','white')
		;
	$(f).find('a').first().css('position','absolute').css('left',w-(27/2));
	$('body').append(f);
	$('<img src="gfx/feedbackmanagerlogo.png" />').appendTo('body')
		.css('position','absolute')
		.css('top',58+4+$(f).height())
		.css('left',(l+$(f).width())-202)
		.css('z-index',200)
		;
}

$(document).ready(function() {

	var el = $('<div style="width:'+(27+150)+'px;position:absolute;z-index:999999;background:white url(gfx/gradient.jpg);color:white;text-align:right;"><img src="gfx/feedback.png" style="float:right;margin-left:10px;" />'+
		'<div style="padding:5px;">Help ons onze website te verbeteren.<br />Geef ons in minder dan 30 seconden uw mening.</div></div>');
	$(el)
		.css('position','absolute')
		.css('cursor','pointer')
		.css('display','none')
		.click(function() {
			startfeedback.call(this);
			})
		;

	$('body')
		.append(el)
		;

	var t = ($(window).height()-$(el).height())/3;

	var iw = 27;
	var w = $(el).width()-27;
	
	$(el).data('w',w);

	$(el)
		.css('top',t+'px')
		.css('left','-'+w+'px')
		.css('display','block')
		.hover(function() {
				//$(this).css('left','0px');
			//	$(this).animate({ left:0 },{ 'duration':500, 'easing': 'swing' });
			},function() {
				//$(this).css('left','-'+$(this).data('w')+'px');
//				$(this).animate({ left: '-'+$(this).data('w') },{ 'duration':500, 'easing': 'swing' });
			})
		;
		
	});