//Zorg dat de instantie van de layer en de template gedeeld kunnen worden.
var tipLayer;
var tipTemplate
function smarty_function_quicktip(el, params)
{
	if(!Ext)
	{
		window.alert('Fout bij het openen van de help - geen ExtJS aanwezig');
		return false;
	}
	if(!tipLayer)
	{
		//Hogere z-index is nodig voor ie6.
		tipLayer = new Ext.Layer({shadow: true, shim: true, zindex: 20001});
		tipLayer.setVisibilityMode(tipLayer.DISPLAY);
		tipLayer.appendTo(document.body);
		tipTemplate = new Ext.Template();
	}
	if(params.title)
	{
		tipTemplate.set('<div class=\"quicktip-container\" style=\"width: {width}px\"><div class=\"quicktip-title\"><img class=\"quicktip-close\" src=\"/website/gfx/icons/16/blank.gif\" onclick=\"tipLayer.hide();\">{title}</div><div class=\"quicktip-text\">{text}</div><div class=\"quicktip-close-text\" onclick=\"tipLayer.hide();\">Sluiten</div></div>');
	}
	else
	{
		tipTemplate.set('<div class=\"quicktip-container\" style=\"width: {width}px\"><div class=\"quicktip-text\">{text}</div><div class=\"quicktip-close-text\" onclick=\"tipLayer.hide();\">Sluiten</div></div>');
	}

	//Defaults
	if(!params.width)
	{
		params.width = 300;
	}
	tipTemplate.overwrite(tipLayer, params);
	if(params.alignTo == 'center')
	{
		tipLayer.alignTo(document.body, 'c-c');
	}
	else
	{
		tipLayer.alignTo(el, (params.alignTo ? params.alignTo : 'tl-tr'));
	}
	tipLayer.show();
	Ext.get(document.body).addListener('click', hideTipLayer);

	return false;
}
//Moet in een aparte functie omdat we het event weer weg willen halen als het niet meer nodig is.
function hideTipLayer(e)
{
	if(e.getTarget() != null && e.getTarget().className.indexOf('quicktip') < 0)
	{
		tipLayer.hide();
		Ext.get(document.body).removeListener('click', hideTipLayer);
	}
}