$(document).ready(function(){

	$('a.more').each(function(){
	  var overlay_id = '#overlay_' + $(this).attr('name');
	  $(this).colorbox({width:"70%", inline:true, href:overlay_id});
	});

});





$(document).ready(function()
{
$(".background-canvas").backgroundCanvas();

});

function DrawBackground() {
	$(".background-canvas").backgroundCanvasPaint(TestBackgroundPaintFkt);
}
// Draw the background on load and resize
$(window).load(function () { DrawBackground(); });
$(window).resize(function() { DrawBackground(); });

function TestBackgroundPaintFkt(context, width, height, elementInfo)
{
	var options = {x:0, height: height, width: width,
	radius:14, border: 0 };
	// Draw the red border rectangle
	// var bordercolor = '#cccccc';
	var bordercolor = '#EDC168';
	context.fillStyle = bordercolor;
	$.canvasPaint.roundedRect(context,options);
	// Draw the gradient filled inner rectangle
	// var colorstart='#f2f2f2';
	var colorend= '#EDC168'; // '#b1b1b1';
	var colorstart='#ffffff';
	var backgroundGradient = context.createLinearGradient(0, 0,
	0, height - 10);
	// backgroundGradient.addColorStop(0 ,'#f2f2f2');
	// backgroundGradient.addColorStop(1, '#ffffff');
	backgroundGradient.addColorStop(0 , colorstart);
	backgroundGradient.addColorStop(1, colorend);
	options.border = 5;
	context.fillStyle = backgroundGradient;
	$.canvasPaint.roundedRect(context,options);
}