$(document).ready(function () {
	var divsHeaders = {
		relacionamento	:	'<a href="/quatro-razoes/relacionamento" title="Relacionamento" id="mask-rel" class="razoes-mask" style="left:0px;"></a>',
		versatilidade	:	'<a href="/quatro-razoes/versatilidade" title="Versatilidade" id="mask-ver" class="razoes-mask" style="left:5px;"></a>',
		experiencia		:	'<a href="/quatro-razoes/experiencia" title="Experiência" id="mask-exp" class="razoes-mask" style="left:9px;"></a>',
		qualidade		:	'<a href="/quatro-razoes/qualidade" title="Qualidade" id="mask-qua" class="razoes-mask" style="left:13px;"></a>'
	}
	
	$(".subheader").append(divsHeaders.relacionamento);
	$(".subheader").append(divsHeaders.versatilidade);
	$(".subheader").append(divsHeaders.experiencia);
	$(".subheader").append(divsHeaders.qualidade);
	
	var url	= window.location.href;
	var razao = url.replace(/^(.*)\//, "");
	
	switch(razao){
		case "relacionamento":	$(".subheader").find("a[id !='mask-rel']").addClass("razoes-mask-off");	break;
		case "versatilidade":	$(".subheader").find("a[id !='mask-ver']").addClass("razoes-mask-off");	break;
		case "experiencia":		$(".subheader").find("a[id !='mask-exp']").addClass("razoes-mask-off");	break;
		case "qualidade":		$(".subheader").find("a[id !='mask-qua']").addClass("razoes-mask-off");	break;    
		default:				;
	}
});