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

<form name='formMapaDesenhoNegocio' action='${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/gerenciamentoPortfolioMapaDesenhoNegocio'>
	<input type="hidden" name="idPortfolioServico" id="idPortfolioServicoMapaNegocio"  />
	<input type="hidden" name="idServicoNegocio" id="idServicoNegocioMapaNegocio" />
	<input type="hidden" name="idServicoApoio" id="idServicoApoioMapaNegocio"/>
	<input type="hidden" name="idItemConfiguracao" id="idItemConfiguracaoMapaNegocio"/>
	<input type="hidden" name="idMapaNegocioItem" id="idMapaNegocioItemMapaNegocio" />
	<input type="hidden" name="serializacaoItensMapaNegocio" id="serializacaoItensMapaNegocio" />
	<input type="hidden" name="acaoDesenhoMapaNegocioOcorrenciaServico" id="acaoDesenhoMapaNegocioOcorrenciaServico" />
	
	<div class='row-fluid'>
		<div class='span12'>
			<div id="menu-botoes">
				<div class="filter-bar" style="margin-bottom: 10px;">
					<div class="row-fluid">
						<button type='button' name='btnGravarMapaNegocio' id='btnGravarMapaNegocio' class="btn-mini btn-default btnGravar" onclick="mapaNegocio.salvarMapaNegocio();">
							<fmt:message key="citcorpore.comum.gravar"/>
						</button>
						<button type='button' name='btnImprimirMapaNegocio'' id='btnImprimirMapaNegocio'' class="btn-mini btn-default" onclick="mapaNegocio.imprimirDesenhoMapaNegocio()">
							<fmt:message key="citcorpore.comum.gerarImpressao"/>
						</button>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	
	<div class='row-fluid'>
		<div class='span12'>
			<div class="accordion accordion-2 margin-bottom-none" id="accordionMapaNegocio">
				<div class="accordion-group">
					<div class="accordion-heading">
						<a id="linkAccordionServicoApoioMapaNegocio" class="accordion-toggle glyphicons settings" data-toggle="collapse" data-parent="#accordionMapaNegocio" href="#accordionServicoApoioMapaNegocio">
							<i></i><fmt:message key="gerenciaportfolio.servicosApoio"/>
						</a>
				    </div>
				    <div id="accordionServicoApoioMapaNegocio" class="accordion-body collapse in">
				      	<div class="accordion-inner">
							<div id="menu-icones">
								<div class="divItensMapa">
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.atendimento')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/atendimento.png" icone="atendimento" id="iconeNegocio1" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.configuracao')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/configuracao.png" icone="configuracao" id="iconeNegocio2" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.suporte')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/suporte.png" icone="suporte" id="iconeNegocio3" class="servApoio" draggable="true" ondragstart="dragstart(event)"  />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.admin')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/admin.png" icone="admin" id="iconeNegocio4" class="servApoio" draggable="true" ondragstart="dragstart(event)"  />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.funcionario')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/funcionario.png" icone="funcionario" id="iconeNegocio5" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.rede')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/rede.png" icone="rede" id="iconeNegocio6" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.email')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/email.png" icone="email" id="iconeNegocio7" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.hardware')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/hardware.png" icone="hardware" id="iconeNegocio8" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.bancodedados')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/banco-de-dados.png" icone="banco-de-dados" class="servApoio" id="iconeNegocio9" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.software')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/software.png" icone="software" id="iconeNegocio10" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
									<label onmouseover="abreTooltip(this, 'mapaDesenhoCatalogoNegocio.seguranca')" onmouseout="fechaTooltip()">
										<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/servicoApoio/seguranca.png" icone="seguranca" id="iconeNegocio11" class="servApoio" draggable="true" ondragstart="dragstart(event)" />
									</label>
								</div>
							</div>
				      	</div>
				    </div>
			  	</div>
			  	<div class="accordion-group">
				    <div class="accordion-heading">
				      	<a id="linkAccordionICMapaNegocio" class="accordion-toggle glyphicons display" data-toggle="collapse" data-parent="#accordionMapaNegocio" href="#accordionICMapaApoio">
				        	<i></i><fmt:message key="itemConfiguracaoTree.itensConfiguracao"/>
				      	</a>
				    </div>
				    <div id="accordionICMapaApoio" class="accordion-body collapse">
				    	<div class="accordion-inner">
							<div class="divItensMapa">
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.software')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/software.png" icone="software" id="iconeNegocioICsoftware" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.extension')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/extension.png" icone="extension" id="iconeNegocioICextension" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.web')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/web.png" icone="web" id="iconeNegocioICweb" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.servidor')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/servidor.png" icone="servidor" id="iconeNegocioICservidor" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.sd_storage')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/sd_storage.png" icone="sd_storage" id="iconeNegocioICsd_storage" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.desktop')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/desktop.png" icone="desktop" id="iconeNegocioICdesktop" class="itemConfig" draggable="true" ondragstart="dragstart(event)"  />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.notebook')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/notebook.png" icone="notebook" id="iconeNegocioICnotebook" class="itemConfig" draggable="true" ondragstart="dragstart(event)"  />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.monitor')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/monitor.png" icone="monitor" id="iconeNegocioICmonitor" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.smartphone')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/smartphone.png" icone="smartphone" id="iconeNegocioICsmartphone" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.tablet-android')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/tablet_android.png" icone="tablet_android" id="iconeNegocioICtablet_android" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.windows')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/windows.png" icone="windows" id="iconeNegocioICwindows" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.linux')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/linux.png" icone="linux" id="iconeNegocioIClinux" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.apple')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/apple.png" icone="apple" id="iconeNegocioICapple" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.impressora')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/impressora.png" icone="impressora" id="iconeNegocioICimpressora" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.scanner')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/scanner.png" icone="scanner" id="iconeNegocioICscanner" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.telefone')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/telefone.png" icone="telefone" id="iconeNegocioICtelefone" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.watch')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/watch.png" icone="watch" id="iconeNegocioICwatch" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.projetor')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/projetor.png" icone="projetor" id="iconeNegocioICprojetor" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.switch')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/switch.png" icone="switch" id="iconeNegocioICswitch" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.router')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/router.png" icone="router" id="iconeNegocioICrouter" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.keyboard')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/keyboard.png" icone="keyboard" id="iconeNegocioICkeyboard" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.mouse')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/mouse.png" icone="mouse" id="iconeNegocioICmouse" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.usb')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/usb.png" icone="usb" id="iconeNegocioICusb" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.settings_input_hdmi')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/settings_input_hdmi.png" icone="settings_input_hdmi" id="iconeNegocioICsettings_input_hdmi" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.mic')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/mic.png" icone="mic" id="iconeNegocioICmic" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.headset')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/headset.png" icone="headset" id="iconeNegocioICheadset" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.speaker')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/speaker.png" icone="speaker" id="iconeNegocioICspeaker" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.camera_alt')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/camera_alt.png" icone="camera_alt" id="iconeNegocioICcamera_alt" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.videocam')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/videocam.png" icone="videocam" id="iconeNegocioICvideocam" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.security')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/security.png" icone="security" id="iconeNegocioICsecurity" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.vpn_key')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/vpn_key.png" icone="vpn_key" id="iconeNegocioICvpn_key" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.developer_board')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/developer_board.png" icone="developer_board" id="iconeNegocioICdeveloper_board" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.memory')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/memory.png" icone="memory" id="iconeNegocioICmemory" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.device_hub')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/device_hub.png" icone="device_hub" id="iconeNegocioICdevice_hub" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.tune')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/tune.png" icone="tune" id="iconeNegocioICtune" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.event_seat')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/event_seat.png" icone="event_seat" id="iconeNegocioICevent_seat" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>
								<label onmouseover="abreTooltip(this, 'mapaDesenhoServico.power')" onmouseout="fechaTooltip()">
									<img src="${ctx}/pages/gerenciamentoPortfolio/gerenciamentoPortfolioMapaDesenhoNegocio/imagens/itemConfiguracao/power.png" icone="power" id="iconeNegocioICpower" class="itemConfig" draggable="true" ondragstart="dragstart(event)" />
								</label>

							</div>
				      	</div>
				    </div>
			  	</div>
			</div>
		</div>
	</div>

	<div class="separator"></div>

	<div class="padding5">
		<canvas id="mapaNegocio" class=''></canvas>
	</div>
	

</form>

<div class="modal modal-small hide fade" id="modal-mapa-desenho-negocio-editar-servico">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="servico.servico" /> </h3>
	</div>
	<div class="modal-body">
		<form name='formEditarServicoMapaNegocio'>
		<div class="row-fluid">
			<div class="span12">
				<label class=""><fmt:message key='servico.nome'/></label>
				<input class="span12" type="text" id="nomeServicoPopupEditarServico" name="nomeServicoPopupEditarServico" readonly="readonly" onclick="abrePopupEditarServico();">
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<label class=""><fmt:message key='citcorpore.comum.descricao'/></label>
				<textarea class="span12" rows="3" cols="103" id="txtDescricaoPopupEditarServico" name="txtDescricaoPopupEditarServico" maxlength="250"></textarea>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<label class="msg_erro" id="msg_erro_form_item"></label>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<button type="button" id="btSalvarServicoApoioMapaNegocio" class="lFloat btn btn-icon btn-primary btnGravar"><fmt:message key="citcorpore.comum.gravar" /></button>
				<button type="button" id="btExcluirServicoApoioMapaNegocio" class="lFloat btn btn-icon btn-primary btnExcluir"><fmt:message key="citcorpore.comum.excluir" /></button>
			</div>
		</div>

	</form>
</div>
</div>

<div class="modal modal-bigger hide fade" id="modal-mapa-desenho-negocio-editar-ic">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="itemConfiguracao.itemConfiguracao" /> </h3>
	</div>
	<div class="modal-body overflow-hidden modal-body-max-height">
		<form name='formEditarICMapaNegocio'>
		<div class="row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<div class="span4">
						<label class=""><fmt:message key='itemConfiguracao.itemConfiguracao'/></label>
						<input class="span12" type="text" id="nomeICPopupEditarIC" readonly="readonly" onclick="openDialogFramePesquisaICMapaNegocio()">
					</div>
					<div class="span8">
						<label class=""><fmt:message key='citcorpore.comum.descricao'/></label>
						<textarea class="span12" rows="2" cols="103" id="txtDescricaoICPopupEditarIC" maxlength="250"></textarea>
					</div>
				</div>
				
					<div class="separator"></div>
					
				<div class="row-fluid">
					<div class="span12">
						<button type="button" id="btSalvarICMapaNegocio" class="lFloat btn btn-icon btn-primary btnGravar"><fmt:message key="citcorpore.comum.gravar" /></button>
						<button type="button" id="btExcluirICMapaNegocio" class="lFloat btn btn-icon btn-primary btnExcluir"><fmt:message key="citcorpore.comum.excluir" /></button>
						<button type="button" id="btExibirIC" class="lFloat btn btn-icon btn-primary" onclick="exibirItemConfiguracaoNegocio()"><fmt:message key="mapaDesenhoServico.exibirItemConfiguracao" /></button>
						<button type="button" id="btGerentesICMapaNegocio" class="lFloat btn btn-icon btn-primary" style="display: none;" onclick="onClickBtGerentesEvm();"><fmt:message key="mapaNegocio.gerentesEvm" /></button>
					</div>
				</div>
			</div>
		</div>
	</form>

		<div class="separator top"></div>
		
	<div id="evmGerentesMapaNegocio">
		<div id="tabsEvmGerentesMapaNegocio" class="tabsbar">
			<ul>
				<li id="li_inventory_mapanegocio"><a href="#tabInventoryMapaNegocio" data-toggle="tab" onclick="abaInventoryMapaNegocio()"><fmt:message key="mapaDesenhoServico.gerenteInventory"/></a></li>
				<li id="li_zabbix_mapanegocio"><a href="#tabZabbixMapaNegocio" data-toggle="tab" onclick="abaZabbixMapaNegocio()"><fmt:message key="mapaDesenhoServico.gerenteZabbix"/></a></li>
				<li id="li_nagios_mapanegocio"><a href="#tabNagiosMapaNegocio" data-toggle="tab" onclick="abaNagiosMapaNegocio()"><fmt:message key="mapaDesenhoServico.gerenteNagios"/></a></li>
			</ul>
		</div>
		<div class="tab-content">
			<div class="tab-pane active" id="tabInventoryMapaNegocio">
				<iframe id="iframeInventoryMapaNegocio" width="98%" style="position: absolute; height: 65%; border: none"></iframe>
			</div>
			<div class="tab-pane" id="tabZabbixMapaNegocio">
				<iframe id="iframeZabbixMapaNegocio" width="98%" style="position: absolute; height: 65%; border: none"></iframe>
			</div>
			<div class="tab-pane" id="tabNagiosMapaNegocio">
				<iframe id="iframeNagiosMapaNegocio" width="98%" style="position: absolute; height: 65%; border: none"></iframe>
			</div>
		</div>
	</div>
</div>
</div>

<div class="modal modal-medium hide fade" id="modal-mapa-desenho-negocio-lookup-servicos">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="servico.servico" /> </h3>
	</div>
	<div class="modal-body overflow-hidden modal-body-max-height">
	<form name='formPesquisaServicoApoioMapaNegocio' style="width: 95%;">
		<cit:findField formName='formPesquisaServicoApoioMapaNegocio' lockupName='LOOKUP_SERVICO_MAPA_NEGOCIO' id='LOOKUP_SERVICO_MAPA_NEGOCIO' heigth='300' javascriptCode='true' htmlCode='true' />
	</form>
</div>
</div>

<div class="modal modal-medium hide fade" id="modal-mapa-desenho-negocio-pesquisar-ic">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="citcorpore.comum.pesquisa" /> </h3>
</div>
	<div class="modal-body overflow-hidden modal-body-max-height">
		<iframe id="framePesquisaICMapaNegocio" class="no-border" width="100%" height="100%"></iframe>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-mapa-desenho-negocio-escolher-gerente-evm">
	<div class="row-fluid text-center">
		<a href="http://www.citsmart.com" target="_blank"><img class="img-enterprise" src="" /></a>
	</div>
</div>

<div class="modal modal-medium hide fade" id="modal-mapa-desenho-negocio-exibir-ic">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="title"> <fmt:message key="gerenciamentoPortfolio.mapaNegocio.exibirIC" /> </h3>
		</div>
	<div class="modal-body overflow-hidden modal-body-max-height">
		<iframe id="iframeInformacaoItemConfiguracaoNegocio" src="about:blank" class="no-border" width="100%" height="100%"></iframe>
	</div>
</div>