<%@ page import="java.util.ArrayList,
                 com.novell.emframe.dev.MContext,
                 com.novell.emframe.dev.eMFrameFactory,
                 com.novell.emframe.dev.config.SystemConfig,
				 com.novell.webaccess.common.JSPConduit,
                 com.novell.emframe.fw.LookAndFeelDefaults" %>
<%@  page pageEncoding="utf-8" contentType="text/html;charset=utf-8" %>
<%@ page import="com.novell.emframe.fw.FwAttr" %>


<%@ taglib uri="/WEB-INF/iman.tld" prefix="iman" %>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/x.tld" prefix="x" %>

<iman:stringtable bundle="DevResources"/>
<iman:stringtable bundle="FwResources"/>
<x:parse var="xml" xml="${xmlData}"/>

<%
   MContext context = eMFrameFactory.getMContext(request);
   SystemConfig configuration = SystemConfig.getSystemConfig(context);

   String headerImage = com.novell.emframe.fw.LookAndFeelDefaults.HeaderBackgroundImage;
   String fillerImage = com.novell.emframe.fw.LookAndFeelDefaults.HeaderFillerImage;
   String brandingImage = com.novell.emframe.fw.LookAndFeelDefaults.BrandingImage;
   String orgName = com.novell.emframe.fw.LookAndFeelDefaults.OrganizationName;
   boolean isHeaderBackgroundImage27 = false;
   boolean isHeaderFillerImage27 = false;
   boolean isBrandingImage27 = false;

   if(configuration.getSetting("LookAndFeel_iManagerHeaderBackgroundImage") != null)
      headerImage = configuration.getSetting("LookAndFeel_iManagerHeaderBackgroundImage");

   if(configuration.getSetting("LookAndFeel_iManagerHeaderFillerImage") != null)
      fillerImage = configuration.getSetting("LookAndFeel_iManagerHeaderFillerImage");

   if(configuration.getSetting("LookAndFeel_iManagerBrandingImage") != null)
      brandingImage = configuration.getSetting("LookAndFeel_iManagerBrandingImage");

   if(configuration.getSetting("LookAndFeel_OrganizationName") != null)
      orgName = configuration.getSetting("LookAndFeel_OrganizationName");

   if(headerImage.indexOf("27") != -1)
   		isHeaderBackgroundImage27=true;

   if(fillerImage.indexOf("27") != -1)
   		isHeaderFillerImage27=true;

   if(brandingImage.indexOf("27") != -1)
   		isBrandingImage27=true;

   int numViews = 1;
   ArrayList list = (ArrayList)FwAttr.getFwSessionAttribute("ViewIdList", session);
   if (list != null)
   {
       numViews = list.size();
   }
   int hintX = (numViews*34) + 329;
   int helpX = (numViews*34) + 294;
%>


<html>
<head>
  <title>Novell iManager</title>
  <LINK href="<c:out value="${ContextPath}" />/portal/modules/dev/css/hf_style.css" rel="styleSheet" type="text/css"/>

   <style type="text/css" media="screen">
			#Head0          { position: absolute; z-index: 0; top: 0px; left: 0px; width: 499px; visibility: visible }
			#Head1          { position: absolute; z-index: 1; top: 0px; left: 0px; width: 499px; visibility: visible }
			#logo0          { position: absolute; z-index: 1; top: 0px; right: 0px; width: 60px; height: 60px; visibility: visible }
<% if(isBrandingImage27) { %> 
		 	#logo1         { position: absolute; z-index: 3; top: 0px; right: 0px; width: 60px; height: 80px; visibility: hidden }
<% } else { %> 
		 	#logo1         { position: absolute; z-index: 2; top: 0px; right: 0px; width: 60px; height: 80px; visibility: visible }
<% } %> 
         	#quickviewlog  { position: absolute; z-index: 3; top: 61px; right: 88px; height: 16px; visibility: hidden }
         	#quickclearlog { position: absolute; z-index: 3; top: 61px; right: 68px; height: 16px; visibility: hidden }
<% if(isHeaderBackgroundImage27) { %> 
			#Apptitle     { position: absolute; overflow:hidden; z-index: 5; top: 13px; left: 55px; width: 186px; height: 23px; visibility: visible; }
			#Apptitlehint  { color: white; position: absolute;  overflow:hidden; z-index: 6; top: 2px; left: 55px; width: 150px; height: 17px; visibility: hidden }
			#logincontext  { position: absolute; z-index: 4; top: 40px; left: 55px; visibility: visible }
         	#mode          { font-size: 11px; position: absolute; z-index: 2; top: 53px; left: 55px; width:600px; visibility: visible; display: block }
      		.apptitle1 {color: white; overflow:hidden; text-decoration: none; font-weight: normal; font-size: 18px }
      		.apptitle2 {color: white; overflow:hidden; text-decoration: none; font-weight: bold; font-size: 18px }
<% } else { %> 
			#Apptitle     { position: absolute; overflow:hidden; z-index: 5; top: 0px; left: 0px; width: 186px; height: 23px; visibility: visible; }
			#Apptitlehint  { color: white; position: absolute;  overflow:hidden; z-index: 6; top: 4px; left: 195px; width: 150px; height: 17px; visibility: hidden }
			#logincontext  { position: absolute; z-index: 4; top: 27px; left: 6px; visibility: visible }
         	#mode          { font-size: 11px; position: absolute; z-index: 2; top: 61px; left: 6px; width:600px; visibility: visible; display: block }
      		.apptitle1 {color: white; background: #458ab9; padding-left: 6px; overflow:hidden; text-decoration: none; font-weight: normal; font-size: 18px }
      		.apptitle2 {color: white; background: #458ab9; padding-left: 6px; overflow:hidden; text-decoration: none; font-weight: bold; font-size: 18px }
<% } %> 
			#buthelp       { position: absolute; z-index: 2; top: 22px; width: 34px; height: 48px; visibility: visible;}
			#buthelp2      { position: absolute; z-index: 3; top: 22px; width: 34px; height: 48px; visibility: hidden;}
			#helphint      { color: #fff; position: absolute; z-index: 5; top: 4px; width: 200px; visibility: hidden}
         	#homebut       { position: absolute; z-index: 2; left: 249px; width: 34px; height: 48px; visibility: visible }
			#homebut2      { position: absolute; z-index: 3; left: 249px; width: 34px; height: 48px; visibility: hidden }
			#homebut3      { position: absolute; z-index: 4; left: 249px; width: 34px; height: 48px; visibility: hidden }
			#homehint      { color: #fff; position: absolute; z-index: 5; top: 4px; left: 249px; width: 200px; visibility: hidden }
			#exitbut       { position: absolute; z-index: 2; top: 22px; left: 283px; width: 34px; height: 48px; visibility: visible }
			#exitbut2      { position: absolute; z-index: 3; top: 22px; left: 283px; width: 34px; height: 48px; visibility: hidden }
			#exithint      { color: #fff; position: absolute; z-index: 1; top: 4px; left: 290px; width: 150px; visibility: hidden }
		 	#FillDiv   		{ position: absolute; z-index: 1; overflow:hidden; top: 0px; left: 375px; right: 60px; height: 80px; visibility: visible; }
			body		      { background: white url(<c:out value="${ContextPath}" /><%= fillerImage %>) repeat-x 0% 0% }
         	.username      { color: black; font-weight:bold; font-size:0.7em; text-transform:uppercase; white-space:nowrap; width:186px; overflow-x:hidden;}
         	.fillclass {color: white; text-decoration: none; overflow:hidden; font-weight: normal; font-size: 2.2em; line-height: 1.9em; background: url(<c:out value="${ContextPath}" />/portal/modules/fw/images/iMan27_H1_L1_bg.gif) repeat-x 0% 0%  }
   </style>
   
   <iman:eMFrameScripts/>
   <iman:include page="dev/HelpScripts_inc.jsp" />
   
   <script>
   NN4 = ((parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<5)&&(navigator.appName.indexOf("Netscape")!=-1))? 1:0;
   NN6 = ((parseInt(navigator.appVersion)>=5)&&(navigator.appName.indexOf("Netscape")!=-1))? 1:0;
   MS4 = ((parseInt(navigator.appVersion)>=4)&&(navigator.appName.indexOf("Microsoft")!=-1))? 1:0;
  
   <x:choose>
<%--      <x:when select="$xml/iManagerHeader/SHOW_LOGINS">var curImageID = "fw.LoginToDiffTree";</x:when>--%>
      <x:otherwise>var curImageID = "<x:out select="$xml/iManagerHeader/defaultView"/>";</x:otherwise>
   </x:choose>

   function show_hint(hintID, imageID)
   {
      var browser = navigator.appName;

      if (curImageID != imageID)
      {
         document.getElementById(imageID+'2').style.visibility = "visible";
      }
      document.getElementById(hintID).style.visibility = "visible";
   }

   function hide_hint(hintID, imageID)
   {
      var browser = navigator.appName;

      if (curImageID != imageID)
      {
         document.getElementById(imageID+'2').style.visibility = "hidden";
      }
      document.getElementById(hintID).style.visibility = "hidden";
   }

   function show_App_hint(hintID)
   {
      var browser = navigator.appName;

      document.getElementById('AppTitleDiv').className="apptitle2";
      document.getElementById(hintID).style.visibility = "visible";
   }

   function hide_App_hint(hintID)
   {
      var browser = navigator.appName;

      document.getElementById('AppTitleDiv').className="apptitle1";
      document.getElementById(hintID).style.visibility = "hidden";
   }

   function switch_icon(hintID, imageID)
   {

      var fullCurID = curImageID + '2'
      var fullID = imageID + '3';

      if (document.getElementById(curImageID) !=null)
      {
         document.getElementById(curImageID+'3').style.visibility = "hidden";
         document.getElementById(curImageID).style.visibility = "visible";
      }
      document.getElementById(imageID).style.visibility = "hidden";
      document.getElementById(imageID+'2').style.visibility = "hidden";
      document.getElementById(imageID+'3').style.visibility = "visible";
      document.getElementById(hintID).style.visibility = "hidden";

      curImageID = imageID;
   }

   function setCollectionModeText(newText)
   {
   		var full = "<x:out select="$xml/iManagerHeader/fullUserName"/>";
   		var treeName = full.substring(full.lastIndexOf(".") + 1);
      	var collTextSpan = document.getElementById( 'mode' );
      	if (collTextSpan != null && newText != null)
     	{
     		collTextSpan.innerHTML = treeName;
      	}
   }
   
   </script>
</head>

<body bgcolor="white" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
   <div id="logincontext">
      <div class="username" title="<x:out select="$xml/iManagerHeader/fullUserName"/>"><x:out select="$xml/iManagerHeader/userName"/></div>
   </div>

   <div id="Apptitle">
   		<a id="AppTitleA" style="text-decoration: none" href="webacc?taskId=fw.About&amp;merge=fw.About" target="Content" onmouseover="show_App_hint('Apptitlehint')" onmouseout="hide_App_hint('Apptitlehint')" >
   			<div id="AppTitleDiv" class="apptitle1">
   				<%= orgName %><br>
   			</div>
   		</a>
   </div>

   <div id="Head0"><IMG src="<c:out value="${ContextPath}" /><%= headerImage%>" width="499" height="80" border="0"/></div> 
   <div id="Head1"><IMG src="<c:out value="${ContextPath}" />/portal/modules/fw/images/iMan27_H1_L1.gif" width="499" height="80" border="0"/></div> 

   <div id="FillDiv" style="left:375px; right:60px; top:0px; height: 80px">
      <a id="FillDivA" style="text-decoration: none">
         <div id="FillDivB" class="fillclass" style="padding-top: 3px; padding-bottom: 3px; width: 100%">
            <br>
         </div>
      </a>
   </div>

   <div id="Apptitlehint" class="hint1">
      <iman:string key="Header.AboutInfo"/>
   </div>
   
   <div id="mode" title="<x:out select="$xml/iManagerHeader/fullUserName"/>">TreeName</div>
   <div id="logo0">
      <x:choose>
         <x:when select="$xml/iManagerHeader/eMFrame.Debug.enable">
            <a href="webacc?taskId=dev.Empty&amp;merge=fw.Body&amp;view=Debug" target="Mainscreen">
               <img height="80" width="60" src="<c:out value="${ContextPath}" /><%= brandingImage %>" border="0" title="Novell" alt="Novell"/></a>
         </x:when>
         <x:otherwise>
            <a href="http://www.novell.com/products/consoles/imanager" target="_blank">
               <img height="80" width="60" src="<c:out value="${ContextPath}" /><%= brandingImage %>" border="0" title="Novell" alt="Novell"/></a>
         </x:otherwise>
      </x:choose>
   </div>
   <div id="logo1">
      <x:choose>
         <x:when select="$xml/iManagerHeader/eMFrame.Debug.enable">
            <a href="webacc?taskId=dev.Empty&amp;merge=fw.Body&amp;view=Debug" target="Mainscreen">
               <img height="80" width="60" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/iMan27_logo_L1.gif" border="0" title="Novell" alt="Novell"/></a>
         </x:when>
         <x:otherwise>
            <a href="http://www.novell.com/products/consoles/imanager" target="_blank">
               <img height="80" width="60" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/iMan27_logo_L1.gif" border="0" title="Novell" alt="Novell"/></a>
         </x:otherwise>
      </x:choose>
   </div>
<% if(isHeaderFillerImage27) { %> 
   <div id="quickviewlog">
      <a href="webacc?taskId=fw.iManager Configuration&amp;merge=fw.ViewLog&amp;nextState=QuickLogViewing" target="_blank">
         <img src="<c:out value="${ContextPath}" />/portal/modules/fw/images/log_show.gif" border="0" title="View debug log" alt="View debug log"/></a></div>
         
   <div id="quickclearlog">
      <a href="webacc?taskId=fw.iManager Configuration&amp;nextState=QuickLogClearing" target="Bitbucket">
         <img src="<c:out value="${ContextPath}" />/portal/modules/fw/images/log_clear.gif" border="0" title="Clear debug log" alt="Clear debug log"/></a></div>
<% } else { %> 
   <div id="quickviewlog">
      <a href="webacc?taskId=fw.iManager Configuration&amp;merge=fw.ViewLog&amp;nextState=QuickLogViewing" target="_blank">
         <img src="<c:out value="${ContextPath}" />/portal/modules/fw/images/log_showw.gif" border="0" title="View debug log" alt="View debug log"/></a></div>
         
   <div id="quickclearlog">
      <a href="webacc?taskId=fw.iManager Configuration&amp;nextState=QuickLogClearing" target="Bitbucket">
         <img src="<c:out value="${ContextPath}" />/portal/modules/fw/images/log_clearw.gif" border="0" title="Clear debug log" alt="Clear debug log"/></a></div>
<% } %> 
         
   <script>
      var bDebugMode = "<x:out select="$xml/iManagerHeader/eMFrame.Debug.enable" />";
      if (bDebugMode == "true")
      {
         document.getElementById("quickviewlog").style.visibility = "visible";
         document.getElementById("quickclearlog").style.visibility = "visible";
      }
   </script>
   
	<c:choose>
		<c:when test="${sessionScope.DeviceType == 'browser'}">
			<c:set var="gifOrPng" value=".gif" scope="page" />
		</c:when>
		<c:otherwise>
			<c:set var="gifOrPng" value=".png" scope="page" />
		</c:otherwise>
   	</c:choose>

   <div id="homebut" style="top:22px;">
      <a href="webacc?NPService=fw.LaunchService&amp;NPAction=Return&amp;returnID=fw.HomePage&amp;merge=fw.HomePage" target="Content" onclick="switch_icon('homehint','homebut')" onmouseover="show_hint('homehint','homebut')" onmouseout="hide_hint('homehint','homebut')">
         <IMG height="48" width="34" id="home" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_home1<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.HomeHint"/>" alt="<iman:string key="Header.HomeHint}"/>"/>
      </a>
   </div>
   <div id="homebut2" style="top:22px;">
      <a href="webacc?NPService=fw.LaunchService&amp;NPAction=Return&amp;returnID=fw.HomePage&amp;merge=fw.HomePage" target="Content" onclick="switch_icon('homehint','homebut')" onmouseover="show_hint('homehint','homebut')" onmouseout="hide_hint('homehint','homebut')">
         <IMG height="48" width="34" id="home" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_home2<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.HomeHint"/>" alt="<iman:string key="Header.HomeHint}"/>"/>
      </a>
   </div>
   <div id="homebut3" style="top:22px;">
      <a href="webacc?NPService=fw.LaunchService&amp;NPAction=Return&amp;returnID=fw.HomePage&amp;merge=fw.HomePage" target="Content" onclick="switch_icon('homehint','homebut')" onmouseover="show_hint('homehint','homebut')" onmouseout="hide_hint('homehint','homebut')">
         <IMG height="48" width="34" id="home" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_home3<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.HomeHint"/>" alt="<iman:string key="Header.HomeHint}"/>"/>
      </a>
   </div>
   <div id="homehint" class="hint1">
      <iman:string key="Header.HomeHint"/>
   </div>

   <x:if select="$xml/iManagerHeader/ShowLogout">
      <div id="exitbut">
         <a href="portalservice?fw.exit=true" target="_top" onmouseover="show_hint('exithint','exitbut')" onmouseout="hide_hint('exithint','exitbut')">
            <IMG height="48" width="34" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_exit1<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.ExitHint"/>" alt="<iman:string key="Header.ExitHint"/>"/>
         </a>
      </div>
      <div id="exitbut2">
         <a href="portalservice?fw.exit=true" target="_top" onmouseover="show_hint('exithint','exitbut')" onmouseout="hide_hint('exithint','exitbut')">
            <IMG height="48" width="34" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_exit2<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.ExitHint"/>" alt="<iman:string key="Header.ExitHint"/>"/>
         </a>
      </div>
      <div id="exithint" class="hint1">
         <iman:string key="Header.ExitHint"/>
      </div>
   </x:if>


   <x:set var="NumberOfViewsInLeftGroup" select="count($xml/iManagerHeader/iManView[@id='fw.LoginToDiffTree'])"/>
   <x:set var="curPosition" select="0"/>

<%--this is not available in iManager 2.5--%>
<%--   <x:forEach select="$xml/iManagerHeader/iManView[@id='fw.LoginToDiffTree']"> <!-- should only be the one; it will adjust if you change the filter -->--%>
<%--      <div id="<x:out select="@id"/>" style="position: absolute; z-index: 2; top: 22px; left: <x:out select="286+34*$curPosition"/>px; width: 34px; height: 48px; visibility: visible">--%>
<%--         <a href="<x:out select="url"/>" target="<x:out select="target-frame"/>" onclick="dyn_switch_icon('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseover="dyn_show_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseout="dyn_hide_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')">--%>
<%--            <IMG src="<c:out value="${ContextPath}" />/portal/modules/fw/images/But_Login1d<c:out value="${gifOrPng}" />" border="0" title="<x:out select="header-hint-text"/>" alt="<x:out select="header-hint-text"/>"/>--%>
<%--         </a>--%>
<%--      </div>--%>
<%--      <div id="<x:out select="@id"/>2" style="position: absolute; z-index: 3; top: 22px; left: <x:out select="286+34*$curPosition"/>px; width: 34px; height: 48px; visibility: hidden">--%>
<%--         <a href="<x:out select="url"/>" target="<x:out select="target-frame"/>" onclick="dyn_switch_icon('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseover="dyn_show_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseout="dyn_hide_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')">--%>
<%--            <IMG src="<c:out value="${ContextPath}" />/portal/modules/fw/images/But_Login2d<c:out value="${gifOrPng}" />" border="0" title="<x:out select="header-hint-text"/>" alt="<x:out select="header-hint-text"/>"/>--%>
<%--         </a>--%>
<%--      </div>--%>
<%--      <div id="<x:out select="@id"/>3" style="position: absolute; z-index: 3; top: 22px; left: <x:out select="286+34*$curPosition"/>px; width: 34px; height: 48px; visibility: hidden">--%>
<%--         <a href="<x:out select="url"/>" target="<x:out select="target-frame"/>" onclick="dyn_switch_icon('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseover="dyn_show_hint('<x:out select="@id"/>hint2', '<x:out select="@id"/>')" onmouseout="dyn_hide_hint('<x:out select="@id"/>hint2', '<x:out select="@id"/>')">--%>
<%--            <IMG src="<c:out value="${ContextPath}" />/portal/modules/fw/images/But_Login3d<c:out value="${gifOrPng}" />" border="0" title="<x:out select="header-hint-text-selected"/>" alt="<x:out select="header-hint-text-selected"/>"/>--%>
<%--         </a>--%>
<%--      </div>--%>
<%--      <div class="hint1" id="<x:out select="@id"/>hint" style="color: #fff; position: absolute; z-index: 1; top: 6px; left: 303px; width: 200px; visibility: hidden">--%>
<%--         <x:out select="header-hint-text"/>--%>
<%--      </div>--%>
<%--      <x:set var="curPosition" select="$curPosition+1"/>--%>
<%--   </x:forEach>--%>


   <x:set var="StartLeftPos" select="294+$NumberOfViewsInLeftGroup*34"/>
   <x:set var="curPosition" select="1"/>
   <x:forEach select="$xml/iManagerHeader/iManView[@id!='fw.LoginToDiffTree']">
      <%-- <x:sort data-type="number" order="ascending" select="@order"/> --%>
      <div id="<x:out select="@id"/>" style="position: absolute; z-index: 2; top: 22px; left: <x:out select="$StartLeftPos+34*$curPosition" />px; width: 34px; height: 48px; visibility: visible">
         <a href="<x:out select="url"/>" target="<x:out select="target-frame" />" onclick="switch_icon('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseover="show_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseout="hide_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')">
            <IMG src="<c:out value="${ContextPath}" />/portal<x:out select="header-normal-icon"/><c:out value="${gifOrPng}" />" border="0" title="<x:out select="header-hint-text"/>" alt="<x:out select="header-hint-text"/>"/>
         </a>
      </div>
      <div id="<x:out select="@id"/>2" style="position: absolute; z-index: 3; top: 22px; left: <x:out select="$StartLeftPos+34*$curPosition" />px; width: 34px; height: 48px; visibility: hidden">
         <a href="<x:out select="url"/>" target="<x:out select="target-frame" />" onclick="switch_icon('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseover="show_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseout="hide_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')">
            <IMG src="<c:out value="${ContextPath}" />/portal<x:out select="header-mouseover-icon"/><c:out value="${gifOrPng}" />" border="0" title="<x:out select="header-hint-text"/>" alt="<x:out select="header-hint-text"/>"/>
         </a>
      </div>
      <div id="<x:out select="@id"/>3" style="position: absolute; z-index: 4; top: 22px; left: <x:out select="$StartLeftPos+34*$curPosition" />px; width: 34px; height: 48px; visibility: hidden">
         <a href="<x:out select="url"/>" target="<x:out select="target-frame" />" onclick="switch_icon('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseover="show_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')" onmouseout="hide_hint('<x:out select="@id"/>hint', '<x:out select="@id"/>')">
            <IMG src="<c:out value="${ContextPath}" />/portal<x:out select="header-selected-icon"/><c:out value="${gifOrPng}" />" border="0" title="<x:out select="header-hint-text-selected"/>" alt="<x:out select="header-hint-text-selected"/>"/>
         </a>
      </div>
      <div class="hint1" id="<x:out select="@id"/>hint" style=" color: #fff; position: absolute; z-index: 6; top: 4px; left: <x:out select="$StartLeftPos+(34*$curPosition)-3" />px; width: 200px; visibility: hidden">
         <x:out select="header-hint-text"/>
      </div>
      <x:set var="curPosition" select="$curPosition+1"/>
   </x:forEach>


   <x:if select="$xml/iManagerHeader/iManView && $xml/iManagerHeader/DeviceType=='browser'}">
      <script language="javascript">
           document.getElementById(curImageID).style.visibility = "hidden";
           document.getElementById(curImageID+'2').style.visibility = "hidden";
           document.getElementById(curImageID+'3').style.visibility = "visible";
      </script>
   </x:if>

   <div id="buthelp" style="left: <x:out select="$StartLeftPos+(34*$curPosition)+10" />px;">
      <a href="javascript:launchHelp('fw/helpindex.html');" onmouseover="show_hint('helphint','buthelp')" onmouseout="hide_hint('helphint','buthelp')">
         <IMG height="48" width="34" id="help" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_help1<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.HelpHint"/>" alt="<iman:string key="Header.HelpHint"/>"/>
      </a>
   </div>
   <div id="buthelp2" style="left: <x:out select="$StartLeftPos+(34*$curPosition)+10" />px;">
      <a href="javascript:launchHelp('fw/helpindex.html');" onmouseover="show_hint('helphint','buthelp')" onmouseout="hide_hint('helphint','buthelp')">
         <IMG height="48" width="34" id="help" src="<c:out value="${ContextPath}" />/portal/modules/fw/images/but_nl_help2<c:out value="${gifOrPng}" />" border="0" title="<iman:string key="Header.HelpHint"/>" alt="<iman:string key="Header.HelpHint"/>"/>
      </a>
   </div>
   <div id="helphint" class="hint1" style="left: <x:out select="$StartLeftPos+(34*$curPosition)+10" />px;">
      <iman:string key="Header.HelpHint" />
   </div>
</body>
</html>
