<%@ include file="/WEB-INF/templates/taglibs.jsp"%>

<div class='row-fluid'>
	<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.infoServicoApoio" /></h4>
</div>

<div id="tabsServicoApoio" class="tabsbar" data-idservico="">
	<ul>
		<li class="active dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.detalhes')" onmouseout="fechaTooltip()" data-ref="detalhesServicoApoio">
			<span href="#detalhesServicoApoio" data-toggle="tab">
				<a class="glyphicons book_open" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.ativosServico')" onmouseout="fechaTooltip()" data-ref="ativosSevicoApoio">
			<span href="#ativosSevicoApoio" data-toggle="tab">
				<a class="glyphicons display"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.servicosApoio')" onmouseout="fechaTooltip()" data-ref="servicosApoioN">
			<span href="#servicosApoioN" data-toggle="tab">
				<a class="glyphicons more_items"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.servicosRequisicao')" onmouseout="fechaTooltip()" data-ref="servicoRequisicaoApoio">
			<span href="#servicoRequisicaoApoio" data-toggle="tab">
				<a class="glyphicons list"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.incidentes')" onmouseout="fechaTooltip()" data-ref="servicoIncidenteApoio">
			<span href="#servicoIncidenteApoio" data-toggle="tab">
				<a class="glyphicons circle_exclamation_mark"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.contratos')" onmouseout="fechaTooltip()" data-ref="contratosApoio" >
			<span href="#contratosApoio"  data-toggle="tab">
				<a class="glyphicons file" ><i></i></a>
			</span>
		</li>
	</ul>
</div>
<div class="tab-content">
	<div class="tab-pane active" id="detalhesServicoApoio">
		<div class='row-fluid'>
			<div class='span12 formularioCadastroServicoApoio tabConteudo' data-loaded="false">
			</div>
		</div>
	</div>
	<div class="tab-pane" id="ativosSevicoApoio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicosApoioN">
		<div class='row-fluid'>
			<div class='span12 formularioInfoServicoApoio tabConteudo' data-loaded="false">
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicoRequisicaoApoio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicoIncidenteApoio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
			</div>
		</div>
	</div>
	<div class="tab-pane" id="contratosApoio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
			</div>
		</div>
	</div>
</div>