function createHelpPopin(title, content, width)
{
	if(width == undefined || width == "")
		width = "400px";

	$(document.body).adopt(
		$$(
			new Element("div", 
				{
					id:"popin-wrapper",
					styles: { "height": window.getScrollSize().y.toInt() }
				}
			)
		),
		popin = 
			new Element("div", { id:"help-popin", "style":"width:" + width }).adopt(
				$$(	new Element("div", { "style":"float:right;display:block;" }) ).adopt(
					$$(	new Element("a", { id:"help-close", href:"#", "html":"(stäng fönster)" }) )
				)	
				,
				$$(	new Element("img", { src:"/gi/mealplanner/img/info.png", "style":"margin-top: 5px;margin-right: 6px; float: left;" }) )
				,
				$$(	new Element("div", { }) ).adopt(
					$$(	new Element("div", { "html":"Information - " + title, "style":"font-size:1.7em;" }) )				
				)
				,
				$$(	new Element("br", { }) )
				,
				$$(	new Element("div", { id:"help-content", "html":content }) )
		)
	);
	
	$('help-close').addEvent("click", function(e) {
		e.stop();
		if($('help-popin')){
			$('help-popin').fade(0);
			DisposeHelpPopin();
		}
	});
	
	rePositionHelpPopin();
}

function createHelpVideoPopin(title, videoID, content, width)
{
	var videoURL =
		"<object width='425' height='344'>"
			+ "<param name='movie' value='http://www.youtube.com/v/" + videoID + "'></param>"
			+ "<param name='allowFullScreen' value='true'></param>"
			+ "<param name='allowscriptaccess' value='always'></param>"
			+ "<embed src='http://www.youtube.com/v/" + videoID + "' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='425' height='344'></embed>"
		+ "</object>";

	createHelpPopin(title, videoURL + content, width)
}

function DisposeHelpPopin()
{
	$('help-popin').setStyle('display','none');
	$('popin-wrapper').setStyle('display','none');
	$('help-popin').dispose();
	$('popin-wrapper').dispose();
}

function rePositionHelpPopin() {
	if ($("popin-wrapper"))
		$("popin-wrapper").setStyle("height", window.getScrollSize().y.toInt());
	if ($("help-popin"))
		$("help-popin").setStyle("left", window.getSize().x/2 - $("help-popin").getStyle("width").toInt()/2);
}