<$
var headerNumber = context.param(0, 1);
var defaultLevel = context.param(1, "h2");

var headerTitle = article.value("header-title-" + headerNumber, "");
// for articles where the headeLevel hasn't been set yet, because the setting didn't exist, the article default isn't properly set yet.
var headerLevel = article.value("header-title-level-" + headerNumber, defaultLevel) !== "" ? article.value("header-title-level-" + headerNumber, defaultLevel) : defaultLevel;
var headerAlign = article.value("header-title-align-" + headerNumber, "");
var inlineAlign = "";
if ( headerAlign ){
	inlineAlign = "text-align: " + headerAlign + "; ";
}
var headerColor = article.value("header-title-color-" + headerNumber, "");
var inlineColor = "";
if ( headerColor ){
	inlineColor = "color: " + headerColor + "; ";
}
$>

<$ if ( headerTitle ) { $>
	<<$= headerLevel $> style="<$= inlineColor $><$= inlineAlign $>"><$= headerTitle $></<$= headerLevel $>>
<$ } $>