From: yfr <yfr@opencascade.com>
Date: Fri, 18 Jun 2004 13:10:09 +0000 (+0000)
Subject: DCQ : Merge with Ecole_Ete_a6.
X-Git-Tag: Merge_with_Ecole_Ete_a6~2
X-Git-Url: http://git.salome-platform.org/gitweb/?a=commitdiff_plain;h=f07c0c119f52ba2f400d7ea7dd6e1fe1ce7fa438;p=modules%2Fsuperv.git

DCQ : Merge with Ecole_Ete_a6.
---

diff --git a/doc/salome/gui/SUPERV/SUPERVISION.log b/doc/salome/gui/SUPERV/SUPERVISION.log
new file mode 100755
index 0000000..d6ef9bf
--- /dev/null
+++ b/doc/salome/gui/SUPERV/SUPERVISION.log
@@ -0,0 +1,253 @@
+|SourceProjectName:SUPERVISION.hpr
+|DestinationProjectName:supervision.html
+whhost.js
+whmsg.js
+whmozemu.js
+whproxy.js
+whstub.js
+whutils.js
+whver.js
+whform.js
+whphost.js
+whstart.js
+whtopic.js
+whframes.js
+whlang.js
+whskin_info.htm
+whskin_blank.htm
+whnjs.htm
+whthost.js
+whtdhtml.htm
+whihost.js
+whibody.htm
+whiform.htm
+whfhost.js
+whfbody.htm
+whfform.htm
+whghost.js
+whgbody.htm
+whgdhtml.htm
+whgdef.htm
+whproj.js
+whproj.xml
+whproj.htm
+whdata\whtoc.js
+whdata\whtoc.xml
+whdata\whtoc.htm
+whdata\whtdata.js
+whdata\whidx.js
+whdata\whidx.xml
+whdata\whidx.htm
+whdata\whidata.js
+whdata\whfts.js
+whdata\whfts.xml
+whdata\whfts.htm
+whdata\whglo.js
+whdata\whglo.xml
+whdata\whglo.htm
+whdata\whgdata.js
+whdata\whftdata.js
+whdata\whfwdata.js
+whres.xml
+webhelp.jar
+webhelp.cab
+whgdata\whnvp30.htm
+whgdata\whnvp31.htm
+whgdata\whnvp32.htm
+whgdata\whnvp33.htm
+whgdata\whnvt30.htm
+whgdata\whnvt31.htm
+whgdata\whnvt32.htm
+whgdata\whnvt33.htm
+whgdata\whnvf30.htm
+whgdata\whnvf31.htm
+whgdata\whnvf32.htm
+whgdata\whnvf33.htm
+whgdata\whnvl31.htm
+whgdata\whnvl32.htm
+whgdata\whnvl33.htm
+whgdata\whexpbar.gif
+cshdat_webhelp.htm
+cshdat_robohelp.htm
+wht_tab0.gif
+wht_tab1.gif
+wht_tab2.gif
+wht_tab3.gif
+wht_tab4.gif
+wht_tab5.gif
+wht_tab6.gif
+wht_tab7.gif
+wht_tab8.gif
+wht_glo_h.gif
+wht_glo_n.gif
+wht_fts_h.gif
+wht_fts_n.gif
+wht_idx_h.gif
+wht_idx_n.gif
+wht_toc_h.gif
+wht_toc_n.gif
+wht_ws.gif
+wht_ws_g.gif
+wht_logo1.gif
+wht_logo2.gif
+wht_abgw.jpg
+wht_abgi.jpg
+wht_abge.jpg
+wht_abtw.jpg
+wht_abte.jpg
+wht_abti.jpg
+wht_spac.gif
+wht_next.gif
+wht_next_g.gif
+wht_prev.gif
+wht_prev_g.gif
+wht_sync.gif
+wht_hide.gif
+wht_go.gif
+whstart.ico
+whestart.ico
+whrstart.ico
+whidhtml.htm
+whfdhtml.htm
+whskin_banner.htm
+whtbar.js
+default.skn
+whskin_pdhtml.htm
+whskin_papplet.htm
+whskin_plist.htm
+whskin_tbars.htm
+whskin_mbars.htm
+wht_toc4.gif
+wht_toc1.gif
+wht_toc2.gif
+wht_toc3.gif
+whskin_frmset010.htm
+whst_topics.xml
+whskin_frmset01.htm
+supervision_hha.hhk
+supervision.hhc
+supervision.hhk
+files\about_nodes.htm
+files\adding_information_about_graphs.htm
+files\adding_links_from_an_output_port.htm
+files\adding_node_ports.htm
+files\adding_nodes.htm
+files\changing_node_description.htm
+files\changing_view_mode.htm
+files\computation_nodes.htm
+files\controlling_execution_of_the_graphs.htm
+files\copying_graphs.htm
+files\creating_a_new_graph.htm
+files\deleting_links.htm
+files\deleting_nodes.htm
+files\directing_dataflow_between_nodes.htm
+files\editing_imported_graphs.htm
+files\editing_node_function.htm
+files\exporting_graphs.htm
+files\filtering_and_storing_output_messages.htm
+files\goto_nodes.htm
+files\importing_graphs_from_file.htm
+files\inserting_graphs.htm
+files\introduction_to_supervisor.htm
+files\loop_nodes.htm
+files\modifying_links.htm
+files\opening_graphs_referenced_in_the_study.htm
+files\placing_nodes_in_the_window.htm
+files\points_in_links.htm
+files\referencing_output_values_in_the_study.htm
+files\reloading_dataflow.htm
+files\renaming_nodes.htm
+files\running_dataflow.htm
+files\running_supervisor.htm
+files\setting_input_parameters.htm
+files\step-by-step_execution.htm
+files\switch_nodes.htm
+files\usage_of_supervisor_module.htm
+files\viewing_output_vaues.htm
+texture_horiz_ltbluebubbles.jpg
+supervision.glo
+default.css
+comp1.jpg
+pics\supwind.jpg
+pics\full.jpg
+pics\browseport.jpg
+supervisor(eng)_image10.gif
+pics\filter.jpg
+i_blue.jpg
+tip1.gif
+pics\tablemode.jpg
+switch.jpg
+loop1.jpg
+pics\nodestypes.jpg
+pics\graphex.jpg
+supervisor(eng)_image13.gif
+pics\browsenode.jpg
+pics\runicn.jpg
+pics\kill.jpg
+supervisor(eng)_image15.gif
+pics\setval.jpg
+pics\control.jpg
+pics\reload.jpg
+pics\nodedescription.jpg
+pics\addnode1.jpg
+pics\stepbystep.jpg
+pics\addnode2.jpg
+supervisor(eng)_image4.gif
+pics\description.jpg
+supervisor(eng)_image6.gif
+note1.gif
+pics\reference.jpg
+pics\links.jpg
+pics\loopfunctions.jpg
+image3.gif
+ehlpdhtm.js
+supervision.ppf
+ss_btn_related_topics.gif
+default_ns.css
+whdata\whtdata0.xml
+whdata\whtdata0.htm
+whdata\whftdata0.xml
+whdata\whftdata0.htm
+whdata\whfwdata0.xml
+whdata\whfwdata0.htm
+whdata\whgdata0.xml
+whdata\whgdata0.htm
+whgdata\whlstt0.htm
+whgdata\whlstt1.htm
+whgdata\whlstt2.htm
+whgdata\whlstt3.htm
+whgdata\whlstt4.htm
+whgdata\whlstt5.htm
+whgdata\whlsti0.htm
+whgdata\whlstfl0.htm
+whgdata\whlstfl1.htm
+whgdata\whlstfl2.htm
+whgdata\whlstfl3.htm
+whgdata\whlstfl4.htm
+whgdata\whlstfl5.htm
+whgdata\whlstfl6.htm
+whgdata\whlstfl7.htm
+whgdata\whlstfl8.htm
+whgdata\whlstfl9.htm
+whgdata\whlstfl10.htm
+whgdata\whlstfl11.htm
+whgdata\whlstfl12.htm
+whgdata\whlstfl13.htm
+whgdata\whlstfl14.htm
+whgdata\whlstfl15.htm
+whgdata\whlstfl16.htm
+whgdata\whlstfl17.htm
+whgdata\whlstfl18.htm
+whgdata\whlstfl19.htm
+whgdata\whlstfl20.htm
+whgdata\whlstfl21.htm
+whgdata\whlstf0.htm
+whgdata\whlstf1.htm
+whgdata\whlstf2.htm
+whgdata\whlstf3.htm
+whgdata\whlstf4.htm
+whgdata\whlstf5.htm
+whgdata\whlstg0.htm
+supervision.html
+supervision_csh.html
+supervision_rhc.html
diff --git a/doc/salome/gui/SUPERV/comp1.jpg b/doc/salome/gui/SUPERV/comp1.jpg
new file mode 100755
index 0000000..4ed3c93
Binary files /dev/null and b/doc/salome/gui/SUPERV/comp1.jpg differ
diff --git a/doc/salome/gui/SUPERV/cshdat_robohelp.htm b/doc/salome/gui/SUPERV/cshdat_robohelp.htm
new file mode 100755
index 0000000..6d945cc
--- /dev/null
+++ b/doc/salome/gui/SUPERV/cshdat_robohelp.htm
@@ -0,0 +1,252 @@
+<html>
+<head>
+<title>SUPERVISION reference manual</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<body>
+<script language="JavaScript">
+<!--
+
+var gArrayCsh = new Array();
+
+var gstrWindowOption = "";
+var gstrURL = "";
+var gbWithNavPane = false;
+
+function CshEntityItem(strAliasId, nTopicNum, strUrl) 
+{
+    this.strAliasId = strAliasId;
+    this.nTopicNum = nTopicNum;
+    this.strUrl = strUrl;
+}
+
+
+//Try to get to topic number from hash string
+function GetTopicNumberAuto(strMayBeNumber)
+{
+   var nNum = -1;
+   if (strMayBeNumber.length >= 1)
+   {
+		var strTmp = strMayBeNumber;
+		var iEnd = strTmp.length;
+		for (var i=0; i<iEnd; i++)
+		{
+			  var ch = strTmp.charAt(i);
+			  if (!((ch == "0") || (ch == "1") ||
+			        (ch == "2") || (ch == "3") ||
+			        (ch == "4") || (ch == "5") ||
+			        (ch == "6") || (ch == "7") ||
+			        (ch == "8") || (ch == "9")))
+			      return GetTopicNumberById(strTmp);
+		}
+		nNum = parseInt(strTmp);
+   }
+   return nNum;
+}
+
+function GetTopicNumber(strHashString)
+{
+	var nTopicEndPos = strHashString.indexOf(',')
+	if (nTopicEndPos == -1) { // no window option.
+		return GetTopicNumberOnly(strHashString);
+	}
+	else {
+		var strWindowOption = strHashString.substring(nTopicEndPos + 1, strHashString.length);
+		var strWithNavPane = 'withnavpane=true';
+		if (strWindowOption.toLowerCase().indexOf(strWithNavPane) == 0)
+		{
+			if (strWindowOption.length > strWithNavPane.length)
+				gstrWindowOption = strWindowOption.substring(strWithNavPane.length + 1);
+			else
+				gstrWindowOption = "";
+			gbWithNavPane = true;
+		}
+		else
+			gstrWindowOption = strWindowOption;
+		return GetTopicNumberOnly(strHashString.substring(0, nTopicEndPos));		
+	}
+}
+
+function GetTopicNumberOnly(strTopicString)
+{
+	var nEqualPos = strTopicString.indexOf('=');
+	if (nEqualPos == -1) {
+		return GetTopicNumberAuto(strTopicString);
+	}
+	else {
+		var strValue=strTopicString.substring(nEqualPos + 1, strTopicString.length);
+		if (strTopicString.toLowerCase().indexOf("topicnumber") == 0) {
+			return parseInt(strValue);
+		} else if (strTopicString.toLowerCase().indexOf("context") == 0) {
+			return GetTopicNumberById(strValue);
+		} else if (strTopicString.toLowerCase().indexOf("remoteurl") == 0) {
+			gstrURL = strValue;
+			return -1;
+		}
+
+	}
+}
+
+//Find HomePage of the WebHelp system
+// we try to get the topic from remote project if it exists.
+function RedirectToHomePage()
+{
+	if (parent && parent != this && parent.goNext)
+	{
+		var sHome = parent.goNext();
+		if (sHome != "")
+			RedirectTo(sHome);
+	}
+}
+
+function getHomePage()
+{
+	if (parent && parent != this && parent.getRelHomePage)
+	{
+		return parent.getRelHomePage(document.location.href);
+	}
+	return "";
+}
+
+function addRemoteProject(strPath)
+{
+	if (parent && parent != this && parent.addProject)
+	{
+		parent.addProject(strPath);
+	}
+}
+
+//Redirect page to...
+function RedirectTo(strUrl)
+{
+   if (gstrWindowOption.length != 0) {
+		var wnd = window.open(strUrl, "HelpStub", gstrWindowOption);
+		// close current window and rename the stub window to current window.
+		if (wnd)
+			wnd.focus();
+		if (parent)
+			parent.close();
+   }
+   else {
+	parent.document.location.href = strUrl;
+	window.focus();
+  }
+}
+
+//Prompt the user that we can not find...
+function FailToFind(strMsg)
+{
+    RedirectToHomePage();
+}
+
+//Find topic by topic number (defined in h file)
+function FindTopicByTopicNum(nTopicNum)
+{
+	var i = 0;
+	var iEnd = gArrayCsh.length;
+	for (i=0; i<iEnd; i++)
+	{
+		if (gArrayCsh[i].nTopicNum == nTopicNum)
+		{
+			var strURL = gArrayCsh[i].strUrl;
+			if (gbWithNavPane)
+			{
+				var strHomePage = getHomePage();
+				if (strHomePage.length != 0)
+					strURL = strHomePage + strURL;
+			}	
+			RedirectTo(strURL);
+			return true;
+		}
+	}
+	FailToFind("Fail to find topic assocaite with topic number: " + nTopicNum);
+	return false;
+}
+
+//Find topic by topic id (alias id defined in ali file)
+function GetTopicNumberById(strTopicId)
+{
+   var i = 0;
+   var iEnd = gArrayCsh.length;
+   for (i=0; i<iEnd; i++)
+   {
+	if (gArrayCsh[i].strAliasId.toLowerCase() == strTopicId.toLowerCase())
+	{
+	    return gArrayCsh[i].nTopicNum;
+	 }
+   }
+   gstrURL = "";
+   return -1;
+}
+
+//Set Context-sensitive help entity...
+function SetCsh(n, strAliasId, nTopicNum, strUrl)
+{
+   gArrayCsh[n] = new CshEntityItem(strAliasId,nTopicNum,strUrl);
+}
+
+
+function getHash()
+{
+	if (parent && parent != this)
+		return parent.location.hash;
+	else
+		return "";
+}
+//-->
+</script>
+<script language="javascript">
+<!--
+
+
+//-->
+</script>
+<script language="javascript">
+<!--
+//Find CSH according to hash string after this page
+if (getHash().length > 0)
+{
+   // VH 05/16/00 now support 
+   // TopicID=
+   // TopicNumber=
+   // RemoteURL=   
+   // and WindowsOptions
+   // with the format #a=xxx,b=xxx,c=xxx...
+   var strHashString = getHash().toString();
+   // change ? to : for remote URL. because java applet have some problem to pass a URL with two : inside the URL so we changed it. 
+   // so here need to change it back.
+   strHashString = strHashString.substring(1,strHashString.length);
+   strHashString = strHashString.replace("%072%057%057", "://");
+   var nTopicNum = GetTopicNumber(strHashString);
+
+   if (nTopicNum != -1)
+   {
+      FindTopicByTopicNum(nTopicNum);
+   }
+   else
+   {
+      if (gstrURL.length > 0) 
+	RedirectTo(gstrURL);
+      else
+      	RedirectToHomePage();
+   }
+}
+else
+{
+   RedirectToHomePage();
+}
+//-->
+</script>
+<noscript>
+ <p> Your browser does not support JavaScript. WebHelp Context-Sensitive Help requires JavaScript support to run.</p>
+</noscript>
+</body>
+</html>
+
+
+
+
+
+
diff --git a/doc/salome/gui/SUPERV/cshdat_webhelp.htm b/doc/salome/gui/SUPERV/cshdat_webhelp.htm
new file mode 100755
index 0000000..518544c
--- /dev/null
+++ b/doc/salome/gui/SUPERV/cshdat_webhelp.htm
@@ -0,0 +1,251 @@
+<html>
+<head>
+<title>SUPERVISION reference manual</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<body>
+<script language="JavaScript">
+<!--
+
+var gArrayCsh = new Array();
+
+var gstrWindowOption = "";
+var gstrURL = "";
+var gbWithNavPane = false;
+
+function CshEntityItem(strAliasId, nTopicNum, strUrl) 
+{
+    this.strAliasId = strAliasId;
+    this.nTopicNum = nTopicNum;
+    this.strUrl = strUrl;
+}
+
+
+//Try to get to topic number from hash string
+function GetTopicNumberAuto(strMayBeNumber)
+{
+   var nNum = -1;
+   if (strMayBeNumber.length >= 1)
+   {
+		var strTmp = strMayBeNumber;
+		var iEnd = strTmp.length;
+		for (var i=0; i<iEnd; i++)
+		{
+			  var ch = strTmp.charAt(i);
+			  if (!((ch == "0") || (ch == "1") ||
+			        (ch == "2") || (ch == "3") ||
+			        (ch == "4") || (ch == "5") ||
+			        (ch == "6") || (ch == "7") ||
+			        (ch == "8") || (ch == "9")))
+			      return GetTopicNumberById(strTmp);
+		}
+		nNum = parseInt(strTmp);
+   }
+   return nNum;
+}
+
+function GetTopicNumber(strHashString)
+{
+	var nTopicEndPos = strHashString.indexOf(',')
+	if (nTopicEndPos == -1) { // no window option.
+		return GetTopicNumberOnly(strHashString);
+	}
+	else {
+		var strWindowOption = strHashString.substring(nTopicEndPos + 1, strHashString.length);
+		var strWithNavPane = 'withnavpane=true';
+		if (strWindowOption.toLowerCase().indexOf(strWithNavPane) == 0)
+		{
+			if (strWindowOption.length > strWithNavPane.length)
+				gstrWindowOption = strWindowOption.substring(strWithNavPane.length + 1);
+			else
+				gstrWindowOption = "";
+			gbWithNavPane = true;
+		}
+		else
+			gstrWindowOption = strWindowOption;
+		return GetTopicNumberOnly(strHashString.substring(0, nTopicEndPos));		
+	}
+}
+
+function GetTopicNumberOnly(strTopicString)
+{
+	var nEqualPos = strTopicString.indexOf('=');
+	if (nEqualPos == -1) {
+		return GetTopicNumberAuto(strTopicString);
+	}
+	else {
+		var strValue=strTopicString.substring(nEqualPos + 1, strTopicString.length);
+		if (strTopicString.toLowerCase().indexOf("topicnumber") == 0) {
+			return parseInt(strValue);
+		} else if (strTopicString.toLowerCase().indexOf("topicid") == 0) {
+			return GetTopicNumberById(strValue);
+		} else if (strTopicString.toLowerCase().indexOf("remoteurl") == 0) {
+			gstrURL = strValue;
+			return -1;
+		}
+
+	}
+}
+
+//Find HomePage of the WebHelp system
+// we try to get the topic from remote project if it exists.
+function RedirectToHomePage()
+{
+	if (parent && parent != this && parent.goNext)
+	{
+		var sHome = parent.goNext();
+		if (sHome != "")
+			RedirectTo(sHome);
+	}
+}
+
+function getHomePage()
+{
+	if (parent && parent != this && parent.getRelHomePage)
+	{
+		return parent.getRelHomePage(document.location.href);
+	}
+	return "";
+}
+
+function addRemoteProject(strPath)
+{
+	if (parent && parent != this && parent.addProject)
+	{
+		parent.addProject(strPath);
+	}
+}
+
+//Redirect page to...
+function RedirectTo(strUrl)
+{
+   if (gstrWindowOption.length != 0) {
+		var wnd = window.open(strUrl, "HelpStub", gstrWindowOption);
+		// close current window and rename the stub window to current window.
+		wnd.focus();
+		if (parent)
+			parent.close();
+   }
+   else {
+	parent.document.location.href = strUrl;
+	window.focus();
+  }
+}
+
+//Prompt the user that we can not find...
+function FailToFind(strMsg)
+{
+    RedirectToHomePage();
+}
+
+//Find topic by topic number (defined in h file)
+function FindTopicByTopicNum(nTopicNum)
+{
+	var i = 0;
+	var iEnd = gArrayCsh.length;
+	for (i=0; i<iEnd; i++)
+	{
+		if (gArrayCsh[i].nTopicNum == nTopicNum)
+		{
+			var strURL = gArrayCsh[i].strUrl;
+			if (gbWithNavPane)
+			{
+				var strHomePage = getHomePage();
+				if (strHomePage.length != 0)
+					strURL = strHomePage + strURL;
+			}	
+			RedirectTo(strURL);
+			return true;
+		}
+	}
+	FailToFind("Fail to find topic assocaite with topic number: " + nTopicNum);
+	return false;
+}
+
+//Find topic by topic id (alias id defined in ali file)
+function GetTopicNumberById(strTopicId)
+{
+   var i = 0;
+   var iEnd = gArrayCsh.length;
+   for (i=0; i<iEnd; i++)
+   {
+	if (gArrayCsh[i].strAliasId == strTopicId)
+	{
+	    return gArrayCsh[i].nTopicNum;
+	 }
+   }
+   gstrURL = "";
+   return -1;
+}
+
+//Set Context-sensitive help entity...
+function SetCsh(n, strAliasId, nTopicNum, strUrl)
+{
+   gArrayCsh[n] = new CshEntityItem(strAliasId,nTopicNum,strUrl);
+}
+
+
+function getHash()
+{
+	if (parent && parent != this)
+		return parent.location.hash;
+	else
+		return "";
+}
+//-->
+</script>
+<script language="javascript">
+<!--
+
+
+//-->
+</script>
+<script language="javascript">
+<!--
+//Find CSH according to hash string after this page
+if (getHash().length > 0)
+{
+   // VH 05/16/00 now support 
+   // TopicID=
+   // TopicNumber=
+   // RemoteURL=   
+   // and WindowsOptions
+   // with the format #a=xxx,b=xxx,c=xxx...
+   var strHashString = getHash().toString();
+   // change ? to : for remote URL. because java applet have some problem to pass a URL with two : inside the URL so we changed it. 
+   // so here need to change it back.
+   strHashString = strHashString.substring(1,strHashString.length);
+   strHashString = strHashString.replace("%072%057%057", "://");
+   var nTopicNum = GetTopicNumber(strHashString);
+
+   if (nTopicNum != -1)
+   {
+      FindTopicByTopicNum(nTopicNum);
+   }
+   else
+   {
+      if (gstrURL.length > 0) 
+	RedirectTo(gstrURL);
+      else
+      	RedirectToHomePage();
+   }
+}
+else
+{
+   RedirectToHomePage();
+}
+//-->
+</script>
+<noscript>
+ <p> Your browser does not support JavaScript. WebHelp Context-Sensitive Help requires JavaScript support to run.</p>
+</noscript>
+</body>
+</html>
+
+
+
+
+
+
diff --git a/doc/salome/gui/SUPERV/default.css b/doc/salome/gui/SUPERV/default.css
new file mode 100755
index 0000000..d2d425a
--- /dev/null
+++ b/doc/salome/gui/SUPERV/default.css
@@ -0,0 +1,209 @@
+/*=(===============================================================)*/
+
+/*=(===============================================================)*/
+/*=(Created with RoboEditor.)=======================================*/
+/*=(===============================================================)*/
+
+BODY {
+	background-color: #ffffff;
+	font-family: "Times New Roman", serif;
+}
+
+H1 {
+	font-weight: bold;
+	font-size: 24.0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-H1 {
+	font-weight: bold;
+	font-size: 24.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+H2 {
+	font-weight: bold;
+	font-size: 18.0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-H2 {
+	font-weight: bold;
+	font-size: 18.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+H3 {
+	font-weight: bold;
+	font-size: 14.0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-H3 {
+	font-weight: bold;
+	font-size: 14.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+H4 {
+	font-weight: bold;
+	font-size: 12.0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-H4 {
+	font-weight: bold;
+	font-size: 12.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+H5 {
+	font-weight: bold;
+	font-size: 10.0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-H5 {
+	font-weight: bold;
+	font-size: 10.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+H6 {
+	font-weight: bold;
+	font-size: 8.0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-H6 {
+	font-weight: bold;
+	font-size: 8.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+P {
+	font-size: 12.0pt;
+	margin-top: 0pt;
+	margin-bottom: 0pt;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-P {
+	font-size: 12.0pt;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+A.expandspot {
+	color: #008000;
+	cursor: hand;
+	font-style: italic;
+	x-text-underline: off;
+	x-text-overline: off;
+	x-text-line-through: off;
+	/*begin!kadov{{*/ text-decoration: none none none; /*}}end!kadov*/ 
+}
+
+SPAN.expandtext {
+	font-style: italic;
+	font-weight: normal;
+	color: #ff0000;
+}
+
+A.dropspot {
+	cursor: hand;
+	color: #008000;
+	font-style: italic;
+	x-text-underline: off;
+	x-text-overline: off;
+	x-text-line-through: off;
+	/*begin!kadov{{*/ text-decoration: none none none; /*}}end!kadov*/ 
+}
+
+A.glossterm {
+	color: #800000;
+	cursor: hand;
+	font-style: italic;
+	x-text-underline: off;
+	x-text-overline: off;
+	x-text-line-through: off;
+	/*begin!kadov{{*/ text-decoration: none none none; /*}}end!kadov*/ 
+}
+
+SPAN.glosstext {
+	font-style: italic;
+	font-weight: normal;
+	color: #0000ff;
+}
+
+OL,
+UL {
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+
+A:active {
+}
+
+A:hover {
+	x-text-underline: Off;
+	/*begin!kadov{{*/ text-decoration: none; /*}}end!kadov*/ 
+}
+
+A:link {
+	x-text-underline: Off;
+	/*begin!kadov{{*/ text-decoration: none; /*}}end!kadov*/ 
+}
+
+A:visited {
+	x-text-underline: Off;
+	/*begin!kadov{{*/ text-decoration: none; /*}}end!kadov*/ 
+}
+
+P.TODO {
+	font-weight: normal;
+	font-style: italic;
+	font-family: "Arial Black", sans-serif;
+}
+
+/*=(Generated Code)=================================================*/
+/*=(WARNING: DO NOT EDIT OR DELETE THIS SECTION!)===================*/
+/*begin!kadov{{=====================================================*/ 
+LI.kadov-P-CTODO {
+	font-weight: normal;
+	font-style: italic;
+	font-family: "Arial Black", sans-serif;
+}
+/*}}end!kadov=======================================================*/ 
+
+
+
+
+/*=(===============================================================)*/
diff --git a/doc/salome/gui/SUPERV/default.skn b/doc/salome/gui/SUPERV/default.skn
new file mode 100755
index 0000000..f162a66
--- /dev/null
+++ b/doc/salome/gui/SUPERV/default.skn
@@ -0,0 +1,262 @@
+<?xml version="1.0"?>
+<sqwebskin version="1.0">
+	<summary>
+		<skinname>Default</skinname>
+		<defaulttab>Contents</defaulttab>
+		<font>font-family:Arial font-size:8pt font-weight:normal font-style:normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal</font>
+		<color></color>
+	</summary>
+	<panesummary>
+		<![CDATA[
+<frameset rows="32,*" >
+<frame name="Custom Toolbar Pane" noresize="yes" scrolling="no" id="3" />
+<frameset cols="220,*" frameborder="1" borderspace="0" >
+<frameset rows="24,*" >
+<frame name="MiniBar Pane" marginwidth="-1" scrolling="no" id="6" />
+<frame name="Navigation Pane" id="2" />
+</frameset>
+<frame name="Topic Pane" frameborder="1" borderspace="1" bordercolor="Gray" marginwidth="-1" marginheight="-1" id="4" />
+</frameset>
+</frameset>
+]]>
+	</panesummary>
+	<frameset rows="32,*">
+		<frame name="Custom Toolbar Pane" noresize="yes" scrolling="no" id="3"/>
+		<frameset cols="220,*" frameborder="1" borderspace="0">
+			<frameset rows="24,*">
+				<frame name="MiniBar Pane" marginwidth="-1" scrolling="no" id="6"/>
+				<frame name="Navigation Pane" id="2"/>
+			</frameset>
+			<frame name="Topic Pane" frameborder="1" borderspace="1" bordercolor="Gray" marginwidth="-1" marginheight="-1" id="4"/>
+		</frameset>
+	</frameset>
+	<pane name="Custom Toolbar Pane">
+		<image></image>
+		<color>background:#99ccff</color>
+		<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Black</font>
+		<btnselected>
+			<color>background:#639ace</color>
+			<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:White</font>
+		</btnselected>
+		<alignment>left</alignment>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-content" id="1">
+			<name>Contents</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-index" id="2">
+			<name>Index</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-search" id="3">
+			<name>Search</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-glossary" id="4">
+			<name>Glossary</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-websearch" id="5">
+			<name>WebSearch</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="Form Mode" type="built-in-form" id="6">
+			<name>Search Input</name>
+			<image></image>
+			<color></color>
+			<textbox width="20"/>
+			<title>
+				<text></text>
+			</title>
+			<button mode="default graphic mode">
+			</button>
+		</toolbaritem>
+		<toolbaritem mode="Logo Mode" type="built-in-logo" id="7">
+			<name>Logo</name>
+			<image></image>
+			<author>eHelp Corporation</author>
+		</toolbaritem>
+	</pane>
+	<pane name="MiniBar Pane">
+		<image></image>
+		<color>background:#99ccff</color>
+		<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Black</font>
+		<btnselected>
+			<color>background:#639ace</color>
+			<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:White</font>
+		</btnselected>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-previous" id="8">
+			<name>Previous</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-next" id="9">
+			<name>Next</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-synctoc" id="10">
+			<name>Sync TOC</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+		<toolbaritem mode="BtnWithIcon Mode" type="built-in-hide" id="11">
+			<name>Hide</name>
+			<text>::??DefaultWebSkinText??::</text>
+			<color></color>
+			<image></image>
+			<icontype>default</icontype>
+			<selected>
+				<color></color>
+				<image></image>
+				<icontype>default</icontype>
+			</selected>
+			<style>100</style>
+		</toolbaritem>
+	</pane>
+	<pane name="Navigation Pane">
+		<image></image>
+		<color></color>
+		<label>
+			<image></image>
+			<color></color>
+		</label>
+		<subpane name="Contents">
+			<image></image>
+			<color>background:White alink:Silver hover-color:Navy</color>
+			<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Black</font>
+		</subpane>
+		<subpane name="Index">
+			<image></image>
+			<color>background:White alink:Silver hover-color:Navy</color>
+			<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Black</font>
+			<inputbox>
+				<image></image>
+				<color>background:White</color>
+				<textbox width="0"/>
+				<title>
+					<text>::??DefaultWebSkinText??::</text>
+					<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Navy</font>
+				</title>
+				<button mode="none">
+				</button>
+			</inputbox>
+		</subpane>
+		<subpane name="Search">
+			<image></image>
+			<color>background:White alink:Silver hover-color:Navy</color>
+			<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Black</font>
+			<inputbox>
+				<image></image>
+				<color>background:White</color>
+				<textbox width="0"/>
+				<title>
+					<text>::??DefaultWebSkinText??::</text>
+					<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Navy</font>
+				</title>
+				<button mode="default graphic mode">
+				</button>
+			</inputbox>
+		</subpane>
+		<subpane name="Glossary">
+			<image></image>
+			<color>background:White alink:Silver hover-color:Navy</color>
+			<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Black</font>
+			<definitiontext>
+				<text>::??DefaultWebSkinText??::</text>
+				<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Navy</font>
+				<color>background:White</color>
+				<image></image>
+			</definitiontext>
+			<definition>
+				<text>::??DefaultWebSkinText??::</text>
+				<color></color>
+				<image></image>
+			</definition>
+			<termtext>
+				<text>::??DefaultWebSkinText??::</text>
+				<font>font-family:Tahoma font-size:8pt font-weight:Normal font-style:Normal text-decoration:none font-sizeadjust:none font-stretch:normal font-variant:normal font-color:Navy</font>
+				<color>background:White</color>
+				<image></image>
+			</termtext>
+			<term>
+				<text>::??DefaultWebSkinText??::</text>
+				<color></color>
+				<image></image>
+			</term>
+		</subpane>
+	</pane>
+	<pane name="Topic Pane">
+		<in-topic-navbar>
+			<alignment>none</alignment>
+		</in-topic-navbar>
+	</pane>
+</sqwebskin>
diff --git a/doc/salome/gui/SUPERV/default_ns.css b/doc/salome/gui/SUPERV/default_ns.css
new file mode 100755
index 0000000..020a671
--- /dev/null
+++ b/doc/salome/gui/SUPERV/default_ns.css
@@ -0,0 +1,122 @@
+BODY { 
+      background-color:#ffffff; 
+      font-family:"Times New Roman" , serif;  }
+H1 { 
+    font-weight:bold; 
+    font-size:24.0pt; 
+    font-family:"Times New Roman" , serif;  }
+LI.kadov-H1 { 
+             font-weight:bold; 
+             font-size:24.0pt;  }
+H2 { 
+    font-weight:bold; 
+    font-size:18.0pt; 
+    font-family:"Times New Roman" , serif;  }
+LI.kadov-H2 { 
+             font-weight:bold; 
+             font-size:18.0pt;  }
+H3 { 
+    font-weight:bold; 
+    font-size:14.0pt; 
+    font-family:"Times New Roman" , serif;  }
+LI.kadov-H3 { 
+             font-weight:bold; 
+             font-size:14.0pt;  }
+H4 { 
+    font-weight:bold; 
+    font-size:12.0pt; 
+    font-family:"Times New Roman" , serif;  }
+LI.kadov-H4 { 
+             font-weight:bold; 
+             font-size:12.0pt;  }
+H5 { 
+    font-weight:bold; 
+    font-size:10.0pt; 
+    font-family:"Times New Roman" , serif;  }
+LI.kadov-H5 { 
+             font-weight:bold; 
+             font-size:10.0pt;  }
+H6 { 
+    font-weight:bold; 
+    font-size:8.0pt; 
+    font-family:"Times New Roman" , serif;  }
+LI.kadov-H6 { 
+             font-weight:bold; 
+             font-size:8.0pt;  }
+P { 
+   font-size:12.0pt; 
+   margin-top:1; 
+   margin-bottom:1; 
+   font-family:"Times New Roman" , serif;  }
+LI.kadov-P { 
+            font-size:12.0pt;  }
+A.expandspot { 
+              color:#008000; 
+              cursor:hand; 
+              font-style:italic; 
+              x-text-underline:off; 
+              x-text-overline:off; 
+              x-text-line-through:off; 
+              text-decoration:none none none;  }
+SPAN.expandtext { 
+                 font-style:italic; 
+                 font-weight:normal; 
+                 color:#ff0000;  }
+A.dropspot { 
+            cursor:hand; 
+            color:#008000; 
+            font-style:italic; 
+            x-text-underline:off; 
+            x-text-overline:off; 
+            x-text-line-through:off; 
+            text-decoration:none none none;  }
+A.glossterm { 
+             color:#800000; 
+             cursor:hand; 
+             font-style:italic; 
+             x-text-underline:off; 
+             x-text-overline:off; 
+             x-text-line-through:off; 
+             text-decoration:none none none;  }
+SPAN.glosstext { 
+                font-style:italic; 
+                font-weight:normal; 
+                color:#0000ff;  }
+OL { 
+    margin-top:0px; 
+    margin-bottom:0px; 
+    font-family:"Times New Roman" , serif;  }
+UL { 
+    margin-top:0px; 
+    margin-bottom:0px; 
+    font-family:"Times New Roman" , serif;  }
+A:active {  }
+A:hover { 
+         x-text-underline:Off; 
+         text-decoration:none;  }
+A:link { 
+        x-text-underline:Off; 
+        text-decoration:none;  }
+A:visited { 
+           x-text-underline:Off; 
+           text-decoration:none;  }
+P.TODO { 
+        font-weight:normal; 
+        font-style:italic; 
+        font-family:"Arial Black" , sans-serif;  }
+LI.kadov-P-CTODO { 
+                  font-weight:normal; 
+                  font-style:italic; 
+                  font-family:"Arial Black" , sans-serif;  }
+ol ol { 
+       margin-top:1; 
+       margin-bottom:1;  }
+ol ul { 
+       margin-top:1; 
+       margin-bottom:1;  }
+ul ul { 
+       margin-top:1; 
+       margin-bottom:1;  }
+ul ol { 
+       margin-top:1; 
+       margin-bottom:1;  }
diff --git a/doc/salome/gui/SUPERV/ehlpdhtm.js b/doc/salome/gui/SUPERV/ehlpdhtm.js
new file mode 100755
index 0000000..86d26ea
--- /dev/null
+++ b/doc/salome/gui/SUPERV/ehlpdhtm.js
@@ -0,0 +1,4033 @@
+// eHelp® Corporation Dynamic HTML JavaScript 
+// Copyright© 1998-2001 eHelp® Corporation.All rights reserved.
+// Version=4.57
+
+// Warning:Do not modify this file.It is generated by RoboHELP® and changes will be overwritten.
+
+//// Segment Begin -- (JavaScript 1.0)
+
+/// Section Begin - General and relative topics(JavaScript 1.0)
+
+//{{HH_SYMBOL_SECTION
+var HH_ChmFilename = "";
+var HH_WindowName = "";
+var HH_GlossaryFont = "";
+var HH_Glossary = "";
+var HH_Avenue = "";
+var HH_ActiveX = false;
+//}}HH_SYMBOL_SECTION
+
+//Begin to support previous generic parameters
+//Get the information about the browser.
+var gstrBsAgent 	= navigator.userAgent.toLowerCase();
+var gnBsVer	   		= parseInt(navigator.appVersion);
+
+var gbBsIE  		= (gstrBsAgent.indexOf('msie') != -1);
+var gbBsNS  		= (gstrBsAgent.indexOf('mozilla') != -1) && ((gstrBsAgent.indexOf('spoofer') == -1) && (gstrBsAgent.indexOf('compatible') == -1));
+var gbBsOpera		= (gstrBsAgent.indexOf('opera') != -1);
+
+var gbBsIE3Before 	= ((gbBsIE) && (gnBsVer <= 2));
+var gbBsNS3Before 	= ((gbBsNS) && (gnBsVer <= 3));
+
+var gbBsNS2			= ((gbBsNS) && (gnBsVer <= 2));
+var gbBsNS3			= ((gbBsNS) && (gnBsVer == 3));
+var gbBsIE300301	= ((gbBsIE) && (gnBsVer == 2) && ((gstrBsAgent.indexOf("3.00") != -1)||(gstrBsAgent.indexOf("3.0a") != -1)||(gstrBsAgent.indexOf("3.0b")!=-1)||(gstrBsAgent.indexOf("3.01")!=-1)));
+var gbBsIE302		= ((gbBsIE) && (gnBsVer == 2) && (gstrBsAgent.indexOf("3.02") != -1));
+
+var gbBsNS4			= ((gbBsNS) && (gnBsVer >= 4));
+var gbBsNS6			= ((gbBsNS) && (gnBsVer >= 5));
+
+var gbBsIE4			= ((gbBsIE) && (gnBsVer >= 4));
+var gbBsIE5			= false;
+var gbBsIE55		= false;
+
+gbBsIE = (navigator.appName.indexOf("Microsoft") != -1);
+
+if (parseInt(navigator.appVersion) >= 4) {
+	gbBsIE4 = (navigator.appName.indexOf("Microsoft") != -1);
+
+	if (gbBsIE4) {
+		var nPos = gstrBsAgent.indexOf("msie");
+		var strIEversion = gstrBsAgent.substring(nPos + 5);
+		var nVersion =  parseFloat(strIEversion);
+		if (nVersion >= 5)
+			gbBsIE5 = true;
+		if (nVersion >= 5.5)
+			gbBsIE55 = true;
+	}
+}
+
+var gbBsMac			= (gstrBsAgent.indexOf('mac') != -1);
+var gbBsWindows		= ((gstrBsAgent.indexOf('win') != -1) || (gstrBsAgent.indexOf('16bit') != -1));
+var gbBsOp3			= (gstrBsAgent.indexOf('opera') != -1);
+
+// Utilities functions.
+function BsscHasExtJs()
+{
+	if( gbBsIE3Before || gbBsNS3Before)
+		return false;
+	return true;
+}
+
+// Register event handler
+var gBsOnLoads 			= new Array();	// An array holds all the onload event handler.
+var gBsOnClicks 		= new Array();	// An array holds all the onClick event handler.
+var gBsOnUnLoads 		= new Array();	// An array holds all the OnUnLoad event handler.
+var gBsOnMouseOvers 	= new Array();	// An array holds all the OnMouseOver event handler.
+var gBsOnMouseOuts 		= new Array();	// An array holds all the OnMouseOut event handler.
+
+var gbOrignalOnMouseDown = null;
+
+function BsscRegisterOnLoad(funcHandler)
+{
+	var nLength = gBsOnLoads.length;
+	gBsOnLoads[nLength] = funcHandler;
+}
+
+function BsscRegisterOnClick(funcHandler)
+{
+	var nLength = gBsOnClicks.length;
+	gBsOnClicks[nLength] = funcHandler;
+}
+
+function BsscRegisterOnUnLoad(funcHandler)
+{
+	var nLength = gBsOnUnLoads.length;
+	gBsOnUnLoads[nLength] = funcHandler;
+}
+
+function BsscRegisterOnMouseOver(funcHandler)
+{
+	var nLength = gBsOnMouseOvers.length;
+	gBsOnMouseOvers[nLength] = funcHandler;
+}
+
+function BsscRegisterOnMouseOut(funcHandler)
+{
+	var nLength = gBsOnMouseOuts.length;
+	gBsOnMouseOuts[nLength] = funcHandler;
+}
+
+
+function BsGeneralOnLoad()
+{
+	if (!gbBsIE4 && !gbBsNS4)
+		return;
+
+	// Make everything visible in navigator
+	if (gbBsNS4 && !gbBsNS6) {
+		// Make some special effects items visible
+		for (var iLayer = 0; iLayer < document.layers.length; iLayer++) {
+			document.layers[iLayer].visibility = "show";
+			document.layers[iLayer].left = 0;
+		}
+	}
+}
+
+// If resize the netscape browser, need to reload it.
+function BsReDo()
+{
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+// End of the local functions.
+
+// The following functions are used by the html files.
+function BSSCOnLoad()
+{
+	if( !BsscHasExtJs() )
+		return;
+	for (var nElement = gBsOnLoads.length - 1; nElement >= 0; nElement--)
+		gBsOnLoads[nElement]();
+}
+
+function BSSCOnClick()
+{
+	if (!BsscHasExtJs()) return;
+		
+	for (var nElement = gBsOnClicks.length - 1; nElement >= 0; nElement--)
+		gBsOnClicks[nElement]();
+}
+
+function BSSCOnUnload()
+{
+	if (!BsscHasExtJs()) return;
+	for (var nElement = gBsOnUnLoads.length - 1; nElement >= 0; nElement--)
+	{
+		gBsOnUnLoads[nElement]();
+	}
+}
+
+function BSSCOnMouseOver()
+{
+	if (!BsscHasExtJs()) return;
+	for (var nElement = gBsOnMouseOvers.length - 1; nElement >= 0; nElement--)
+	{
+		gBsOnMouseOvers[nElement]();
+	}
+}
+
+function BSSCOnMouseOut()
+{
+	if (!BsscHasExtJs()) return;
+	for (var nElement = gBsOnMouseOuts.length - 1; nElement >= 0; nElement--)
+	{
+		gBsOnMouseOuts[nElement]();
+	}
+}
+// End of invocation of the event handle functions.
+
+
+// Add the GereralOnLoad to the onload array.
+if (typeof(BsscRegisterOnLoad) != "undefined")
+{
+	BsscRegisterOnLoad(BsGeneralOnLoad);
+}
+if (gbBsNS4&&!gbBsNS6) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = BsReDo;
+}
+//End to support previous generic parameters
+
+//Begin to support previous HHActiveX invoking
+function BsHHActivateComponents()
+{
+	if( HH_ActiveX && (HH_ChmFilename != "") && ((self == top) || (self == top.frames[0])))
+	{
+		var objBody = document.all.tags("BODY")[0];
+		if( typeof(objBody) == "object" )
+		{
+			objBody.insertAdjacentHTML("beforeEnd", '<OBJECT ID="HHComponentActivator" CLASSID="CLSID:399CB6C4-7312-11D2-B4D9-00105A0422DF" width=0 height=0></OBJECT>');
+			if (HHComponentActivator.object)
+				HHComponentActivator.Activate(HH_ChmFilename, HH_WindowName, HH_GlossaryFont, HH_Glossary, HH_Avenue);
+		}
+	}
+}
+
+function BsHHActivXOnLoad()
+{	
+	if( gbBsIE4 )
+		BsHHActivateComponents(); 
+}
+
+if( typeof(BsscRegisterOnLoad) != "undefined" )
+{
+	BsscRegisterOnLoad(BsHHActivXOnLoad);
+}
+//End to support previous HHActiveX invoking
+
+//Begin to support previous relative topics
+//If webHelp needs Related Topics DHTMLcode, it's supposed to add it here
+var gbPopupMenuTimeoutExpired = false;
+var gbInPopupMenu = false;
+var gbPopupMenuTopicList = null;
+var gOlddocumentClick = null;
+
+//////////////////////////////////////////////////////////////////////////////////////////
+//
+// Popup Menu code
+//
+//////////////////////////////////////////////////////////////////////////////////////////
+
+var g_bIsPopupMenuInit = false;
+function _WritePopupMenuLayer()
+{
+	if (!g_bIsPopupMenuInit)
+        {
+	  if (gbBsNS4) {
+//Do not try to write ininle styles for NS!  NS can not handle it and will not stop downloading the html page...
+	   if (gbBsNS6)
+		document.write("<DIV ID='PopupMenu' STYLE='position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;'></DIV>");
+	   else
+	   	document.write("<DIV CLASS='WebHelpPopupMenu' ID='PopupMenu'></DIV>");
+	  } else{
+	  document.write("<DIV ID='PopupMenu' STYLE='position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;'></DIV>");
+	  if (gbBsIE4) {
+		document.write("<STYLE TYPE='text/css'>");
+		if (gbBsMac) {
+			document.write(".PopupOver {font-family:'Arial'; color:white; background:navy; font-size:10pt; font-style:normal;font-weight:normal;text-decoration:none;}");
+			document.write(".PopupNotOver {font-family:'Arial'; color:black; background:#c0c0c0; font-size:10pt; font-style:normal;font-weight:normal;text-decoration:none;}");
+		} else {
+			document.write(".PopupOver {font-family:'Arial'; color:white; background:navy; font-size:8pt; font-style:normal;font-weight:normal;text-decoration:none;}");
+			document.write(".PopupNotOver {font-family:'Arial'; color:black; background:#c0c0c0; font-size:8pt; font-style:normal;font-weight:normal;text-decoration:none;}");
+		}
+		document.write("</STYLE>");
+	   }
+          }
+	  g_bIsPopupMenuInit = true;
+	}
+}
+
+//Define variable arguments as: strTitle, strUrl
+function MTE() 
+{
+	this.strTitle = MTE.arguments[0];
+	if (MTE.arguments.length > 1)
+		this.strURL = MTE.arguments[1];
+	else
+		this.strURL = this.strTitle;
+}
+
+// If the topic list is set, it is an array of TopicEntry objects (defined in WebHelp3.js)
+function PopupMenu_SetTopicList(aPopupTopicArray)
+{
+	gbPopupMenuTopicList = aPopupTopicArray;
+}
+
+
+//Seek for the bsscright frame 
+function _SeekFrameByName( cRoot, strName )
+{
+	if( cRoot == null )	return null;
+	if( cRoot.frames == null )	return null;
+	if( cRoot.frames[strName] != null )	return cRoot.frames[strName];
+	for (var i=0; i<cRoot.frames.length; i++)
+	{
+		var cObj = null;
+		if (!gbBsNS6) 
+			cObj = _SeekFrameByName( cRoot.frames(i).document, strName );
+		else
+			cObj = _SeekFrameByName( cRoot.frames[i], strName );
+		if( cObj != null )		return cObj;
+	};
+	return null;
+}
+function _GetFrameByName( cRoot, strName )
+{
+	if( cRoot == null )	return null;
+	var cRet = _SeekFrameByName(cRoot, strName);
+	if( cRet != null )	return cRet;
+	if (cRoot.parent != cRoot)
+		return _GetFrameByName( cRoot.parent, strName );
+	else
+		return null;
+}
+
+function _PopupMenu_Invoke(fn_arguments)
+{
+	// Make sure we have reasonable arguments
+	var argLen = fn_arguments.length;
+	if (argLen < 3) {
+		return false;
+	}
+
+	// Check to see if we only have one target
+	var strTarget = "";
+	var targetDoc = null;
+	if (fn_arguments[1] == '') {
+		if (BSSCPopup_IsPopup()) {
+			targetDoc = parent;
+			strTarget = "TARGET= _parent";
+		}
+		else
+			targetDoc = window.document;
+	} else {
+		targetDoc = _GetFrameByName( parent, fn_arguments[1] );
+
+		strTarget = "TARGET='" + fn_arguments[1] + "'";
+	}
+
+	if ((!gbBsIE4 && !gbBsNS4) || ((gbBsMac) && (gbBsIE4) && (window.event.srcElement.tagName == "AREA"))) {
+	
+		var argLen 	= fn_arguments.length;
+
+		// Create the window that the hyperlinks will go into
+		var nHeight = argLen * 15;
+		var nWidth = 400;
+		var strParam = "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=auto";
+		strParam += ",height=" + nHeight + ",width=200";
+		strParam += ",resizable";
+
+		// Create a temporary window first to ensure the real popup comes up on top
+		var wndTemp = window.open("", "temp", strParam);
+
+		// Create the real popup window
+		var wndPopupLinks = window.open("", "popuplinks", strParam);
+
+		// Close the temporary
+		wndTemp.close();
+
+		wndPopupLinks.document.open("text/html");
+		wndPopupLinks.document.write("<html><head></head>");
+		wndPopupLinks.document.write("<body onBlur=\'self.focus();\'>");
+		var strParaLine = "";
+		for (var i = 0; i < (argLen - 2) / 2; i++) {
+			strParaLine = "";
+			strParaLine += "<a href=\"javascript:";
+			if (gbBsIE) {
+				strParaLine += "onBlur=null; ";
+			}
+			strParaLine += "opener.location=\'";
+			strParaLine += fn_arguments[2 * i + 3];
+			strParaLine += "\';close();\"";
+			strParaLine += strTarget;
+
+			strParaLine += ">";
+			strParaLine += fn_arguments[2 * i + 2];
+			strParaLine += "</a>";
+			strParaLine += "<br>";
+			wndPopupLinks.document.write(strParaLine);
+		}
+		wndPopupLinks.document.write("</body></html>");
+		wndPopupLinks.document.close();
+		window.gbInPopupMenu = true;
+		if (!gbBsIE) {
+			wndPopupLinks.focus();
+		}
+
+		return false;
+	}
+
+
+	if (((argLen < 5) && ((isNaN(fn_arguments[2])) || (gbPopupMenuTopicList == null))) ||
+		((argLen < 4) && ((!isNaN(fn_arguments[2])) && (gbPopupMenuTopicList != null)))) {
+		// Get the place that we will be putting the topic into
+		var strURL = "";
+		if (isNaN(fn_arguments[2]) ||  (gbPopupMenuTopicList == null)) {
+			strURL = fn_arguments[3];
+		}
+		else 	{
+			strURL = gbPopupMenuTopicList[fn_arguments[2]].strURL;
+		}
+
+		if (targetDoc != null) {
+			targetDoc.location.href = strURL;
+		}
+		else {
+			if (fn_arguments[1] != null && typeof(fn_arguments[1]) != "undefined")
+				window.open(strURL, fn_arguments[1]);
+			else
+				window.open(strURL);
+		}		
+		window.gbInPopupMenu = true;
+		return false;
+	}
+	
+	var strMenu = "";
+	if (gbBsNS4) {
+		strMenu = '<TABLE BORDER="1" CELLSPACING=0 CELLPADDING=3 BGCOLOR="#c0c0c0">';
+	} else {
+		strMenu = '<TABLE STYLE="border:2px outset white;" CELLSPACING=0';
+		if (gbBsMac) {
+			strMenu += ' CELLPADDING=4';
+		} else {
+			strMenu += ' CELLPADDING=2';
+		}	
+		strMenu += ' BGCOLOR=#c0c0c0>';
+	}
+	// Add each of the items
+	var i = 2;
+	while (i <= argLen - 1) {
+		strMenu += '<TR><TD><NOBR>'
+		// If the destination is a number then look it up in the topic list
+		if (isNaN(fn_arguments[i]) ||  (gbPopupMenuTopicList == null)) {
+			strMenu += '<DIV STYLE="padding-left:3pt; padding-right:3pt;"><A HREF="' + fn_arguments[i + 1] + '"' + strTarget;
+		} else {
+			strMenu += '<DIV STYLE="padding-left:3pt; padding-right:3pt;"><A HREF="' + gbPopupMenuTopicList[fn_arguments[i]].strURL + '"' + strTarget;
+		}
+		strMenu += ' onclick="PopupMenu_HandleClick(event);"';
+		strMenu += ' onmouseover="PopupMenu_Over(event);"';
+		strMenu += ' onmouseout="PopupMenu_Out(event);"';
+		strMenu += '>';
+		if (isNaN(fn_arguments[i]) || (gbPopupMenuTopicList == null)) {
+			strMenu += '<SPAN CLASS="PopupNotOver">' + fn_arguments[i] + '</SPAN>';
+		} else {
+			strMenu += '<SPAN CLASS="PopupNotOver">' + gbPopupMenuTopicList[fn_arguments[i]].strTitle + '</SPAN>';
+		}
+		strMenu += '</A></DIV></NOBR></TD></TR>';
+
+		if (isNaN(fn_arguments[i]) || (gbPopupMenuTopicList == null)) {
+			i += 2;
+		} else {
+			i += 1;
+		}
+	}
+	strMenu += "</TABLE>";
+
+	if (gbBsMac) {
+	// totally hack. because ie5 in mac need something. </TABLE> is one of them. mac is mad.
+		strMenu +="<TABLE></TABLE>";
+	}
+
+	var layerPopup = null;
+	var stylePopup = null;
+	var nEventX = 0;
+	var nEventY = 0;
+	var nWindowWidth = 0;
+	if (gbBsIE4) {
+
+		layerPopup = document.all["PopupMenu"];
+		layerPopup.innerHTML = strMenu;
+		stylePopup = layerPopup.style;
+
+		_BSPSGetClientSize();
+
+		// Get the position of the item causing the event (relative to its parent)
+		nEventX = window.event.clientX;
+		nEventY = window.event.clientY;
+
+		if (nEventY + layerPopup.scrollHeight + 10 < gBsClientHeight) {
+			nEventY += document.body.scrollTop + 10;
+		} else {
+			nEventY = (document.body.scrollTop + gBsClientHeight) - layerPopup.scrollHeight - 20;
+		}
+		stylePopup.top = nEventY;
+		
+		var nPopupWidth = layerPopup.scrollWidth;
+		if (gbBsMac) {
+			nPopupWidth = 80; // we have no idea how to get the dynamic width of the popup.
+		}
+		if (nEventX + nPopupWidth + 20 > gBsClientWidth) {
+			if (gBsClientWidth - nPopupWidth < 5) {
+				stylePopup.left = 5;
+			} else {
+				stylePopup.left = gBsClientWidth - nPopupWidth - 5;
+			}
+		} else {
+			stylePopup.left = nEventX + document.body.scrollLeft + 20;
+		}
+
+		stylePopup.visibility = "visible";
+		if (!gOlddocumentClick && document.onclick)
+			gOlddocumentClick = document.onclick;
+		document.onclick = PopupMenu_HandleClick;
+
+	} else if (gbBsNS6) {
+		layerPopup = document.getElementById("PopupMenu");
+		layerPopup.style.visibility = "hidden";
+	
+		var e = fn_arguments[0];
+		nEventX = e.pageX;
+		nEventY = e.pageY;
+		_BSPSGetClientSize();
+		layerPopup.innerHTML = strMenu;
+
+		if (nEventY + layerPopup.offsetHeight + 20  <  window.pageYOffset + gBsClientHeight) {
+			nEventY += 20;
+		} else {
+			nEventY = gBsClientHeight + window.pageYOffset - layerPopup.offsetHeight - 20;
+		}
+
+		if (nEventX + layerPopup.offsetWidth + 20 > gBsClientWidth + window.pageXOffset) {
+			if (gBsClientWidth + window.pageXOffset - layerPopup.offsetWidth < 20) {
+				nEventX = 5;
+			} else {
+				nEventX = gBsClientWidth + window.pageXOffset - layerPopup.offsetWidth - 20;
+			}
+		} else {
+			nEventX += 20;
+		}
+		layerPopup.style.top = nEventY;
+		layerPopup.style.left = nEventX;
+		// set again to avoid the stupid frash in netscape 6.
+		layerPopup.innerHTML = strMenu;
+		layerPopup.style.visibility = "visible";
+		//window.captureEvents(Event.MOUSEDOWN);
+		if (!gOlddocumentClick && document.onclick)
+			gOlddocumentClick = document.onclick;
+		window.onclick = PopupMenu_HandleClick;
+	}
+	else if (gbBsNS4) {
+		layerPopup = document.layers.PopupMenu;
+		layerPopup.visibility = "hide";
+		stylePopup = layerPopup.document;
+		stylePopup.write(strMenu);
+		stylePopup.close();
+		var e = fn_arguments[0];
+		nEventX = e.pageX;
+		nEventY = e.pageY;
+		_BSPSGetClientSize();
+		if (nEventY + layerPopup.clip.height + 20 < window.pageYOffset + gBsClientHeight) {
+			nEventY += 20;
+		} else {
+			nEventY = gBsClientHeight + window.pageYOffset- layerPopup.clip.height - 20;
+		}
+		layerPopup.top = nEventY;
+
+		if (nEventX + layerPopup.clip.width + 20 > gBsClientWidth + window.pageXOffset) {
+			if (gBsClientWidth + window.pageXOffset - layerPopup.clip.width < 20) {
+				nEventX = 5;
+			} else {
+				nEventX = gBsClientWidth + window.pageXOffset - layerPopup.clip.width - 20;
+			}
+		} else {
+			nEventX += 20;
+		}
+
+		layerPopup.left = nEventX;
+
+		layerPopup.visibility = "show";
+
+		window.captureEvents(Event.MOUSEDOWN);
+		if (!gOlddocumentClick && document.onmousedown)
+			gOlddocumentClick = document.onmousedown;
+		window.onmousedown = PopupMenu_HandleClick;
+	}
+
+	window.gbInPopupMenu = true;
+	window.gbPopupMenuTimeoutExpired = false;
+	setTimeout("PopupMenu_Timeout();", 100);
+	return false;
+}
+
+
+function PopupMenu_Timeout()
+{
+	window.gbPopupMenuTimeoutExpired = true;
+}
+
+function PopupMenu_Over(e)
+{
+    if (gbBsIE4) {
+		e.srcElement.className = "PopupOver";
+    } else if (gbBsNS4) {
+//		this.bgColor = "red";
+//        e.target.document.className = "PopupOver";
+    }
+	return;
+}
+
+function PopupMenu_Out(e)
+{
+    if (gbBsIE4) {
+		e.srcElement.className = "PopupNotOver";
+    } else if (gbBsNS4) {
+        this.bgColor = "#f0f0f0";
+    }
+	return;
+}
+
+
+function PopupMenu_HandleClick(e)
+{
+	if (window.gbPopupMenuTimeoutExpired) {
+
+		window.gbInPopupMenu = false;
+
+		if (gbBsNS4 && !gbBsNS6) {
+			window.releaseEvents(Event.MOUSEDOWN);
+		}
+
+		var layerPopup = null;
+		var stylePopup = null;
+		if (gbBsIE4) {
+			layerPopup = document.all["PopupMenu"];
+			stylePopup = layerPopup.style;
+			stylePopup.visibility = "hidden";
+		} else if (gbBsNS6) {
+			layerPopup = document.getElementById("PopupMenu");
+			layerPopup.style.visibility = "hidden";
+		} else if (gbBsNS4) {
+			layerPopup = document.layers.PopupMenu;
+			layerPopup.visibility = "hide";
+		}
+	
+		if (gOlddocumentClick)
+		{
+			if (gbBsNS4 && !gbBsNS6)
+				document.onmousedown = gOlddocumentClick;
+			else
+				document.onclick = gOlddocumentClick;
+		}
+	}
+	return;
+}
+
+// This function should be deleted when all old projects are cleaned up
+function BSPSWritePopupFrameForIE4()
+{
+	return false;
+}
+
+/////////////////////////////////////////////////////////////////////
+function BSSCPopup_ClickMac()
+{
+	if ((!DHTMLPopupSupport()) && (gbBsIE4))
+	{	
+		var bClickOnAnchor = false;
+		var el;
+		if ((window.event != null) &&
+		    (window.event.srcElement != null))
+		{
+		    el = window.event.srcElement;
+			while (el != null)
+			{
+				if ((el.tagName == "A") || (el.tagName == "AREA")) 	{
+					bClickOnAnchor = true;
+					break;
+				}
+				if (el.tagName == "BODY") {
+					break;
+				}
+				el = el.parentElement;
+			}
+		}
+		if (BSSCPopup_IsPopup())
+		{
+			if (!bClickOnAnchor) {
+				parent.window.gPopupWindow = null;
+				self.close();
+			}
+		}
+		else
+		{
+			bClosePopupWindow = true;
+			if ((bClickOnAnchor) &&
+				(el.href) &&
+			    ((el.href.indexOf("javascript:BSSCPopup") != -1) || (el.href.indexOf("javascript:null") != -1) || (el.href.indexOf("javascript:void(0)") != -1)))
+			{
+				bClosePopupWindow = false;
+			}
+			if (bClosePopupWindow)
+			{
+				if (window.gPopupWindow != null && !window.gPopupWindow.closed )
+				{
+					window.gPopupWindow.close();
+				}
+			}
+		}
+	}
+ }
+
+//////////////////////////////////////////////////////////////////////
+
+function BsPopupOnClick()
+{
+	if (!gbBsIE4)
+		return;
+
+	BSSCPopup_ClickMac();
+}
+
+function _BSSCOnError(message)
+{
+	if(-1 != message.indexOf("denied") 
+		|| -1 != message.indexOf("Object required"))
+	 return true;
+}
+
+//End to support previous relative topics
+
+
+/// Section End - General and relative topics (JavaScript 1.0)
+
+/// Section Begin  - Popup (JavaScript 1.0)
+
+//Begin to support previous popup functions
+//////////////////////////////////////////////////////////////////////////////////////////////
+//
+//	Begin DHTML Popup Functions
+//
+//////////////////////////////////////////////////////////////////////////////////////////////
+//variables used to isolate the browser type
+var gBsDoc			= null;			
+var gBsSty			= null;
+var gBsHtm			= null;
+var gBsStyVisShow	= null;
+var gBsStyVisHide	= null;
+var gBsClientWidth	= 640;
+var gBsClientHeight = 480;
+var gBsBrowser		= null;
+
+// here is the varible for judge popup windows size. these parameter is for IE5.0, it may need adjust for others.
+var gBRateH_W		= 0.618; // 1.618 Golden cut.
+var gBMaxXOfParent	= 0.8; 
+var gBMaxYOfParent	= 0.8;
+var gBscrollHeight   = 16;
+var gBscrollWidth   =  16;
+var gBpermitXDelta	= 3;
+var gBpermitYDelta	= 3;
+
+
+var arrayPopupURL = new Array();
+var arrayAbsPopupURL = new Array();
+
+var arrayDirty = new Array();
+
+function setAbsPopupURL(nIndex, strURL)
+{
+	arrayAbsPopupURL[nIndex] = strURL;
+}
+
+function getAbsPopupURL(nIndex)
+{
+	if (nIndex == -1 || arrayAbsPopupURL.length <= nIndex) return null;
+	else 
+		return arrayAbsPopupURL[nIndex];
+}
+
+function getPopupURL(nIndex)
+{
+	if (nIndex == -1 || arrayPopupURL.length <= nIndex) return null;
+	else 
+		return arrayPopupURL[nIndex];
+}
+
+function getPopupID(nIndex)
+{
+	return gstrPopupID + nIndex;
+}
+
+function getPopupShadowID(nIndex)
+{
+	return gstrPopupShadowID + nIndex;
+}
+
+function getPopupTopicID(nIndex)
+{
+	return gstrPopupTopicID + nIndex;
+}
+
+function getPopupIFrameID(nIndex)
+{
+	return gstrPopupIFrameID + nIndex;
+}
+
+function getPopupIFrameName(nIndex)
+{
+	return gstrPopupIFrameName + nIndex;
+}
+
+
+function getPopupTopicStyle(nIndex)
+{
+	return eval("document.all['" + getPopupTopicID(nIndex) + "']").style;
+}
+
+function getPopupShadowStyle(nIndex)
+{
+	return eval("document.all['" + getPopupShadowID(nIndex) + "']").style;
+}
+
+function getPopupIFrame(nIndex)
+{
+
+	return eval("document.frames['" + getPopupIFrameName(nIndex) + "']");
+}
+
+function getPopupDivStyle(nIndex)
+{
+	return eval("document.all['" + getPopupID(nIndex) + "']").style;
+}
+
+function getPopupIFrameStyle(nIndex)
+{
+	return eval("document.all['" + getPopupIFrameName(nIndex) + "'].style");
+}
+
+
+function findDiv(strURL)
+{
+	var i = 0;
+	for (i = 0; i < arrayPopupURL.length; i ++ ) {
+		if (arrayPopupURL[i] == strURL) {
+			return i;
+		}
+	}
+	return -1;
+}
+
+var gnToken = -1;
+function takeToken()
+{
+	gnToken ++;
+	if (gnToken > 10000) gnToken = 0;
+	return gnToken;
+}
+
+function IsValidToken(nToken)
+{
+	return (gnToken == nToken);
+}
+
+function addDiv(strURL)
+{
+	var i = 0; 
+	for (i = 0; i < arrayPopupURL.length; i ++) {
+		if (arrayPopupURL[i] == null) {
+			arrayPopupURL[i] = strURL;
+			return i;
+		}
+	}	
+	arrayPopupURL[i] = strURL;
+	arrayDirty[i] = true;
+	return i;
+}
+
+function setDirty()
+{
+	var i = 0;
+	for (i = 0; i < arrayPopupURL.length; i ++ )
+		arrayDirty[i] = true;
+}
+
+function IsDirty(nIndex)
+{
+	if (nIndex == -1)
+		return true;
+	else 
+		if (arrayDirty.length > nIndex) 
+			return arrayDirty[nIndex];
+		else
+			return true;
+}
+
+function hideAll()
+{
+	var i = 0; 
+	for (i = 0; i < arrayPopupURL.length; i ++ )
+		getPopupDivStyle(i).visibility = gBsStyVisHide;
+}
+
+function getCurrentPopupIFrame()
+{
+	var i = 0;
+	for (i = 0; i < arrayPopupURL.length; i ++)
+		if (getPopupDivStyle(i).visibility == gBsStyVisShow)
+			return getPopupIFrame(i);
+	return null;
+}
+
+function setClear(nIndex)
+{
+	if (nIndex != -1)
+		arrayDirty[nIndex] = false;
+}
+
+function _BSSCCreatePopupDiv(strURL)
+{
+	var nIndex = findDiv(strURL);
+	if (nIndex == -1 ) {
+		nIndex = addDiv(strURL);
+		BsPopup_CreateDiv(nIndex);
+	}
+	else {
+		if (IsDirty(nIndex)) {
+			if("object" == typeof(getPopupIFrame(nIndex).document))
+				getPopupIFrame(nIndex).document.location.href = strURL;
+		}
+	}
+	return nIndex;
+
+}
+
+//the browser information itself
+function _BSPSBrowserItself()
+{
+	var agent  = navigator.userAgent.toLowerCase();
+	this.major = parseInt(navigator.appVersion);
+	this.minor = parseFloat(navigator.appVersion);
+	this.ns    = ((agent.indexOf('mozilla') != -1) && ((agent.indexOf('spoofer') == -1) && (agent.indexOf('compatible') == -1)));
+	this.ns2   = ((this.ns) && (this.major == 2));
+	this.ns3   = ((this.ns) && (this.major == 3));
+	this.ns4   = ((this.ns) && (this.major >= 4));
+	this.ns6   = ((this.ns) && (this.major >= 5));
+	this.ie	   = (agent.indexOf("msie") != -1);
+	this.ie3   = ((this.ie) && (this.major == 2));
+	this.ie4   = ((this.ie) && (this.major >= 4));
+	this.op3   = (agent.indexOf("opera") != -1);
+
+	if (this.ns4)
+	{
+		gBsDoc		= "document";
+		gBsSty		= "";
+		gBsHtm		= ".document";
+		gBsStyVisShow	= "show";
+		gBsStyVisHide	= "hide";
+
+	}
+	else if (this.ie4)
+	{
+		gBsDoc		 = "document.all";
+		gBsSty 		= ".style";
+		gBsHtm 		= "";
+		gBsStyVisShow	= "visible";
+		gBsStyVisHide	= "hidden";
+	}
+}
+
+//Here is the browser type 
+function _BSPSGetBrowserInfo()
+{
+	gBsBrowser	= new _BSPSBrowserItself();
+}
+
+_BSPSGetBrowserInfo();
+
+//Get client size info
+function _BSPSGetClientSize()
+{
+	if (gBsBrowser.ns4)
+	{
+		gBsClientWidth	= innerWidth;
+		gBsClientHeight = innerHeight;
+
+	}
+	else if (gBsBrowser.ie4)
+	{
+		gBsClientWidth	= document.body.clientWidth;
+		gBsClientHeight = document.body.clientHeight;
+	}
+}
+
+
+var gstrPopupID = 'BSSCPopup';
+var gstrPopupShadowID = 'BSSCPopupShadow';
+var gstrPopupTopicID = 'BSSCPopupTopic';
+var gstrPopupIFrameID = 'BSSCPopupIFrame';
+var gstrPopupIFrameName = 'BSSCPopupIFrameName';
+
+var gstrPopupSecondWindowName = 'BSSCPopup';
+
+var gPopupWindow = null;
+var gnPopupClickX = 0;
+var gnPopupClickY = 0;
+
+var gnPopupScreenClickX = 0;
+var gnPopupScreenClickY = 0;
+
+var gbPopupTimeoutExpired = false;
+
+
+function DHTMLPopupSupport()
+{
+	if ((gbBsIE4) && (!gbBsMac)) {
+		return true;
+	}
+	return false;
+}
+
+
+
+function BSSCPopup_IsPopup()
+{
+	if (DHTMLPopupSupport() && (this.name.indexOf(gstrPopupIFrameName) != -1)) {
+		return true;
+	} else if ((gbBsNS4 || gbBsIE4) && (this.name.indexOf(gstrPopupID) != -1)) {
+		return true;
+	} else {
+		return false;
+	}
+}
+
+
+// If there is a hyperlink in a popup window, display the hyperlink in
+// the original window.
+if (BSSCPopup_IsPopup() && !gbBsIE4) {
+	document.write("<base target=\"_parent\">");
+}
+
+// Local functions.
+function BsPopup_CreateDiv(nIndex)
+{
+	if(!DHTMLPopupSupport())
+		return;
+	// DO NOT SET Width and height for the div, otherwize it will make IE4 popup do not work when view the topic alone.
+	var strPopupDiv = "<DIV ID='" + getPopupID(nIndex) + "' STYLE='position:absolute; top:-100; left:0; z-index:600; visibility:hidden;'>";
+	strPopupDiv += "<DIV ID='" + getPopupShadowID(nIndex) + "' STYLE=\"position:absolute;top:0; left:0;  background-color:#C0C0C0;\"></DIV>";
+	strPopupDiv += "<DIV ID='" + getPopupTopicID(nIndex) + "' STYLE=\"position:absolute;top:0; left:0;  background-color:#FFFFFF;border:1px #000000 outset;\">";
+	strPopupDiv += "<IFRAME title=\"Popup Window\" ID='" + getPopupIFrameID(nIndex) + "' name='" + getPopupIFrameName(nIndex) + "' src = '" + getPopupURL(nIndex) + "' frameborder=0 scrolling=auto></IFRAME>";
+	strPopupDiv += "</DIV></DIV>";
+
+	var objBody = document.all.tags("BODY")[0];
+	if( typeof(objBody) != "object" )
+		return;
+
+	objBody.insertAdjacentHTML("beforeEnd", strPopupDiv);
+}
+
+function BSSCPopup_Timeout(nIndex, nToken)
+{
+    if (!IsValidToken(nToken)) return;
+
+	if ((getPopupIFrame(nIndex).document.readyState == "complete") &&
+		(getPopupIFrame(nIndex).document.body != null)) {
+		window.getPopupDivStyle(nIndex).visibility = gBsStyVisShow;
+		setClear(nIndex);
+		window.gbPopupTimeoutExpired = true;
+
+		BSSCPopup_ChangeTargettoParent(getPopupIFrame(nIndex).document);
+		getPopupIFrame(nIndex).document.body.onclick = BSSCPopupClicked;
+
+		if (!gbOrignalOnMouseDown && document.onmousedown)
+			gbOrignalOnMouseDown = document.onmousedown;
+
+		document.onmousedown = BSSCPopupParentClicked;
+
+	} else {
+		setTimeout("BSSCPopup_Timeout(" + nIndex + "," + nToken + ")", 100);
+	}
+}
+
+
+// VH 08/10/00 
+// do not change target to parent if the href is using javascript
+function BSSCPopup_ChangeTargettoParent(tagsObject)
+{
+	var collA = tagsObject.all.tags("A");
+	BSSCPopup_ChangeTargettoParent2(collA);
+
+	var collIMG = tagsObject.all.tags("IMG");
+	BSSCPopup_ChangeTargettoParent2(collIMG);
+}
+
+function BSSCPopup_ChangeTargettoParent2(colls)
+{
+	var j = 0;
+	if (colls != null)  {
+		for (j = 0; j < colls.length; j ++ )
+		{
+			var strtemp = colls[j].href;
+			strtemp = strtemp.toLowerCase();
+			if (strtemp.indexOf("javascript:") == -1)
+			if (colls[j].target == "")
+				colls[j].target = "_parent";
+		}
+
+	}
+}
+
+function BSPSPopupTopicWinHelp(strURL)
+{
+	_BSSCPopup(strURL);
+	return;
+}
+
+function _BSSCPopup(strURL, width, height)
+{
+	var cuswidth = 0;
+	var cusheight = 0;
+	if ("undefined" != typeof(width) && "undefined" != typeof(height)) {
+		cuswidth = width;
+		cusheight= height;
+	}
+	
+	if (DHTMLPopupSupport()) {
+		// If we are already in a popup, replace the contents
+	//	if (BSSCPopup_IsPopup()) {
+	//		parent._BSSCPopup(strURL, cuswidth, cusheight);
+	//	} else {
+			var nToken = takeToken(); // take  token first.
+			var nIndex = _BSSCCreatePopupDiv(strURL);
+			window.gbPopupTimeoutExpired = false;
+			var ntWidth = gBsClientWidth;
+			var ntHeight = gBsClientHeight;
+			_BSPSGetClientSize();
+			if (ntWidth != gBsClientWidth || ntHeight != gBsClientHeight) {
+				setDirty();
+			}
+
+
+			if (IsDirty(nIndex)) {
+				if (gbBsMac) {
+					setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight  +")", 400);
+				} else {
+					setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 100);
+				}
+			}
+			else {
+				MoveDivAndShow(nIndex ,nToken, cuswidth, cusheight);
+			}
+	//	}
+
+	} else {
+		_BSSCPopup2(strURL, cuswidth, cusheight);
+	}
+	return;
+}
+
+if (gbBsIE55)
+{
+	var ehlpdhtm_fOldBefureUnload = window.onbeforeunload;
+	window.onbeforeunload = window_BUnload;
+}
+	
+function window_BUnload()
+{
+	for (var i = 0; i < arrayPopupURL.length; i ++)
+		document.all(getPopupID(i)).outerHTML = "";
+	arrayPopupURL.length = 0;	
+	if (ehlpdhtm_fOldBefureUnload)
+		ehlpdhtm_fOldBefureUnload();
+}
+
+function _BSSCPopup2(strURL, width, height)
+{
+	if (window.name == gstrPopupSecondWindowName) {
+		window.location = strURL;
+	} else {
+		if (!gbBsMac || !gBsBrowser.ns4) {
+			BSSCHidePopupWindow();
+		}
+		var nX = 0;
+		var nY = 0;
+		var nHeight = 300;
+		var nWidth = 400;
+		if (width > 0 && height > 0) {
+			nHeight = height;
+			nWidth = width;
+		}
+		_BSPSGetClientSize();
+
+		nX = window.gnPopupScreenClickX;
+		nY = window.gnPopupScreenClickY;
+
+		if (nY + nHeight + 40 > screen.availHeight) {
+			nY = screen.availHeight - nHeight - 40;
+		}
+		if (nX + nWidth + 40 > screen.availWidth) {
+			nX = screen.availWidth - nWidth - 40;
+		}
+		// Launch a separate window
+		var strParam = "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes";
+		if (gBsBrowser.ns) {
+			if (gBsBrowser.ns6) {
+				strParam += ",Height=" + nHeight + ",Width=" + nWidth;
+				strParam += ",screenX=" + nX + ",screenY=" + nY;
+			}
+			else {
+				strParam += ",OuterHeight=" + nHeight + ",OuterWidth=" + nWidth;
+				strParam += ",screenX=" + nX + ",screenY=" + nY;
+				strParam += ",dependent=yes";
+			}
+		}
+		else {
+			strParam += ",height=" + nHeight + ",width=" + nWidth;
+			strParam += ",left=" + nX + ",top=" + nY;
+		}
+		window.gPopupWindow = window.open(strURL, gstrPopupSecondWindowName, strParam);
+
+		if (gBsBrowser.ns4) {
+			window.gPopupWindow.captureEvents(Event.CLICK | Event.BLUE);
+			window.gPopupWindow.onclick = NonIEPopup_HandleClick;
+			window.gPopupWindow.onblur = NonIEPopup_HandleBlur;
+		}
+		else if (gBsBrowser.ie4)
+		{
+			setTimeout("setPopupFocus();", 100);
+		}
+	}
+	return;
+}
+
+function setPopupFocus()
+{
+	window.gPopupWindow.focus();
+}
+
+function NonIEPopup_HandleBlur(e)
+{
+	window.gPopupWindow.focus();
+}
+
+function NonIEPopup_HandleClick(e)
+{
+	// Because navigator will give the event to the handler before the hyperlink, let's
+	// first route the event to see if we are clicking on a Popup menu in a popup.
+	document.routeEvent(e);
+
+	// If a popup menu is active then don't do anything with the click
+	if (window.gPopupWindow.gbInPopupMenu) {
+		window.gPopupWindow.captureEvents(Event.CLICK);
+		window.gPopupWindow.onclick = NonIEPopup_HandleClick;
+		return false;
+	}
+
+	// Close the popup window
+	if (e.target.href) {
+		if (e.target.target == "")
+			window.location.href = e.target.href;
+		else
+			window.open(e.target.href, e.target.target);
+			
+		if (e.target.href.indexOf("javascript:void(0)") == -1 && e.target.href.indexOf("javascript:null") == -1 && e.target.href.indexOf("BsscPopup") == -1) {
+			this.close();
+		}
+	} else {
+		this.close();
+	}
+	return false;
+
+}
+
+function BSSCPopup_AfterLoad(nIndex, nToken, cuswidth, cusheight)
+{	
+	if (typeof(window.getPopupIFrame(nIndex).document) == "unknown") {
+		_BSSCPopup2(getPopupURL(nIndex), cuswidth, cusheight);
+		return;
+	}
+    if (!IsValidToken(nToken)) return;
+
+	if ((window.getPopupIFrame(nIndex).document.readyState == "complete") &&
+		(window.getPopupIFrame(nIndex).document.body != null)) {
+			if (window.getPopupIFrame(nIndex).document.location.href.indexOf("about:blank") != -1) { // add this check. IE will use about:blank" as the default vaule for Iframe.
+				window.getPopupIFrame(nIndex).document.location = getPopupURL(nIndex);
+				setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
+			}
+			else
+				{
+					setAbsPopupURL(nIndex, window.getPopupIFrame(nIndex).document.location.href); // change URL to abs url.
+					BSSCPopup_ResizeAfterLoad(nIndex, nToken, cuswidth, cusheight);
+				}
+	} else {
+		setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
+	}
+}
+
+
+function BSSCPopup_ResizeAfterLoad(nIndex, nToken, cuswidth, cusheight)
+{
+	if (window.gbPopupTimeoutExpired) return;
+
+    if (!IsValidToken(nToken)) return;
+
+	getPopupDivStyle(nIndex).visibility = gBsStyVisHide;
+
+	// Determine the width and height for the window
+	//var size = new BSSCSize(0, 0);
+	//BSSCGetContentSize(window.getPopupIFrame(nIndex), size);
+	//var nWidth = size.x;
+	//var nHeight = size.y;
+
+	_BSPSGetClientSize();
+	
+	var size = new BSSCSize(0, 0);
+
+	if (cuswidth <= 0 || cusheight <= 0)
+		BSSCGetContentSize(window.getPopupIFrame(nIndex), size);
+	else {
+		size.x = cuswidth;
+		size.y = cusheight;
+	}
+
+	// Determine the width and height for the window
+	var nWidth = size.x;
+	var nHeight = size.y;
+
+	// for small popup size, we should allow any size.
+	// The popup size should be ok if bigger than 0
+	if (nWidth < 0 || nHeight < 0) return; 	// there must be something terribly wrong.		
+	//	if (nWidth < 40 || nHeight < 40) return;  // there must be something terribly wrong.
+
+	window.getPopupDivStyle(nIndex).pixelWidth = nWidth;
+	window.getPopupDivStyle(nIndex).pixelHeight = nHeight;
+
+	window.getPopupShadowStyle(nIndex).pixelWidth = nWidth;
+	window.getPopupShadowStyle(nIndex).pixelHeight = nHeight;
+	window.getPopupTopicStyle(nIndex).pixelWidth = nWidth;
+	window.getPopupTopicStyle(nIndex).pixelHeight = nHeight;
+	if (gbBsIE55)
+	{
+		window.getPopupShadowStyle(nIndex).pixelWidth = nWidth + 2;
+		window.getPopupShadowStyle(nIndex).pixelHeight = nHeight + 2;
+		window.getPopupTopicStyle(nIndex).pixelWidth = nWidth + 2;
+		window.getPopupTopicStyle(nIndex).pixelHeight = nHeight + 2;
+	}
+
+	window.getPopupIFrameStyle(nIndex).pixelWidth = nWidth;
+	window.getPopupIFrameStyle(nIndex).pixelHeight = nHeight;
+	if (gbBsIE55)
+	{
+		window.getPopupIFrameStyle(nIndex).top = 0;
+		window.getPopupIFrameStyle(nIndex).left = 0;
+	}
+	
+	var strURL = getPopupURL(nIndex);
+	if (strURL.indexOf("#") != -1)
+		getPopupIFrame(nIndex).location.href = strURL;  // reload again, this will fix the bookmark misunderstand in IE5.
+		
+	MoveDivAndShow(nIndex, nToken, cuswidth, cusheight);
+}
+
+function MoveDivAndShow(nIndex, nToken, cuswidth, cusheight)
+{
+	if (window.getPopupIFrame(nIndex).document.location.href != getAbsPopupURL(nIndex)) { // if redirect, reload again.
+			window.getPopupIFrame(nIndex).document.location = getPopupURL(nIndex);
+			setTimeout("BSSCPopup_AfterLoad(" + nIndex + "," + nToken + "," + cuswidth + "," + cusheight + ")", 200);
+			return;
+	}
+
+	// Determine the position of the window
+	var nClickX = window.gnPopupClickX;
+	var nClickY = window.gnPopupClickY;
+	var nTop = 0;
+	var nLeft = 0;
+
+	var nWidth = window.getPopupDivStyle(nIndex).pixelWidth;
+	var nHeight = window.getPopupDivStyle(nIndex).pixelHeight;
+
+	if (nClickY + nHeight + 20 < gBsClientHeight + document.body.scrollTop) {
+		nTop = nClickY + 10;
+	} else {
+		nTop = (document.body.scrollTop + gBsClientHeight) - nHeight - 20;
+	}
+	if (nClickX + nWidth < gBsClientWidth + document.body.scrollLeft) {
+		nLeft = nClickX;
+	} else {
+		nLeft = (document.body.scrollLeft + gBsClientWidth) - nWidth - 8;
+	}
+	
+	if (nTop < document.body.scrollTop ) nTop  = document.body.scrollTop + 1;
+	if (nLeft< document.body.scrollLeft) nLeft = document.body.scrollLeft + 1;
+
+
+	window.getPopupDivStyle(nIndex).left = nLeft;
+	window.getPopupDivStyle(nIndex).top = nTop;
+
+	// Set the location of the background blocks
+	window.getPopupShadowStyle(nIndex).left = 6;
+	window.getPopupShadowStyle(nIndex).top = 6;
+	if (gbBsIE55)
+	{
+		window.getPopupShadowStyle(nIndex).left = 4;
+		window.getPopupShadowStyle(nIndex).top = 4;
+	}
+
+	if (gbBsMac) {
+		// Total hack on the iMac to get the IFrame to position properly
+		window.getPopupIFrameStyle(nIndex).pixelLeft = 100;
+		window.getPopupIFrameStyle(nIndex).pixelLeft = 0;
+		// Explicitly call BSSCOnLoad because the Mac doesn't seem to do it
+		window.getPopupIFrame(nIndex).window.BSSCOnLoad();
+	}
+
+	BSSCPopup_Timeout(nIndex , nToken );
+	
+	return;
+}
+
+function	BSSCSize(x, y)
+{
+	this.x = x;
+	this.y = y;
+}
+
+function BSSCGetContentSize(thisWindow, size)
+{
+	if (!((gBsBrowser.ie4) || (gBsBrowser.ns4)))
+		return;
+
+	if (gbBsMac) {
+		size.x = 300;
+		size.y = 300;
+		return;
+	}
+
+	// Resize the width until it is wide enough to handle the content
+	// The trick is to start wide and determine when the scrollHeight changes
+	// because then we know a scrollbar is necessary. We can then go back
+	// to the next widest size (for no scrollbar)
+
+	var ClientRate = gBsClientHeight / gBsClientWidth;
+
+	var GoldenSize = new BSSCSize(0,0);
+	GoldenSize.x = gBsClientWidth * gBMaxXOfParent;
+	GoldenSize.y = gBsClientHeight *gBMaxYOfParent ;
+
+	if (ClientRate > gBRateH_W) {
+		GoldenSize.y = GoldenSize.x * gBRateH_W;
+	}
+	else {
+		GoldenSize.x = GoldenSize.y / gBRateH_W;
+	}
+
+	// Try to using parent specified max x.
+	var x = 0;
+	var maxgoldx = GoldenSize.x;
+	var maxx = gBsClientWidth * gBMaxXOfParent;
+	
+	// This double resize causes the document to re-render (and we need it to)
+	if (!gbBsIE5)
+		thisWindow.moveTo(10000,10000); // this is used to fix the flash on IE4.
+	thisWindow.resizeTo(1, 1);
+	thisWindow.resizeTo(1, 1);
+	thisWindow.resizeTo(maxgoldx, thisWindow.document.body.scrollHeight + gBscrollHeight);
+	thisWindow.resizeTo(maxgoldx, thisWindow.document.body.scrollHeight + gBscrollHeight);
+		
+	var miny = thisWindow.document.body.scrollHeight + gBscrollHeight;
+	
+	if (miny > GoldenSize.y) // the popup does not fix in the parent wanted golden area. so try to expand itself as large as it can
+	{
+		thisWindow.resizeTo(maxx , thisWindow.document.body.scrollHeight + gBscrollHeight);
+		thisWindow.resizeTo(maxx , thisWindow.document.body.scrollHeight + gBscrollHeight);
+		
+		miny = 	thisWindow.document.body.scrollHeight + gBscrollHeight;
+		maxy = gBsClientHeight * gBMaxYOfParent;
+		
+		if (miny > maxy) { // the popup must have a scroll, OK let it be.
+			miny = maxy;
+			size.x = maxx;
+			size.y = maxy;
+			thisWindow.document.body.scroll = 'yes'; // At this time we do want to show scroll any more. so it will looks better a little.
+		}
+		else { // popup still can fit in the parent area by someway. now we choose the same h/w rate as parent.
+			size.y = miny;
+			
+			//  downsize from maxx , now I try to using binary divide.
+			x = maxx;
+			deltax = -maxx/2;
+			//j = 0;
+			while (true) {
+				x = x + deltax;
+				thisWindow.resizeTo(x, miny);
+				thisWindow.resizeTo(x, miny);
+				diffy = thisWindow.document.body.scrollHeight + gBscrollHeight - x * ClientRate;
+				if (diffy >  gBpermitYDelta ) // it is higher than wanted, so x need to be wide a little bitter
+					deltax = Math.abs(deltax) /2;
+				else if (diffy <  -gBpermitYDelta) // it is shorter than wanted, so x need to be narrow a little bitter
+					deltax = -Math.abs(deltax) /2;
+				else 
+					// the y is close enough to wanted.
+					break;
+				if (Math.abs(deltax) < gBpermitXDelta) // the next change is too slight and it can be ignore.
+					break;
+			}
+			size.x = thisWindow.document.body.scrollWidth; //+ gBscrollWidth;
+			size.y = thisWindow.document.body.scrollHeight;// + gBscrollHeight;	
+			thisWindow.document.body.scroll = 'no';
+			
+		// Handle absurd cases just in case IE flakes
+	//		if (size.y < 100) {
+	//			size.y = 100;
+	//		}
+		}
+	}
+	else {
+		if (thisWindow.document.body.scrollWidth > maxgoldx) {
+			size.x = maxx; 
+			size.y = miny;	
+			thisWindow.document.body.scroll = 'yes';
+		}
+		else {
+			//  downsize from maxgoldx , now I try to using binary divide.
+			x = maxgoldx;
+			deltax = -maxgoldx/2;
+			//i = 0;
+			while (true) {
+				x = x + deltax;
+				thisWindow.resizeTo(x, miny);
+				thisWindow.resizeTo(x, miny);
+				diffy = thisWindow.document.body.scrollHeight + gBscrollHeight - x * gBRateH_W;
+				if (diffy >  gBpermitYDelta ) // it is higher than wanted, so x need to be wide a little bitter
+					deltax = Math.abs(deltax) /2;
+				else if (diffy <  -gBpermitYDelta) // it is shorter than wanted, so x need to be narrow a little bitter
+					deltax = -Math.abs(deltax) /2;
+				else 
+					// the y is close enough to wanted.
+					break;
+				if (Math.abs(deltax) < gBpermitXDelta) // the next change is too slight and it can be ignore.
+					break;
+				//i ++;
+				
+			}
+			//size.x = x - gBscrollWidth;
+			size.x = thisWindow.document.body.scrollWidth; //+ gBscrollWidth;
+			size.y = thisWindow.document.body.scrollHeight ;
+			thisWindow.document.body.scroll = 'no'; // At this time we do not want to show scroll any more. so it will looks better a little.
+			thisWindow.resizeTo(size.x, size.y);
+			if (thisWindow.document.body.scrollWidth > size.x)
+			{
+				size.x = thisWindow.document.body.scrollWidth;
+			}
+			if (thisWindow.document.body.scrollHeight > size.y)
+			{
+				size.y = thisWindow.document.body.scrollHeight;
+			}
+		}
+	}
+	
+	// no reload no scrollbar.
+	//size.x = size.x + 16;	 //reserve a width for scrollbar (IE 4.0 only)
+
+	thisWindow.resizeTo(size.x, size.y);
+	thisWindow.resizeTo(size.x, size.y);
+	return;
+}
+
+
+
+function BSSCPopupParentClicked()
+{
+	if (!window.gbPopupTimeoutExpired) {
+		return false;
+	}
+	
+	document.onmousedown = gbOrignalOnMouseDown;
+
+	// Simply hide the popup
+	hideAll();
+
+	window.gbPopupTimeoutExpired = false;
+
+	return true;
+}
+
+
+function BSSCPopupClicked()
+{
+	if (!window.gbPopupTimeoutExpired) {
+		return false;
+	}
+
+
+	var popupIFrame = getCurrentPopupIFrame();
+	if (popupIFrame == null) {
+		return true;
+	}
+
+/*
+	if ("undefined" != typeof(popupIFrame.gbInPopupMenu) &&
+		popupIFrame.gbInPopupMenu) {
+		return true;
+	}*/
+
+	if (!((popupIFrame.window.event != null) &&
+	    (popupIFrame.window.event.srcElement != null) &&
+	    ((popupIFrame.window.event.srcElement.tagName == "A") ||
+	    (popupIFrame.window.event.srcElement.tagName == "IMG")))) {
+		document.onmousedown = gbOrignalOnMouseDown;
+
+	// Simply hide the popup
+		hideAll();
+
+		window.gbPopupTimeoutExpired = false;
+
+		return true;
+	}
+}
+
+
+//trace the mouse over's position for hotspot
+function  BSPSPopupOnMouseOver(event)
+{
+	if (gBsBrowser.ie4) {
+		window.gnPopupClickX = event.clientX + document.body.scrollLeft;
+		window.gnPopupClickY = event.clientY + document.body.scrollTop;
+		window.gnPopupScreenClickX = event.screenX;
+		window.gnPopupScreenClickY = event.screenY;
+	} else if (gBsBrowser.ns4) {
+		window.gnPopupClickX = event.pageX - window.pageXOffset;
+		window.gnPopupClickY = event.pageY - window.pageYOffset;
+		window.gnPopupScreenClickX = event.screenX - window.pageXOffset;
+		window.gnPopupScreenClickY = event.screenY - window.pageYOffset;
+	}
+}
+
+
+function BSSCHidePopupWindow()
+{
+	if (window.gPopupWindow != null) {
+		if (gBsBrowser.ns4) {
+			if ((typeof window.gPopupWindow != "undefined") && (!window.gPopupWindow.closed)) {
+				window.gPopupWindow.close();
+				window.gPopupWindow = null;
+			}
+		}
+	}
+
+	return;
+}
+
+// Add the PopupOnClick to the onclick array.
+if (typeof(BsscRegisterOnClick) != "undefined")
+{
+	BsscRegisterOnClick(BsPopupOnClick);
+}
+//End to support previous popup functions
+
+/// Section End  - Popup (JavaScript 1.0)
+
+/// Section Begin - Embedded Stub (JavaScript 1.0)
+
+var s_strAgent = navigator.userAgent.toLowerCase();
+var s_nVer	   = parseInt(navigator.appVersion);
+
+var s_bIE  = (s_strAgent.indexOf('msie') != -1);
+var s_bNS  = (s_strAgent.indexOf('mozilla') != -1) && ((s_strAgent.indexOf('spoofer') == -1) && (s_strAgent.indexOf('compatible') == -1));
+var s_bOpera	= (s_strAgent.indexOf('opera') != -1);
+
+var s_bIE3Before = ((s_bIE) && (s_nVer <= 2));
+var s_bNS3Before = ((s_bNS) && (s_nVer <= 3));
+
+var s_bNS2		= ((s_bNS) && (s_nVer <= 2));
+var s_bNS3		= ((s_bNS) && (s_nVer == 3));
+var s_bIE300301	= ((s_bIE) && (s_nVer == 2) && ((s_strAgent.indexOf("3.00") != -1)||(s_strAgent.indexOf("3.0a") != -1)||(s_strAgent.indexOf("3.0b")!=-1)||(s_strAgent.indexOf("3.01")!=-1)));
+var s_bIE302	= ((s_bIE) && (s_nVer == 2) && (s_strAgent.indexOf("3.02") != -1));
+
+
+function HasExtJs()
+{
+	if (s_bIE3Before) { return false;}
+	if (s_bNS3Before) {	return false;}
+	if (typeof (BsGeneralOnLoad) == "undefined"){ return false; }
+	return true;
+}
+
+
+function BSSCCreatePopupDiv()
+{
+	return;
+}
+
+
+function WritePopupMenuLayer()
+{
+	if (HasExtJs()) {_WritePopupMenuLayer();}
+}
+
+function BSSCPopup(strURL, width, height)
+{
+	if (HasExtJs())	{ 
+		_BSSCPopup(strURL, width, height);
+	}else{
+		//Create a temporary window first to ensure the real popup comes up on top
+		var wndTemp = null;
+		if (!s_bNS3) {
+			wndTemp = window.open("", "temp", "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes,height=3,width=4");
+		}
+		// Create the real popup window
+		var wndPopup = window.open(strURL, "BSSCPopup", "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes,height=300,width=400");
+		// Close the temporary
+		if (!s_bNS3) {
+			wndTemp.close();
+		} else {
+			wndPopup.focus();
+		}
+	}
+}
+
+var gbWndTemp = null, gbWndPopupLinks = null;
+var gbstrParaTotal = "";
+
+function PopupMenu_Invoke()
+{
+	if (HasExtJs()) {
+		return _PopupMenu_Invoke(PopupMenu_Invoke.arguments);
+	}
+	if (s_bNS3Before || s_bIE3Before )	{
+		var argLen 	= PopupMenu_Invoke.arguments.length;
+		if (argLen < 5) {
+			window.document.location.href = PopupMenu_Invoke.arguments[3];
+			return false;
+		}
+		gbWndTemp = null;
+		gbWndPopupLinks = null;
+		gbstrParaTotal = "";
+		for (var i = 0; i < (argLen - 2) / 2; i++) {
+			var strParaLine = "";
+			if (s_bNS2 || s_bOpera){
+				strParaLine += "<a href=\"";
+				strParaLine += PopupMenu_Invoke.arguments[2 * i + 3];
+				strParaLine += "\">"
+				strParaLine += PopupMenu_Invoke.arguments[2 * i + 2];
+				strParaLine += "</a>";
+			} else {
+				strParaLine += "<a href=\"javascript:";
+				strParaLine += "gotoUrl(\'";
+				strParaLine += PopupMenu_Invoke.arguments[2 * i + 3];
+				strParaLine += "\');\"";
+				if (PopupMenu_Invoke.arguments[1] != '') {
+					strParaLine += " TARGET='" + PopupMenu_Invoke.arguments[1] + "'";
+				}
+				strParaLine += ">";
+				strParaLine += PopupMenu_Invoke.arguments[2 * i + 2];
+				strParaLine += "</a>";
+			}
+			strParaLine += "<br>";
+			gbstrParaTotal += strParaLine;
+		}
+		var nHeight = argLen * 15;
+		var nWidth = 400;
+		var strParam = "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=auto";
+		strParam += ",height=" + nHeight + ",width=200,resizable";
+		
+		//Create a temporary window first to ensure the real popup comes up on top
+		//var wndTemp = null;
+		if (!s_bNS3) {
+			gbWndTemp = window.open("", "temp", "titlebar=no,toolbar=no,status=no,location=no,menubar=no,resizable=yes,scrollbars=yes,height=3,width=4");
+		} 
+		gbWndPopupLinks = window.open("", "popuplinks", strParam);
+
+		setTimeout("Wait_PopupMenuReady()", 100);
+	}
+	return true;
+}
+
+function Wait_PopupMenuReady() 
+{
+	if (gbWndPopupLinks != null && "object" == typeof(gbWndPopupLinks.document)) {
+		PopupMenu_InvokeReady();
+	}
+	else 
+		setTimeout("Wait_PopupMenuReady()", 100);
+}
+
+
+function PopupMenu_InvokeReady()
+{
+	if (gbWndPopupLinks != null) {
+		gbWndPopupLinks.document.open("text/html");
+		gbWndPopupLinks.document.write("<html><head>");
+		if (s_bNS2 || s_bOpera) {
+			gbWndPopupLinks.document.write("<base href=\"" + location +"\">");
+		} else {
+			//YJ: IE301,302 and NS3.x works fine
+			gbWndPopupLinks.document.write("<");
+			gbWndPopupLinks.document.write("script>");
+			gbWndPopupLinks.document.write("function gotoUrl(aUrl) {opener.window.location=aUrl; close();}");
+			gbWndPopupLinks.document.write("<");
+			gbWndPopupLinks.document.write("/script>");
+		}
+		gbWndPopupLinks.document.write("</head><body onBlur=\'self.focus();\'>");
+		gbWndPopupLinks.document.write(gbstrParaTotal);
+		gbWndPopupLinks.document.write("</body></html>");
+		gbWndPopupLinks.document.close();
+
+		// Close the temporary
+		if (!s_bNS3 && gbWndTemp != null) {
+			gbWndTemp.close();
+		}else {
+			gbWndPopupLinks.focus();
+		}
+
+		return true;
+	}
+	return false;
+}
+
+/// Section End - Embedded Stub (JavaScript 1.0)
+
+//// Segment End -- (JavaScript 1.0)
+
+//// Segment Begin -- (JavaScript 1.2)
+/// Section Begin  - kadov DHTM (JavaScript 1.2)
+
+//Begin to support extended and dropdown text effects.
+function kadovIsParagraph(el)
+{
+	return( el.tagName == "P" || el.tagName.indexOf("H") == 0 ) ? true : false;
+}
+
+function kadovInitEachChild(el)
+{	
+	for(var i=0; i<el.children.length; i++)
+	{
+		var child = el.children[i];
+		if( child.tagName == "SCRIPT" || child.tagName == "!" )
+			continue;
+
+		if( child.id != "" )
+		{
+			// to wipe out the onload effects
+			var onLoadEffect = child.style.getAttribute( "x-on-pageload" );
+			if( (onLoadEffect != null) && (onLoadEffect > "") )
+				child.style.setAttribute( "x-on-pageload", "" );
+			
+			var href = child.getAttribute("href")
+			if( href != null && href > "" && href.indexOf( "BSSCPopup" ) >= 0 )
+				kadovFilePopupInit(child.id); // Init for Popup
+			else if( child.className == "dropspot" || child.className == "expandspot" || 
+					 child.className == "glossterm" )
+				kadovTextPopupInit(child.id);// Init for Expanding/Glossary or DropDown text
+			else if( child.className == "trigger")
+				kadovInitTrigger(child.id);// Init for Trigger
+			else
+			{
+				kadovInitEffects(child.id);// Init for DHTML effects
+				CEngine.SetOneTargetInitialState( child.id );
+			}
+		}
+		
+		if( (child.tagName == "IMG") && (child.getAttribute("dynsrc") > "") )
+			child.start = "mouseover";// to start a AVI file. fileopen doesn't work
+
+		kadovInitEachChild(child);
+	}
+}
+
+function kadovRetrieveTextInner(el)
+{	
+	var x = "";
+	if( (!el) || (el.tagName == "!") || (el.tagName == "SCRIPT" ))
+		return x;
+
+	if( kadovIsParagraph(el) )
+	{
+		var strNewID = " ";
+		if( el.id != "" )
+			strNewID += "id=" + el.id + "_NewSpan ";
+		x = "<span" + strNewID + "style='" + el.style.cssText + "'>" + el.innerHTML + "</span>";
+	}
+	else
+	{
+		for(var i=0; i<el.children.length; i++)
+			x += kadovRetrieveTextInner( el.children[i] );
+	}
+	return x;
+}
+
+function kadovRetrieveCleanHTML( strRawHTML, strTagOpen, strTagClose, nDistance )
+{	
+	var nTagOpen = strRawHTML.indexOf( strTagOpen, 0 );
+	if( nTagOpen < 0 )
+		return strRawHTML;
+
+	var nTagClose = strRawHTML.indexOf( strTagClose, nTagOpen);
+	if( nTagClose < nTagOpen )
+		return strRawHTML;
+		
+	if( typeof(nDistance) == "number" && nDistance > 0 )
+		if( (nTagClose - nTagOpen) != nDistance )
+			return strRawHTML;
+		
+	var strCleanOnce = strRawHTML.substring(0, nTagOpen) + strRawHTML.substr(nTagClose + strTagClose.length) ;
+	return 	kadovRetrieveCleanHTML( strCleanOnce, strTagOpen, strTagClose );
+}
+
+function kadovAdjustObjectTag(strRawHTML, nStartPos)
+{// adjust object tag for related topics HTML control, because innerHTML misses out the item settings
+	
+	//Is there any DTC?
+	var strDTCTagOpen = '<!--Metadata type="DesignerControl" startspan';
+	var strDTCTagClose = '<!--Metadata type="DesignerControl" endspan-->';
+	var nDTCTagOpen = strRawHTML.indexOf( strDTCTagOpen, nStartPos );
+	if( nDTCTagOpen < 0 )
+		return strRawHTML;
+	var nDTCTagClose = strRawHTML.indexOf( strDTCTagClose, nDTCTagOpen );
+	if( nDTCTagClose < nDTCTagOpen)
+		return strRawHTML; // no Design Time Controls;
+		
+	//Is the DTC HTML Help Control?
+	var strRTObjTagOpen = 'classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11';
+	var strRTObjTagClose = '</OBJECT>';
+	var nRTObjTagOpen = strRawHTML.indexOf( strRTObjTagOpen, nDTCTagOpen );
+	if( nRTObjTagOpen < nDTCTagOpen )
+		return strRawHTML;
+	var nRTObjTagClose = strRawHTML.indexOf( strRTObjTagClose, nRTObjTagOpen );
+	if( nRTObjTagClose < nRTObjTagOpen )
+		return strRawHTML; // is not a HTML help control
+		
+	// Is it a related Topics html help control?
+	var strRTObjLabel = '<PARAM NAME=\"Command\" VALUE=\"Related Topics';
+	if( strRawHTML.indexOf(strRTObjLabel, nRTObjTagOpen) < 0 )
+		return strRawHTML;
+	
+	// does the commented object tag contain a items parameters		
+	var strRTItemsOpen = '<param name=Items value="';
+	var strRTItemsClose = '$$**$$" >';
+	var nRTItemsOpen = strRawHTML.indexOf(strRTItemsOpen, nDTCTagOpen);
+	if( nRTItemsOpen < nDTCTagOpen )
+		return strRawHTML;
+	var nRTItemsClose = strRawHTML.indexOf(strRTItemsClose, nRTItemsOpen);
+	if( nRTItemsClose < nRTItemsOpen )
+		return strRawHTML;
+		
+	// found a items string
+	var strItems = strRawHTML.substring( nRTItemsOpen + strRTItemsOpen.length, nRTItemsClose);
+	if( strItems.length < 1 )
+		return strRawHTML;
+	
+	// to reconstruct the item(s) param tag(s)
+	var strItemsArray = strItems.split('$$**$$');
+	if( strItemsArray.length < 1 )
+		return strRawHTML;
+	var strRunTimeItemParam = "";
+	for( var i = 0; i < strItemsArray.length; i++ )
+	{
+		strRunTimeItemParam += '<PARAM  NAME="Item' + (i+1);
+		strRunTimeItemParam += '"' + '  VALUE="';
+		strRunTimeItemParam += strItemsArray[i];
+		strRunTimeItemParam += '">';
+	}
+	
+	// to insert the reconstructed item params into runtime object tag
+	var strAdjustedHTML = strRawHTML.substring(0,nRTObjTagClose) + strRunTimeItemParam + strRawHTML.substring(nRTObjTagClose, strRawHTML.length);
+	return kadovAdjustObjectTag(strAdjustedHTML, nDTCTagClose + strDTCTagClose.length);
+}
+
+function kadovTextPopupOnLoad( el )
+{
+	if( !CCSSP.bIsWinOS && !CCSSP.bIsSunOS)
+		return 0;
+
+	if( typeof(el) == "string" )
+		el = document.all.item(el);
+
+	var src = el.getAttribute( "x-use-popup" );
+	if(!src)
+		return 0;
+
+	var name = src;
+	if( src.substr(0,1) == "#" ) 
+		name = src.substr(1, src.length-1);
+	var srcDiv = document.all.item(name);
+	if( !srcDiv )
+		return 1;
+
+	var type = el.getAttribute( "x-popup-type" );
+	var setup = el.getAttribute( "x-tmp-setup" );
+	var newId = name;
+	if( newId.indexOf( "_tmp") <= 0 )
+		newId += "_tmp";
+
+	if( !setup )
+	{
+		el.setAttribute( "x-tmp-setup", 1 );
+	
+		if( type == "pulldown"  )
+		{
+			var strAdjust = kadovAdjustObjectTag(srcDiv.innerHTML,0);
+			var strCleanHTML = kadovRetrieveCleanHTML(strAdjust, "<!--", "-->");
+			strCleanHTML = kadovRetrieveCleanHTML(strCleanHTML, "<SCRIPT", "/SCRIPT>");
+
+			//work around the bug in HH.exe that highlight the phrases when use Search tab
+			//this approach is just removing the <FONT...> tag inserted by Microsoft in the runtime
+			strCleanHTML = kadovRetrieveCleanHTML(strCleanHTML, "<FONT color=#", "\">", 52);
+			
+			var strStyle = " style='display:none; position:relative;";
+			var newDiv = "<div class=droptext id=" + newId + strStyle + "'>" + strCleanHTML + "</div>";
+
+			srcDiv.outerHTML = ""; // empty the original DIV tag
+			var elParentPra = kadovFindParentParagraph(el);
+			if( elParentPra )
+				elParentPra.insertAdjacentHTML( "AfterEnd", newDiv );
+		}
+		else if( type == "expanding"  )
+		{
+			var inner = kadovRetrieveTextInner(srcDiv);
+			if( inner == "" )
+				inner = srcDiv.innerHTML;
+			var strAdjust = kadovAdjustObjectTag(inner,0);
+			var strCleanHTML = kadovRetrieveCleanHTML(strAdjust, "<!--", "-->");
+			strCleanHTML = kadovRetrieveCleanHTML(strCleanHTML, "<SCRIPT", "/SCRIPT>");
+			var strClassName = (el.className == "glossterm") ? "glosstext" : "expandtext";
+			var newSpan = "<span class=" + strClassName + " style='display: none;' id=" + newId + ">&nbsp;" + strCleanHTML + "</span>";
+			srcDiv.outerHTML = ""; // empty the original DIV tag
+			el.insertAdjacentHTML( "AfterEnd", newSpan );
+		}
+	}
+	return 0;
+}
+
+function kadovTextPopup( el )
+{
+	if( (!CCSSP.bIsWinOS && !CCSSP.bIsSunOS) || (window.event == null) )
+		return;
+	window.event.cancelBubble = true;
+
+	if( typeof(el) == "string" )
+		el = document.all.item(el);
+
+	var src = el.getAttribute( "x-use-popup" );
+	if(!src)
+		return;
+
+	var name = src;
+	if( src.substr(0,1) == "#" ) 
+		name = src.substr(1, src.length-1) + "_tmp";
+	var srcDiv = document.all.item(name);
+	if( !srcDiv )
+		return;
+
+	var type = el.getAttribute( "x-popup-type" );
+	var setup = el.getAttribute( "x-tmp-setup" );
+	if( srcDiv )
+	{
+		if( srcDiv.style.display == "" )
+			srcDiv.style.display = "none";
+		else
+		{
+			srcDiv.style.display = "";
+			if( typeof(srcDiv.bInitialized) == "undefined" )
+			{
+				srcDiv.bInitialized = true;
+				kadovInitEffects(name);
+				kadovInitEachChild(srcDiv);
+			}
+		}
+	}
+	return;
+}
+
+function kadovFindParentParagraph( el )
+{
+	if( typeof(el) == "string" )
+		el = document.all.item(el);
+	if( (!el) || el.tagName == "BODY" )
+		return null;
+	if( kadovIsParagraph(el.parentElement) )
+		return el.parentElement;
+	else
+		return kadovFindParentParagraph( el.parentElement );
+}
+
+//Begin HTML code invoked function
+function kadovRegisterEventHandler( obj, strEvent, strEventHandler )
+{
+	if( !gbBsIE4 )
+		return;
+	CCSSP.RegisterEventHandler( obj, strEvent, strEventHandler );
+}
+
+function kadovTextPopupInit( el )
+{
+	if( (!gbBsIE4) || (!CCSSP.bIsWinOS && !CCSSP.bIsSunOS))
+		return;
+		
+	if( typeof(el) == "string" )
+		el = document.all.item(el);
+	if( el != null )
+	{
+		CCSSP.RegisterEventHandler( el, "onclick", "kadovTextPopup(" + el.id +");" );
+		CCSSP.RegisterEventHandler( window, "onload", "kadovTextPopupOnLoad(" + el.id +");" );
+	}
+}
+//End HTML code invoked function
+
+//End to support extended and dropdown text effects.
+
+//Begin to convert iWrite format to RoboEditor Format for DHTML effects
+function kadovInitTriggersInHead( )
+{
+  if( Object.xDelayedInitElements )
+  {
+     var x = Object.xDelayedInitElements;
+     for(i=0; i<x.length; i++)
+     	kadovInitTrigger( x[i] );
+  }
+}
+
+//Begin HTML code invoked function
+function kadovFilePopupInit( el )
+{
+	if( !gbBsIE4 )
+		return;
+	if( typeof(el) == "string" )
+		el = document.all.item(el);
+
+	if( el != null )
+		CCSSP.RegisterEventHandler( el, "onmouseover", "BSPSPopupOnMouseOver(event);" );
+}
+
+function kadovInitTrigger( element )
+{
+	if( !gbBsIE4 )
+		return;
+	var srcElement = element;
+	if( typeof(srcElement) == "string" )
+	{
+		srcElement = document.all.item(element,0);
+		if(srcElement == null)
+			return;
+	}
+	
+	if( !kadovIsParentVisible(srcElement) )
+		return;
+
+	var targets = srcElement.getAttribute( "x-targets" );
+	var arrOneTarget = targets.split( "," );
+	for( var i = 0; i < arrOneTarget.length; i ++ )
+		bsscFXInit( element, arrOneTarget[i], null, null, null, null );
+}
+
+function kadovIsParentVisible( el )
+{
+	if( typeof(el) == "string" )
+		el = document.all.item(el);
+	if( (!el) || el.tagName == "BODY" )
+		return true;
+	if( el.style.display == 'none' ) //el.visibility == 'hidden' || 
+		return false;
+	else
+		return kadovIsParentVisible( el.parentElement );
+}
+
+function kadovInitEffects( element )
+{
+	if( !gbBsIE4 )
+		return;
+	var srcElement = element;
+	if( typeof(srcElement) == "string" )
+	{
+		srcElement = document.all.item(element,0);
+		if(srcElement == null)
+			return;
+	}
+	
+	if( !kadovIsParentVisible(srcElement) )
+		return;
+	
+	kadovInitEffect( srcElement, "x-on-hover" );
+	kadovInitEffect( srcElement, "x-on-pageclick" );
+	kadovInitEffect( srcElement, "x-on-pageload" );
+	kadovInitEffect( srcElement, "x-on-trigger-1" );
+	kadovInitEffect( srcElement, "x-on-trigger-2" );
+}
+//End HTML code invoked function
+
+function kadovInitEffect( element, prop )
+{
+	var values = null;
+	if( element.getAttribute( "currentStyle" )  && element.currentStyle.getAttribute)
+		values = element.currentStyle.getAttribute( prop );
+	else  if (element.style.getAttribute)
+		values = element.style.getAttribute( prop );
+	if( !values )
+		return;
+
+	var functions = new Array();
+	var nIdx = 0, nStart = 0;
+	var nNext = values.indexOf( "\)", 0);
+	while( nNext >= 0 && nNext < values.length )
+	{
+		functions[nIdx] = values.substr( nStart, nNext-nStart+1);
+		nStart = nNext + 1;
+		nIdx++;
+		nNext = values.indexOf( "\)", nStart);
+	}
+		
+	for( var i=0; i<functions.length; i++)
+	{
+		var id = element.getAttribute( "id" );
+		var translatedProp = kadovTranslateProp(prop);
+
+		var lp = functions[i].indexOf( "(" );
+		var fnname = functions[i].substring(0, lp);
+		var srcargs = functions[i].substring(lp+1, functions[i].length-1);
+		
+		var nClickTimes = 1;
+		var arrForClickCount = srcargs.split( "," );
+		for( var j = 0; j < arrForClickCount.length; j++ )
+		{// to locate and get the "clicks=99" settings
+			var nPageClick = arrForClickCount[j].indexOf("clicks");
+			if( nPageClick >= 0 )
+			{
+				nPageClick = arrForClickCount[j].indexOf("=");
+				if( nPageClick > 0 )
+				{
+					nClickTimes = arrForClickCount[j].substring( nPageClick + 1, arrForClickCount[j].length) * 1;
+					break;
+				}
+			}
+		}
+		var args = srcargs;
+		if( j < arrForClickCount.length )
+		{// to strip out the "clicks=99" from the arguments string
+			args = "";
+			for( var k = 0; k < arrForClickCount.length; k ++ )
+			{
+				if( k != j )
+				{
+					args += arrForClickCount[k];
+					if( k < arrForClickCount.length - 1 )
+						args += ",";
+				}
+			}
+		}
+		bsscFXInit( null, id, translatedProp, fnname, args, nClickTimes );
+	}
+}
+
+function kadovTranslateProp( prop )
+{
+	switch( prop )
+	{
+	case "x-on-hover" :     return "bsschover";
+	case "x-on-pageclick" : return "bsscpageclick";
+	case "x-on-pageload" :  return "bsscpageload";
+	case "x-on-trigger-1" : return "bssctrigger1";
+	case "x-on-trigger-2" : return "bssctrigger2";
+	}
+	return null;
+}
+//End to convert iWrite format to RoboEditor Format for DHTML effects
+
+//Begin the definition of one entry to DHTML effects
+function bsscFXInit( trigger_ID, target_ID, event_type, 
+	action_type, action_setting, event_addional )
+{
+	if( (!CCSSP.bIsWinOS && !CCSSP.bIsSunOS ) || typeof(target_ID) != "string" )//MUST have a target_ID
+		return; // we don't support Navigator yet
+	
+	if( typeof(event_type) == "string" )
+		event_type = event_type.toLowerCase();
+	if( typeof(action_type) == "string" )
+		action_type = action_type.toLowerCase();
+	if( typeof(action_setting) == "string" )
+		 action_setting = action_setting.toLowerCase();
+	
+	// to get the target element then add it to the target list
+	var eleTarget = CCSSP.GetObject( target_ID );
+	if( (eleTarget != null) && (event_type != null) && (action_type != null) )
+	{
+		CEngine.AddOneTarget( target_ID, eleTarget );
+		CEngine.BuildTargetObject(target_ID, event_type, action_type, action_setting, event_addional);
+	}
+	
+	// to validate the trigger_ID parameter
+	if( typeof(trigger_ID) == "string" && trigger_ID != "" )
+		CEngine.BuildTriggerObject( trigger_ID, target_ID );
+}	
+//End the definition of one entry to DHTML effects
+
+
+/// Section End  - kadov DHTM (JavaScript 1.2)
+
+
+/// Section Begin  - CCSSP DHTM (JavaScript 1.2)
+
+//Begin JavaScript libary for cross-platform positioning object.
+function CCSSP(){} // constructor of CCSSP class
+
+CCSSP.strAgent = navigator.userAgent.toLowerCase(); 
+CCSSP.nAppVersion = parseInt(navigator.appVersion);
+
+CCSSP.bIsWinOS = ((CCSSP.strAgent.indexOf("win") >= 0) || (CCSSP.strAgent.indexOf("16bit") >= 0));
+CCSSP.bIsMacOS = (CCSSP.strAgent.indexOf("mac") >= 0);
+CCSSP.bIsSunOS = (CCSSP.strAgent.indexOf("sunos") != -1);
+
+CCSSP.bIsIE = (navigator.appName.indexOf("Microsoft") >= 0);
+CCSSP.bIsIE4 = (CCSSP.bIsIE && (CCSSP.nAppVersion >= 4));
+CCSSP.bIsIE5 = (CCSSP.bIsIE4 && (CCSSP.strAgent.indexOf("msie 5") != -1) )
+
+CCSSP.bIsNav = (navigator.appName.indexOf("Netscape") >= 0);
+CCSSP.bIsNav4 = (CCSSP.bIsNav && (CCSSP.nAppVersion >= 4));
+CCSSP.bIsNav6 = (CCSSP.bIsNav && (CCSSP.nAppVersion >= 5));
+
+CCSSP.GetObject = function( obj )
+{//convert object name string or reference into a valid object reference
+	if( typeof(obj) == "object" )
+		return obj;
+	else if( typeof(obj) == "string" && obj != "")
+	{
+		if( CCSSP.bIsNav4 )
+			return eval("document." + obj);
+		else
+			return eval("document.all." + obj);
+	}
+	else
+		return null;
+}
+
+CCSSP.MoveObjectTo = function(obj, x, y)
+{//positioning an object at a specific pixel coordinate
+	if( CCSSP.bIsNav4 )
+		obj.moveTo(x,y);
+	else
+	{
+		obj.style.pixelLeft = x;
+		obj.style.pixelTop = y;
+	}
+}
+
+CCSSP.MoveObjectBy = function(obj, dx, dy)
+{//moveing a object by x and/or y pixel
+	if( CCSSP.bIsNav4 )
+		obj.moveBy(dx,dy);
+	else
+	{
+		obj.style.pixelLeft += dx;
+		obj.style.pixelTop += dy;
+	}
+}
+
+CCSSP.SetObjectBGColor = function(obj, color)
+{//set the background color of an object
+	if( CCSSP.bIsNav4 )
+		obj.bgColor = color;
+	else
+		obj.style.backgroundColor = color;
+}
+
+CCSSP.ShowObject = function(obj, bShow)
+{// set the object to be visible or invisible
+	if( CCSSP.bIsNav4 )
+		obj.visibility = (bShow == true) ? 'show' : 'hide';
+	else
+		obj.style.visibility = (bShow == true) ? 'visible' : 'hidden';// when hidden, it still occupy some space.
+}
+
+CCSSP.GetObjectLeft = function(obj)
+{// retrieve the x coordinate of a posionable object
+	if( CCSSP.bIsNav4 )
+		return obj.left;
+	else
+		return obj.style.pixelLeft;
+}
+
+CCSSP.GetObjectTop = function(obj)
+{// retrieve the y coordinate of a posionable object
+	if( CCSSP.bIsNav4 )
+		return obj.top;
+	else
+		return obj.style.pixelTop;
+}
+
+CCSSP.GetObjectContainLeft = function(obj)
+{// retrieve the x coordinate of a posionable object relative to it's parent element
+	if( CCSSP.bIsNav4 )
+		return obj.pageX;
+	else
+	{
+		if( obj == document.body )
+			return obj.clientLeft;
+		else
+			return obj.offsetLeft;
+	}
+}
+
+CCSSP.GetObjectWindowLeft = function(obj)
+{// retrieve the x coordinate of a posionable object relative to browser window
+	if( CCSSP.bIsNav4 )
+		return obj.pageX;
+	else
+	{
+		var nOffsetWindowLeft = 0;
+		for(var element = obj; element; element = element.offsetParent)
+			nOffsetWindowLeft += CCSSP.GetObjectContainLeft(element);
+		return nOffsetWindowLeft;
+	}
+}
+
+CCSSP.GetObjectContainTop = function(obj)
+{// retrieve the y coordinate of a posionable object relative to it's parent element
+	if( CCSSP.bIsNav4 )
+		return obj.pageY;
+	else
+	{
+		if( obj == document.body )
+			return obj.clientTop;
+		else
+			return obj.offsetTop;
+	}
+}
+
+CCSSP.GetObjectWindowTop = function(obj)
+{// retrieve the y coordinate of a posionable object relative to browser window
+	if( CCSSP.bIsNav4 )
+		return obj.pageY;
+	else
+	{
+		var nOffsetWindowTop = 0;
+		for(var element = obj; element; element = element.offsetParent)
+			nOffsetWindowTop += CCSSP.GetObjectContainTop(element);
+		return nOffsetWindowTop;
+	}
+}
+
+CCSSP.GetObjectHeight = function(obj)
+{// retrieve the height of a posionable object
+	if( CCSSP.bIsNav4 )
+		return obj.clip.height;
+	else
+		return obj.offsetHeight;
+}
+
+CCSSP.GetObjectWidth = function(obj)
+{// retrieve the width of a posionable object
+	if( CCSSP.bIsNav4 )
+		return obj.clip.width;
+	else
+		return obj.offsetWidth;
+}
+
+CCSSP.RegisterEventHandler = function( srcObj, rawEventName, funcHandler )
+{ // to add the "funcHandler" as the "rawEventName" 's handler to the "srcObj" object,the original event handler will be combined
+	if (CCSSP.bIsNav4 && !CCSSP.bIsNav6)
+		return ;
+	var oldHandler = "";
+	if (CCSSP.bIsMacOS && CCSSP.bIsIE4)
+	{
+		if (typeof(srcObj[rawEventName.toLowerCase()])=="unknown")
+		{ //search for <SCRIPT> tag which define the event handler
+			for( var i = 0; i < document.scripts.length; i++ ) 
+			{
+				var script = document.scripts[i];
+				if( (script.htmlFor == srcObj.id || script.htmlFor == srcObj ) && script.event == rawEventName )
+				{
+					oldHandler = script.innerHTML;
+					break;
+				}
+			}
+		}
+	}
+	else
+	{
+		var oldInlineHandler = srcObj[rawEventName.toLowerCase()];
+		if( oldInlineHandler != null && typeof(oldInlineHandler) != "undefined")
+		{
+			var functionDefinition = oldInlineHandler.toString();
+			var bodyStart = functionDefinition.indexOf( "{" );
+			var bodyEnd = functionDefinition.lastIndexOf( "}" );
+			if( bodyStart > 0 || bodyEnd > bodyStart )
+				oldHandler = functionDefinition.substr( bodyStart + 1, bodyEnd - bodyStart - 2 );
+		}
+		else if( CCSSP.bIsIE4 )
+		{ //search for <SCRIPT> tag which define the event handler
+			for( var i = 0; i < document.scripts.length; i++ ) 
+			{
+				var script = document.scripts[i];
+				if( (script.htmlFor == srcObj.id || script.htmlFor == srcObj ) && script.event == rawEventName )
+				{
+					oldHandler = script.innerHTML;
+					break;
+				}
+			}
+		}
+	}	
+	if( oldHandler.indexOf(funcHandler) >= 0 )
+		return;// to prevent register the funtion twice.
+
+	if( CCSSP.bIsNav4 ) // only "onload, onresize, onfocus" apply to window
+	{// other raw events will apply to layer
+		var noOn = rawEventName.substring(2, rawEventName.length);
+		if( typeof(noOn) == "string" && noOn.length > 3 ) {
+			srcObj.captureEvents( Event[noOn.toUpperCase()] );
+		}
+	}
+
+	var newHandler = oldHandler;
+	if( newHandler.length == 0 )
+		newHandler = funcHandler;
+	else
+		newHandler += "; " + funcHandler;
+	srcObj[rawEventName.toLowerCase()] = new Function( newHandler );
+}
+
+CCSSP.GetWindowHeight = function()
+{// retrieve the height of available content in browser window
+	if( CCSSP.bIsNav4 )
+		return window.innerHeight;
+	else
+		return document.body.clientHeight;
+}
+
+CCSSP.GetWindowBottom = function()
+{// retrieve the bottom postion of browser window
+	if( CCSSP.bIsNav4 )
+		return window.outerHeight + window.pageYOffset;
+	else
+		return document.body.clientHeight + document.body.scrollTop;
+}
+
+CCSSP.GetWindowWidth = function()
+{// retrieve the width of available content in browser window
+	if( CCSSP.bIsNav4 )
+		return window.innerWidth;
+	else
+		return document.body.clientWidth;
+}
+
+CCSSP.GetWindowRight = function()
+{// retrieve the right postion of browser window
+	if( CCSSP.bIsNav4 )
+		return window.outerWidth + window.pageXOffset;
+	else
+		return document.body.clientWidth + document.body.scrollLeft;
+}
+
+CCSSP.TrimString = function( objString, subtrim )
+{// to trim the "subtrim" in the beginning and ending of a string object
+	if( typeof(subtrim) != "string" || subtrim == null )
+		return objString;
+	var strHead = objString.substring(0, 1);
+	var strRear = objString.substring(objString.length-1, objString.length);
+	if( strHead != subtrim && strRear != subtrim )
+		return objString;
+	
+	var spacePos = objString.indexOf(subtrim);
+	if( spacePos < 0 )
+		return objString;
+	else if( spacePos == objString.length - 1 )
+		return objString.substring(0, spacePos);
+	else
+	{
+		var newString = objString.substring( spacePos + 1, objString.length);
+		return CCSSP.TrimString( newString, subtrim );
+	}
+}
+
+CCSSP.TrimSpace = function( objString )
+{
+	var Trim1 = CCSSP.TrimString( objString, " ");
+	return CCSSP.TrimString( Trim1, "\'");
+}
+
+CCSSP.GetEventElement = function( navEventObject )
+{// to get the element who fired the current event
+	if(CCSSP.bIsNav4 ) 
+		if (CCSSP.bIsNav6)
+			return null;
+		else
+			 navEventObject.target;
+	else
+		return event.srcElement;
+}
+
+CCSSP.PrepareFilter = function( Obj )
+{//to prepare for making the filter work
+	Obj.style.filter = "";
+	if( Obj.style.width != "" || Obj.style.height != "" || Obj.style.position == "absolute" )
+		return;
+	Obj.style.height = CCSSP.GetObjectHeight(Obj);
+}
+
+CCSSP.IsDescendant = function( progenitor, progeny )
+{
+	if( typeof(progeny) == "undefined" || progeny == null )
+		return false;
+	else if( progeny == progenitor )
+		return true; 
+	else if( progeny.id == progenitor.id ) 
+		return true; 
+	else if( progeny.parentElement == progenitor.parentElement )
+		return false;
+	else
+		return CCSSP.IsDescendant( progenitor, progeny.parentElement );
+}
+
+CCSSP.IsTextTag = function( Obj )
+{
+	if( typeof( Obj.tagName ) == "undefined" )
+		return false;
+	return( Obj.tagName.indexOf("H") == 0 || Obj.tagName == "P" || 
+			Obj.tagName == "FONT" || Obj.tagName == "SPAN" );
+}
+
+//End JavaScript libary for cross-platform positioning object.
+
+/// Section End  - CCSSP DHTM (JavaScript 1.2)
+
+/// Section Begin  - CCSSP DHTM 1 (JavaScript 1.2)
+
+//Begin the definition of class CTrigger
+function CTrigger( TriggerElement )
+{
+	// object : the trigger element. Never be null. 
+	this.eleTrigger = TriggerElement;
+	
+	// number : the click counter number: only 3 values: 0,1,2;
+	this.nCounter = 0; 
+	
+	//object as associative array of string:
+	// the associate target ID strings; one element at least.			
+	this.objStrTarget = new Object();
+	this.eleTrigger.style.cursor = "hand";
+	if( this.eleTrigger.tagName == "AREA" && this.eleTrigger.getAttribute("href") == "" )
+		this.eleTrigger.setAttribute("href", "#") // to make a hand cursor for image map
+}
+
+CTrigger.prototype.AddTargetID = function( strTargetID )
+{// add one target ID string to the objStrTarget
+	if( typeof(strTargetID) != "string" )
+		return ;
+	if( typeof(this.objStrTarget[strTargetID]) != "string" )
+		this.objStrTarget[strTargetID] = strTargetID;
+}
+
+CTrigger.prototype.OnTriggerClick = function()
+{// to activate all asociated target
+	var strEventType = ( (this.nCounter++)% 2 == 0 ) ? 
+		"bssctrigger1" : "bssctrigger2";
+		
+	// to enumerate associative target element's ID string
+	for( var strTargetID in this.objStrTarget ) 
+		CEngine.SendEventToOneTarget( strTargetID, strEventType );
+}
+//End the definition of class CTrigger
+
+//Begin the definition of class CTarget
+function CTarget( TargetElement )
+{
+	// object : the target element. Never be null.
+	this.eleTarget = TargetElement;
+	this.objManager = new Object(); // object: the event manager
+} 
+
+CTarget.nPageClickCounter = 0;// static class property.
+
+CTarget.prototype.GetAgencyObject = function(str_action_type,action_setting )
+{// return the action agency ( effect )object's refernece 
+	switch( str_action_type )
+	{
+	case "show":return new CAgencyShow( this.eleTarget, true ) ;
+	case "hide":return new CAgencyShow( this.eleTarget, false ) ;
+
+    case "flyin" : 
+    	return new CAgencyFly(this.eleTarget, action_setting, true);
+    case "flyout" : 
+    	return new CAgencyFly(this.eleTarget, action_setting, false);
+    case "spiralin" : 
+    	return new CAgencySpiral(this.eleTarget, action_setting, true);
+    case "spiralout" : 
+    	return new CAgencySpiral(this.eleTarget, action_setting, false);
+    case "zoomin" :
+    	return new CAgencyZoom(this.eleTarget, action_setting, true);
+    case "zoomout" : 
+    	return new CAgencyZoom(this.eleTarget, action_setting, false);
+    case "elastic" : 
+		return new CAgencyElastic(this.eleTarget, action_setting);
+		
+    case "fadein" : 
+    	return (CCSSP.bIsIE4)? new CAgencyAlpha(this.eleTarget, action_setting, true) : null;
+    case "fadeout" :
+    	return (CCSSP.bIsIE4)? new CAgencyAlpha(this.eleTarget, action_setting, false) : null;
+    case "rockrollstatic" :
+    case "rockroll" :
+    	return (CCSSP.bIsIE4)? new CAgencyWave(this.eleTarget, action_setting, false) : null;
+ 
+    case "glow":
+    	return (CCSSP.bIsIE4)? new CAgencyGlow(this.eleTarget,action_setting) : null;
+    case "dropshadow":
+    	return (CCSSP.bIsIE4)? new CAgencyDropShadow(this.eleTarget,action_setting) : null;
+    case "transition" :
+    	return (CCSSP.bIsIE4)? new CAgencyRevealTrans(this.eleTarget,action_setting) : null;
+    case "blur" :
+    	return (CCSSP.bIsIE4)? new CAgencyBlur(this.eleTarget,action_setting) : null;
+
+    case "fliph" : // all these 4 do NOT need any parameters
+    case "flipv" :
+    case "invert":
+    case "gray" :
+    	return (CCSSP.bIsIE4)? new CAgencyChangeFilter(this.eleTarget, str_action_type) : null;
+    
+    case "fontchange": // the effects below change the style on the fly, so won't work in Navigator
+    	return (CCSSP.bIsIE4)? new CAgencyFontChange(this.eleTarget,action_setting) : null;
+    case "boderchange": 
+    case "stylechange":
+    	return (CCSSP.bIsIE4)? new CAgencyChangeStyle(this.eleTarget,action_setting) : null;
+
+	default: return null;
+	}
+}
+
+CTarget.prototype.SetEventManager = function( 
+	one_event_type,str_action_type,action_setting,event_additional)
+{// to set the event manager with specified action 
+	if( typeof( one_event_type ) != "string" ||	
+		typeof( str_action_type ) != "string"||
+		typeof( action_setting ) != "string" )
+		return false;
+	if( typeof(this.objManager[one_event_type]) == "undefined" )
+	{
+		this.objManager[one_event_type] = new Object();
+		this.objManager[one_event_type].length = 0;
+	}
+	
+	var eventAgency = this.GetAgencyObject(str_action_type,action_setting);
+	if( eventAgency != null )
+	{
+		var ct = this.objManager[one_event_type].length ++;
+		this.objManager[one_event_type][ct] = eventAgency;
+		
+		if( one_event_type == "bsscpageclick" )
+		{// to deal with the "number of pageclick" stuff
+			if( typeof(event_additional) == "number" )
+				this.objManager[one_event_type][ct].nPageClick = event_additional;
+			else // set the default number 
+				this.objManager[one_event_type][ct].nPageClick = 1;
+			
+			if( (typeof(this.objManager.nMinPageClickIndex) == "undefined") ||
+			    (this.objManager[one_event_type][ct].nPageClick < 
+					this.objManager[one_event_type][this.objManager.nMinPageClickIndex].nPageClick) )
+				this.objManager.nMinPageClickIndex = ct;
+		}
+		
+		//hide the object blindly,SetState function will take care of the final correct state
+		if( ((one_event_type == "bsscpageclick") && 
+			 (this.objManager[one_event_type][ct].nPageClick == 1)) ||
+			one_event_type == "bsscpageload" ||
+			one_event_type == "bssctrigger1" )
+			CCSSP.ShowObject( this.eleTarget, false );
+		
+		if( one_event_type == "bssctrigger1" || one_event_type == "bssctrigger2" )
+			if( typeof( this.strTriggerEvent ) == "undefined" )
+				this.strTriggerEvent = ( one_event_type == "bssctrigger1" ) ? "bssctrigger2" : "bssctrigger1";
+			
+		return true;
+	}
+	return false;
+}
+
+CTarget.prototype.OnEvent = function( strBsscEvent )
+{// response to the event ( bssc format )
+	if( typeof(this.objManager[strBsscEvent]) == "object" )
+	{ // to get the event agency from the event manager
+		var eventAgency = this.objManager[strBsscEvent];
+		for( var i = 0; i < eventAgency.length; i++ )
+		{
+			if( strBsscEvent == "bsscpageclick" && 
+			 	eventAgency[i].nPageClick != CTarget.nPageClickCounter )
+				 continue;
+			else if( strBsscEvent == "bsschover" && event.type == "mouseout" )
+				eventAgency[i].EndEffect();
+			else // to invoke the unified function in effect object	
+				eventAgency[i].UpdateEffect(); 
+		}
+	}
+}
+
+CTarget.prototype.SetState = function( strBsscEvent )
+{
+	if( typeof(this.objManager[strBsscEvent]) != "object" )
+		return false;
+
+	// to get the event agency from the event manager
+	var eventAgency = this.objManager[strBsscEvent];
+	
+	if( strBsscEvent == "bsscpageclick" )
+	{// we only set the initial state for the minium number of pageclick 
+		eventAgency[this.objManager.nMinPageClickIndex].PrepareEffect();
+		return true;
+	}
+	else
+	{
+		for( var i = 0; i < eventAgency.length; i++ )
+			eventAgency[i].PrepareEffect(); // to invoke the unified function in effect object	 
+		if( i > 0 )
+			return true;
+		else
+			return false;
+	}
+}
+//End the definition of class CTarget
+
+//Begin the definition of CEngine class
+function CEngine(){}// all properities are going be "class" properities
+
+// object : as associative array of trigger objects
+CEngine.objTrigger = new Object();
+// object : as associative array of target objects 
+CEngine.objTarget = new Object(); 
+
+// Array : each element is a CAgencyXXX animation object
+CEngine.arrAnimation = new Array();
+CEngine.PerformAnimation = function( nIndex )
+{// animation : update effects function
+	CEngine.arrAnimation[nIndex].UpdateEffect();
+}
+
+CEngine.AddOneTrigger = function(TriggerID,TriggerElement)
+{// add one Trigger object into the trigger array
+	if( typeof(TriggerID) != "string" || TriggerElement == null ||
+	    typeof(TriggerElement) != "object" )
+		return;
+	if( typeof(CEngine.objTrigger[TriggerID] ) != "object" )
+		CEngine.objTrigger[TriggerID] = new CTrigger(TriggerElement);
+}
+	
+CEngine.AddOneTarget = function(TargetID, TargetElement)
+{// add one Target object into the target array
+	if( typeof(TargetID) != "string" || TargetElement == null ||
+		typeof(TargetElement) != "object" )
+		return;
+	if( typeof(CEngine.objTarget[TargetID]) != "object" )
+		CEngine.objTarget[TargetID] = new CTarget( TargetElement );
+}
+
+CEngine.SendEventToOneTarget = function(strTargetID, strBsscEvent )
+{// to activate one target object
+	if( typeof(CEngine.objTarget[strTargetID]) == "object" ) 
+	{
+		if( strBsscEvent == "bssctrigger1" || strBsscEvent == "bssctrigger2" )
+		{//now, the "bssctrigger1" and "bssctrigger2" work like a toggle
+			if( strBsscEvent == CEngine.objTarget[strTargetID].strTriggerEvent )
+				strBsscEvent = (strBsscEvent == "bssctrigger1") ? "bssctrigger2" : "bssctrigger1";
+			CEngine.objTarget[strTargetID].strTriggerEvent = strBsscEvent;
+		}
+		CEngine.objTarget[strTargetID].OnEvent( strBsscEvent );
+	}
+}
+
+CEngine.SendEventToAllTarget = function( strBsscEvent )
+{ //to activate all target associative to the BSSC event
+	for( var strTargetID in CEngine.objTarget ) //to enumerate all target
+		CEngine.SendEventToOneTarget( strTargetID, strBsscEvent );
+}
+
+CEngine.SetOneTargetInitialState = function( strTargetID )
+{// only invoked after ALL effects for the target have been set
+	if( typeof(CEngine.objTarget[strTargetID]) == "object" ) 
+	{// to get target object
+		var objTarget = CEngine.objTarget[strTargetID];
+		if( objTarget.SetState( "bsscpageload" ) == false )
+		{
+			objTarget.SetState( "bsscpageclick" );
+			objTarget.SetState( "bssctrigger1" );
+		}
+	}
+}
+
+CEngine.AdjustPageClickCounter = function()
+{
+	var nAdjustedClickCounter = CTarget.nPageClickCounter;
+	var bAdjusted = false;
+	for( var strTargetID in CEngine.objTarget ) //to enumerate all target
+	{// try to find the minum pageCliclConter greater than CTarget.nPageClickCounter
+		var objEventPageClick = CEngine.objTarget[strTargetID].objManager.bsscpageclick;
+		if( objEventPageClick != null )
+		{
+			for( var i = 0; i < objEventPageClick.length; i++ )
+			{
+				var nOtherPageClick = objEventPageClick[i].nPageClick;
+				if( nOtherPageClick == CTarget.nPageClickCounter )
+					return;
+				if( nOtherPageClick > CTarget.nPageClickCounter )
+				{
+					if( !bAdjusted )
+					{
+						nAdjustedClickCounter = nOtherPageClick;
+						bAdjusted = true;
+					}
+					else if( nOtherPageClick < nAdjustedClickCounter )
+						nAdjustedClickCounter = nOtherPageClick;
+				}
+			}
+		}
+	}
+	CTarget.nPageClickCounter = nAdjustedClickCounter;
+}
+
+CEngine.OnPageLoad = function()
+{ 	
+	// first, to set all target's initial state
+	for( var strTargetID in CEngine.objTarget )
+		CEngine.SetOneTargetInitialState( strTargetID );
+	
+	// to invoke all target's onpageload handler
+	CEngine.SendEventToAllTarget( "bsscpageload" );
+}
+
+CEngine.OnPageClick = function()
+{ // to invoke all target's onpageclick handler
+	var src = CCSSP.GetEventElement( arguments[0] );
+	if( src == null )
+		return;
+		
+	var objClickedTrigger = null;
+	for( var strTriggerID in CEngine.objTrigger )
+	{ // to detect which trigger is clicked
+		if( CCSSP.IsDescendant( CEngine.objTrigger[strTriggerID].eleTrigger,src) )
+		{
+			objClickedTrigger = CEngine.objTrigger[strTriggerID];
+			break;
+		}
+	}
+	
+	if( objClickedTrigger != null) // the clicked trigger found
+		objClickedTrigger.OnTriggerClick();
+	else // no trigger is clicked
+	{ // to send PageClick event to all target
+		CTarget.nPageClickCounter++;
+		CEngine.AdjustPageClickCounter();
+		CEngine.SendEventToAllTarget( "bsscpageclick" );
+	}
+}	
+
+CEngine.OnMouseOver = function()
+{ // to invoke all target's onpageload handler
+	var src = CCSSP.GetEventElement( arguments[0] );
+	if( src == null )
+		return;
+		
+	var strHoveredTargetID = null;
+	for( var strTargetID in CEngine.objTarget )
+	{ // to detect which Target is hovering on
+		if( CCSSP.IsDescendant( CEngine.objTarget[strTargetID].eleTarget, src ) )
+	    {
+			strHoveredTargetID = strTargetID;
+			break;
+	    }
+	}
+	
+	if( strHoveredTargetID != null ) // the hovered target found
+		CEngine.SendEventToOneTarget( strHoveredTargetID, "bsschover" );
+}
+
+CEngine.BuildTargetObject = function(target_ID,event_type,action_type,
+			action_setting, event_additional)
+{// to build target object 
+	// to get the target object
+	if( typeof( CEngine.objTarget[target_ID] ) != "object" )
+		return false;// the engine's AddOneTarget function might have failed.
+	var TargetObject = CEngine.objTarget[target_ID];
+	
+	// to prepare the parameters for the event manager
+	var arrEvent = event_type.split("|"); // to split the combined event_type string
+	var arrAction = action_type.split("|");//to split the combined action_type string
+	for( var trim = 0; trim < arrEvent.length; trim++ )
+		arrEvent[trim] = CCSSP.TrimSpace(arrEvent[trim]);
+	
+	for( trim = 0; trim < arrAction.length; trim++ )
+		arrAction[trim] = CCSSP.TrimSpace(arrAction[trim]);
+	
+	var arrSetting = new Array(); 
+	if( typeof(action_setting) == "string" )
+		arrSetting = action_setting.split("|");// to split the combined action_setting string
+	// to calibrate the arrays
+	for( var i = arrSetting.length; i < arrAction.length; i++ )
+	{
+		if( typeof(arrSetting[i]) != "string" )
+			 arrSetting[i] = "";
+	}				 
+
+	// to prepare for dealing with the absolute posioning element
+	TargetObject.eleTarget.ABSX = CCSSP.GetObjectLeft( TargetObject.eleTarget );
+	TargetObject.eleTarget.ABSY = CCSSP.GetObjectTop( TargetObject.eleTarget );
+
+	if( arrEvent.length > 1 )
+	{// if event is combined, it must be : "bssctrigger1 | bssctrigger2"
+		if( arrAction.length != 2 )
+			return false; // if event is combined, there must be 2 actions
+		for( i = 0 ; i < 2; i++ )
+		{
+			if( TargetObject.SetEventManager(arrEvent[i], arrAction[i], 
+				arrSetting[i], event_additional) == false )
+				return false; // the event manager has not been set up
+		}
+	}
+	else // the event_type string is not combined
+	{
+		for( i = 0 ; i < arrAction.length; i++ )
+		{
+			TargetObject.SetEventManager(event_type, arrAction[i], arrSetting[i], event_additional);
+			// to validate the event manager
+			if( typeof(TargetObject.objManager[event_type]) != "object" ||
+					typeof(TargetObject.objManager[event_type][i]) != "object" )
+				return false; // the event manager has not been set up
+		}
+	}
+	return true;
+}
+
+CEngine.BuildTriggerObject = function(trigger_ID, target_ID)
+{// to build the trigger object
+	var arrTrigger = trigger_ID.split("|"); // to split the combined trigger_ID string
+	for( var i = 0; i < arrTrigger.length; i ++ )
+	{// to get the trigger element then add it to the trigger list
+		arrTrigger[i] = CCSSP.TrimSpace( arrTrigger[i] );
+		var eleTrigger = CCSSP.GetObject( arrTrigger[i] );
+		if( eleTrigger == null )
+			continue; // the trigger_ID string in the HTML code maybe wrong
+		CEngine.AddOneTrigger( arrTrigger[i], eleTrigger );
+
+		// to get the target object
+		if( typeof( this.objTrigger[arrTrigger[i]] ) != "object" )
+			continue;// the engine's AddOneTarget function might have failed.
+		CEngine.objTrigger[arrTrigger[i]].AddTargetID( target_ID );
+	}
+}
+//End the definition of CEngine class
+
+/// Section End  - CCSSP DHTM 1 (JavaScript 1.2)
+
+/// Section Begin  - CCSSP DHTM 2 (JavaScript 1.2)
+
+//Begin the definition of CAgencyXXXX classes
+
+//Begin of the CAgencyShow definition
+function CAgencyShow( element, bIsShow )
+{
+	this.ele = element;
+	this.bIsShow = bIsShow;
+}
+
+CAgencyShow.prototype.PrepareEffect = function()
+{
+	CCSSP.ShowObject( this.ele, !this.bIsShow );
+}
+
+CAgencyShow.prototype.UpdateEffect = function()
+{
+	CCSSP.ShowObject( this.ele, this.bIsShow );
+}
+
+CAgencyShow.prototype.EndEffect = function()
+{
+	CCSSP.ShowObject( this.ele, !this.bIsShow );
+}
+// End of the CAgencyShow definition
+
+// Begin of CAgencyFly definition
+function CAgencyFly( element, settings, bIsIn )
+{
+	this.ele = element;
+	this.bIsIn = bIsIn;
+	this.duration = 1000; // default
+	this.direction = "right";
+
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "speed" : this.duration = 100000/arrOneSet[1]; break;
+		case "direction" : this.direction = arrOneSet[1]; break;
+		}
+	}
+		
+	if( CCSSP.bIsIE5 && this.ele.style.position != "absolute" )
+		this.ele.style.position = "relative";
+	this.timer = null;
+	this.aniIndex = CEngine.arrAnimation.length;
+	CEngine.arrAnimation[this.aniIndex] = this;
+}
+
+CAgencyFly.prototype.PrepareEffect = function()
+{
+	CCSSP.ShowObject(this.ele, !this.bIsIn );
+}
+
+CAgencyFly.prototype.UpdateEffect = function()
+{
+	if( this.timer == null )
+		this.ResetParameters();
+
+	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
+	if( percent >= 1.0 )
+		this.EndEffect();
+	else
+	{
+		var newX = this.startX*(1.0-percent) +  this.finalX*percent;
+		var newY = this.startY*(1.0-percent) +  this.finalY*percent;
+		CCSSP.MoveObjectTo(this.ele, newX, newY);
+		if( this.timer == null )
+			this.timer = setInterval("CEngine.PerformAnimation(" + this.aniIndex + ")", 20 );
+	}
+}
+
+CAgencyFly.prototype.EndEffect = function()
+{
+	clearInterval( this.timer );
+	this.timer = null;
+
+	if( this.bIsIn ) // FlyIn
+		CCSSP.MoveObjectTo(this.ele, this.finalX, this.finalY);
+	else // FlyOut
+		CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
+	CCSSP.ShowObject(this.ele, this.bIsIn );
+}
+
+CAgencyFly.prototype.ResetParameters = function()
+{
+	this.PrepareEffect();
+	CCSSP.ShowObject(this.ele, true );
+
+	this.startX = 0;
+	this.startY = 0;
+	this.finalX = 0;
+	this.finalY = 0; 
+	
+	var offsetLeft = CCSSP.GetObjectWindowLeft(this.ele) + this.ele.offsetWidth;
+	var offsetTop = CCSSP.GetObjectWindowTop(this.ele) + this.ele.offsetHeight;
+	var offsetRight = CCSSP.GetWindowRight();
+	var offsetBottom = CCSSP.GetWindowBottom();
+
+	if( this.bIsIn )
+	{ // FlyIn
+		this.finalX = this.ele.ABSX;
+		this.finalY = this.ele.ABSY;
+
+		switch( this.direction )
+		{
+		case "right": this.startX = offsetRight; this.startY = this.finalY; break;
+		case "left": this.startX = -offsetLeft;  this.startY = this.finalY; break;
+		case "down": this.startY = offsetBottom; this.startX = this.finalX; break;
+		case "up":  this.startY = -offsetTop;    this.startX = this.finalX; break;
+		case "downright":
+  			this.startX = ( offsetBottom < offsetRight) ? offsetBottom : offsetRight;
+			this.startY = this.startX;		break;
+		case "upright":
+  			this.startX = (offsetTop < offsetRight)? offsetTop : offsetRight;
+			this.startY = -this.startX;		break;
+		case "upleft":
+			this.startX = -((offsetTop < offsetRight)? offsetTop : offsetRight);
+			this.startY = this.startX;		break;
+		case "downleft":
+			this.startX = -(( offsetBottom < offsetRight) ? offsetBottom : offsetRight);
+			this.startY = -this.startX;     break;
+		}
+	}
+	else
+	{ // FlyOut
+		this.startX = this.ele.ABSX;
+		this.startY = this.ele.ABSY;
+
+		switch( this.direction )
+		{
+		case "right": this.finalX = offsetRight;  this.finalY = this.startY; break;
+		case "left": this.finalX = -offsetLeft;   this.finalY = this.startY;  break;
+		case "down": this.finalY = offsetBottom;  this.finalX = this.startX; break;
+		case "up":  this.finalY = -offsetTop;     this.finalX = this.startX; break;
+		case "downright":
+  			this.finalX = ( offsetBottom < offsetRight) ? offsetBottom : offsetRight;
+			this.finalY = this.finalX;		break;
+		case "upright":
+  			this.finalX = (offsetTop < offsetRight)? offsetTop : offsetRight;
+			this.finalY = -this.finalX;		break;
+		case "upleft":
+			this.finalX = -((offsetTop < offsetRight)? offsetTop : offsetRight);
+			this.finalY = this.finalX;		break;
+		case "downleft":
+			this.finalX = -(( offsetBottom < offsetRight) ? offsetBottom : offsetRight);
+			this.finalY = -this.finalX;     break;
+		}
+	}
+	CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
+	this.startTime = (new Date()).getTime();
+}
+// End of the CAgencyFly definition
+
+// Begin of CAgencySpiral
+function CAgencySpiral( element, settings, bIsIn )
+{
+	this.ele = element;
+	this.bIsIn = bIsIn;
+	this.duration = 1000; // default
+
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "speed" : this.duration = 100000/arrOneSet[1]; break;
+		}
+	}
+
+	if( CCSSP.bIsIE5 && this.ele.style.position != "absolute" )
+		this.ele.style.position = "relative";
+	this.timer = null;
+	this.aniIndex = CEngine.arrAnimation.length;
+	CEngine.arrAnimation[this.aniIndex] = this;
+}
+
+CAgencySpiral.prototype.PrepareEffect = function()
+{
+	CCSSP.ShowObject(this.ele, !this.bIsIn );
+}
+
+CAgencySpiral.prototype.UpdateEffect = function()
+{
+	if( this.timer == null )
+		this.ResetParameters();
+
+	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
+	if( percent >= 1.0 )
+		this.EndEffect();
+	else
+	{
+		var rf = (this.bIsIn)? (1.0 - percent) : percent; 
+		var t = (1.0-rf) * 4.0 * Math.PI
+		var rxP = (this.bIsIn)? this.startX : this.finalX; 
+		var ryP = (this.bIsIn)? this.startY : this.finalY; 
+		var rx = (Math.abs(rxP) < 200) ? Math.abs(rxP) : 200;
+		var ry = (Math.abs(ryP) < 200) ? Math.abs(ryP) : 200;
+
+		var newX = Math.ceil(-rf*Math.cos(t)*rx) + this.ele.ABSX;
+		var newY = Math.ceil(-rf*Math.sin(t)*ry) + this.ele.ABSY;
+		CCSSP.MoveObjectTo(this.ele, newX, newY);
+		if( this.timer == null )
+			this.timer = setInterval("CEngine.PerformAnimation(" + this.aniIndex + ")", 20 );
+	}
+}
+
+CAgencySpiral.prototype.EndEffect = function()
+{
+	clearInterval( this.timer );
+	this.timer = null;
+	
+	if( this.bIsIn ) // In
+		CCSSP.MoveObjectTo(this.ele, this.finalX, this.finalY);
+	else // Out
+		CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
+	CCSSP.ShowObject(this.ele, this.bIsIn );
+}
+
+CAgencySpiral.prototype.ResetParameters = function()
+{
+	this.PrepareEffect();
+	CCSSP.ShowObject(this.ele, true );
+	this.startX = (this.bIsIn)? CCSSP.GetWindowRight() : this.ele.ABSX;
+	this.startY = (this.bIsIn)? CCSSP.GetWindowBottom() : this.ele.ABSY;
+	this.finalX = (this.bIsIn)? this.ele.ABSX : CCSSP.GetWindowRight();
+	this.finalY = (this.bIsIn)? this.ele.ABSY : CCSSP.GetWindowBottom(); 
+	
+	CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
+	this.startTime = (new Date()).getTime();
+}
+// End of CAgencySpiral
+
+// Begin of CAgencyElastic
+function CAgencyElastic( element, settings)
+{
+	this.ele = element;
+	this.duration = 1000; // default
+	this.direction = "right";
+
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "speed" : this.duration = 100000/arrOneSet[1]; break;
+		case "direction" : this.direction = arrOneSet[1]; break;
+		}
+	}
+		
+	if( CCSSP.bIsIE5 && this.ele.style.position != "absolute" )
+		this.ele.style.position = "relative";
+	this.timer = null;
+	this.aniIndex = CEngine.arrAnimation.length;
+	CEngine.arrAnimation[this.aniIndex] = this;
+}
+
+CAgencyElastic.prototype.PrepareEffect = function()
+{
+	CCSSP.ShowObject(this.ele, false );
+}
+
+CAgencyElastic.prototype.UpdateEffect = function()
+{
+	if( this.timer == null )
+		this.ResetParameters();
+
+	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
+	if( percent >= 1.0 )
+		this.EndEffect();
+	else
+	{
+		var newX = this.startX;
+		var newY = this.startY;
+		var rf = Math.exp(-percent*3);
+		var t = percent * 1.5 * Math.PI
+		var rx = (Math.abs(this.startX) > Math.abs(this.startY)) ? this.startX : this.startY;
+		switch (this.direction )
+		{
+		case "left":   
+		case "right" : newX = rf*Math.cos(t)*rx + this.ele.ABSX; break;
+		case "up":	   
+		case "down" :  newY = rf*Math.cos(t)*rx + this.ele.ABSX; break;
+		}
+		CCSSP.MoveObjectTo(this.ele, newX, newY);
+		if( this.timer == null )
+			this.timer = setInterval("CEngine.PerformAnimation(" + this.aniIndex + ")", 20 );
+	}
+}
+
+CAgencyElastic.prototype.EndEffect = function()
+{
+	CCSSP.MoveObjectTo(this.ele, this.finalX, this.finalY);
+	clearInterval( this.timer );
+	this.timer = null;
+}
+
+CAgencyElastic.prototype.ResetParameters = function()
+{
+	CCSSP.ShowObject(this.ele, true );
+	this.startX = this.ele.ABSX;
+	this.finalX = this.ele.ABSX;
+	this.startY = this.ele.ABSY;
+	this.finalY = this.ele.ABSY;
+	
+	switch (this.direction)
+	{ 
+	case "left":  this.startX = -this.ele.offsetWidth; break;
+	case "right": this.startX = this.ele.offsetWidth;  break;
+	case "up":    this.startY = -this.ele.offsetHeight;break;
+	case "down":  this.startY = this.ele.offsetHeight; break;
+	}
+	CCSSP.MoveObjectTo(this.ele, this.startX, this.startY);
+	this.startTime = (new Date()).getTime();
+}
+// End of CAgencyElastic
+
+// Begin of CAgencyZoom
+function CAgencyZoom( element, settings, bIsIn)
+{
+	this.ele = element;
+	this.duration = 1000; // default
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "speed" : this.duration = 100000/arrOneSet[1]; break;
+		}
+	}
+
+	this.bIsIn = bIsIn;
+	this.timer = null;
+	this.aniIndex = CEngine.arrAnimation.length;
+	CEngine.arrAnimation[this.aniIndex] = this;
+}
+
+CAgencyZoom.prototype.PrepareEffect = function()
+{
+	CCSSP.ShowObject(this.ele, false);
+}
+
+CAgencyZoom.prototype.UpdateEffect = function()
+{
+	if( this.timer == null )
+		this.ResetParameters();
+
+	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
+	if( percent >= 1.0 )
+		this.EndEffect();
+	else
+	{
+		var nFactorIn = Math.ceil(50+50*percent);
+		var nFactorOut = Math.ceil(100+200*(1-percent));
+		var AlterFontsize = ((this.bIsIn)? nFactorIn : nFactorOut) + "%";
+		var AlterFactor = ((this.bIsIn)? nFactorIn : nFactorOut) / 100;
+		
+		this.UpdateEffectAllChildren(this.ele, AlterFontsize, AlterFactor);
+		for(var index = 0; index < this.ele.all.length; index++)
+			this.UpdateEffectAllChildren(this.ele.all[index], AlterFontsize, AlterFactor);
+			
+		if( this.timer == null )
+			this.timer = setInterval("CEngine.PerformAnimation(" + this.aniIndex + ")", 20 );
+	}
+}
+
+CAgencyZoom.prototype.UpdateEffectAllChildren = function(child, FontSize, Factor)
+{
+	if( CCSSP.IsTextTag(child) )
+		child.style.fontSize = FontSize;
+	else
+	{
+		if( typeof(child.orgWidth) == "number" )
+			child.style.width = Factor * child.orgWidth;
+		if( typeof(child.orgHeight) == "number" )
+			child.style.height = Factor * child.orgHeight;
+	}
+}
+
+CAgencyZoom.prototype.EndEffect = function()
+{
+	this.EndEffectAllChildren(this.ele);
+	for(var index = 0; index < this.ele.all.length; index++)
+		this.EndEffectAllChildren(this.ele.all[index]);
+	
+	clearInterval( this.timer );
+	this.timer = null;
+}
+
+CAgencyZoom.prototype.EndEffectAllChildren = function( child )
+{	
+	if( CCSSP.IsTextTag(child) )
+		child.style.fontSize = child.orgFontSize;
+	else
+	{
+		if( typeof(child.intactWidth) != "undefined" )
+		{
+			child.width = child.intactWidth;
+			child.height = child.intactHeight;
+		}
+		else if( typeof(child.style.intactPixelWidth) != "undefined" )
+		{
+			child.style.pixelWidth = child.style.intactPixelWidth;
+			child.style.pixelHeight = child.style.intactPixelHeight;
+		}
+	}
+}
+
+CAgencyZoom.prototype.ResetParameters = function()
+{
+	this.PrepareEffect();
+	this.ResetParametersAllChildren( this.ele );
+	for(var index = 0; index < this.ele.all.length; index++)
+		this.ResetParametersAllChildren(this.ele.all[index]);
+		
+	this.startTime = (new Date()).getTime();
+}
+
+CAgencyZoom.prototype.ResetParametersAllChildren = function( child )
+{
+	CCSSP.ShowObject(child, true );
+	if( (child.tagName == "DIV") && (child.parentElement.tagName == "TD") )
+		child.width = "100%";// if the div is inside a cell of table, we need the this hack
+	
+	if( CCSSP.IsTextTag(child) )
+		child.orgFontSize = child.style.fontSize;
+	else
+	{
+		if( child.width > "" || child.height > "" )
+		{
+			child.orgWidth = child.intactWidth = child.width;
+			child.orgHeight = child.intactHeight = child.height;
+		}
+		else if( ( typeof(child.orgWidth) != "number" ) && (typeof(child.orgHeight) != "number") )
+		{
+			child.orgWidth = child.style.intactPixelWidth = child.style.pixelWidth;
+			child.orgHeight = child.style.intactPixelHeight = child.style.pixelHeight;
+		}
+	}
+}
+// End of CAgencyZoom
+
+//// the following effects will use IE's exclusive "filter" function ////
+// Begin of CAgencyAlpha definition
+function CAgencyAlpha( element, settings, bIsIn )
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+	this.bIsIn = bIsIn;
+
+	// to set the default value
+	this.startOpacity = (this.bIsIn) ? 0 : 100;
+	this.endOpacity = (this.bIsIn) ? 100 : 0;
+	
+	this.duration = 1000; // default
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "speed" : this.duration = 100000/arrOneSet[1]; break;
+		}
+	}
+	
+	this.timer = null;
+	this.aniIndex = CEngine.arrAnimation.length;
+	CEngine.arrAnimation[this.aniIndex] = this;
+}
+
+CAgencyAlpha.prototype.PrepareEffect = function()
+{// to set the visual filter function
+	// the visual filter ONLY work when set by "Width and Height" or
+	// absolute position for DIV, SPAN and normal tag ( such as p )
+	// but, "absolute" cause the following elements overlap, so:
+	CCSSP.PrepareFilter( this.ele );
+	CCSSP.ShowObject(this.ele, !this.bIsIn );
+}
+
+CAgencyAlpha.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	if( this.timer == null )
+		this.ResetParameters();
+	if( typeof(this.ele.filters.alpha) != "object" )
+	{
+		this.EndEffect();
+		return;
+	}
+
+	var percent = ((new Date()).getTime() - this.startTime)/this.duration;
+	if( percent >= 1.0 )
+		this.EndEffect();
+	else if( typeof(this.ele.filters.alpha) == "object" )
+	{
+		this.ele.filters.alpha.opacity = this.startOpacity*(1.0-percent) + this.endOpacity*percent;
+		if( this.timer == null )
+			this.timer = setInterval("CEngine.PerformAnimation(" + this.aniIndex + ")", 20 );
+	}
+}
+
+CAgencyAlpha.prototype.EndEffect = function()
+{// to remove the visual filter function
+	clearInterval( this.timer );
+	this.timer = null;
+	this.ele.style.filter = "";
+	CCSSP.ShowObject(this.ele, this.bIsIn );
+}
+
+CAgencyAlpha.prototype.ResetParameters = function()
+{
+	this.PrepareEffect();
+	CCSSP.ShowObject(this.ele, true );
+	this.ele.style.filter = "alpha(opacity=" + this.startOpacity + ")";
+	this.startTime = (new Date()).getTime();
+}
+// End of the CAgencyAlpha definition
+
+// Begin of CAgencyWave definition
+function CAgencyWave( element, settings )
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+
+	this.duration = 0; // default
+	this.strength = 10;
+	this.freq = 1;
+	this.lightstrength = 1;
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "duration" : this.duration = 100000/arrOneSet[1]; break;
+		case "strength" : this.strength = arrOneSet[1]; break;
+		case "freq" : this.freq = arrOneSet[1]; break;
+		case "lightstrength" : this.lightstrength = arrOneSet[1]; break;
+		}
+	}
+
+	this.timer = null;
+	this.aniIndex = CEngine.arrAnimation.length;
+	CEngine.arrAnimation[this.aniIndex] = this;
+}
+
+CAgencyWave.prototype.PrepareEffect = function()
+{// to set the visual filter function
+	CCSSP.PrepareFilter(this.ele);
+
+	CCSSP.ShowObject(this.ele, true );
+}
+
+CAgencyWave.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	if( this.timer == null )
+		this.ResetParameters();
+	if( typeof(this.ele.filters.wave) != "object" )
+	{
+		this.EndEffect();
+		return;
+	}
+
+	if( this.duration > 0 )
+	{
+		var percent = ((new Date()).getTime() - this.startTime)/this.duration;
+		if( percent >= 1.0 )
+		{
+			this.EndEffect();
+			return;
+		}
+	}
+	
+	this.ele.filters.wave.phase += 5;
+	this.ele.filters.wave.phase %= 100;
+	if( this.timer == null )
+		this.timer = setInterval("CEngine.PerformAnimation(" + this.aniIndex + ")", 50 );
+}
+
+CAgencyWave.prototype.EndEffect = function()
+{// to remove the visual filter function
+	this.ele.style.filter = "";
+	clearInterval( this.timer );
+	this.timer = null;
+}
+
+CAgencyWave.prototype.ResetParameters = function()
+{
+	this.PrepareEffect();
+	this.ele.style.filter = "wave(strength=" + this.strength + ",freq=" + 
+	 this.freq +", lightstrength=" + this.lightstrength +",phase=0);";
+	this.startTime = (new Date()).getTime();
+}
+// End of the CAgencyWave definition
+
+// Begin of CAgencyGlow definition
+function CAgencyGlow( element, settings )
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+
+	// to set the default value
+	this.glowColor = "green";
+	this.glowStrength = "3";
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "color" : this.glowColor = arrOneSet[1]; break;
+		case "strength" : this.glowStrength = arrOneSet[1]; break;
+		}
+	}
+}
+
+CAgencyGlow.prototype.PrepareEffect = function()
+{
+	CCSSP.PrepareFilter(this.ele);
+	CCSSP.ShowObject(this.ele, true );
+	if( this.ele.style.backgroundColor != "" )
+	{//style.backgroundColor somehow stop the visual filter
+		this.ele.intactBackgroundColor = this.ele.style.backgroundColor;
+		this.ele.style.backgroundColor = "";
+	}
+}
+
+CAgencyGlow.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	this.PrepareEffect();
+	this.ele.style.filter = "glow(Color=" + this.glowColor + ", Strength=" + 
+		this.glowStrength + ", enabled=true" +")";
+}
+
+CAgencyGlow.prototype.EndEffect = function()
+{// to remove the visual filter function
+	this.ele.style.filter = "";
+	if( typeof(this.ele.intactBackgroundColor) != "undefined" )
+		this.ele.style.backgroundColor = this.ele.intactBackgroundColor;
+}
+// End of the CAgencyGlow definition
+
+// Begin of CAgencyDropShadow definition
+function CAgencyDropShadow( element, settings )
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+
+	// to set the default value
+	this.shadowColor = "black"; 
+	this.shadowOffx = "1";
+	this.shadowOffy = "1";
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "color" : this.shadowColor = arrOneSet[1]; break;
+		case "offx" : this.shadowOffx = arrOneSet[1]; break;
+		case "offy" : this.shadowOffy = arrOneSet[1]; break;
+		}
+	}
+}
+
+CAgencyDropShadow.prototype.PrepareEffect = function()
+{
+	CCSSP.PrepareFilter(this.ele);
+	CCSSP.ShowObject(this.ele, true );
+	
+	if( this.ele.style.backgroundColor != "" )
+	{//style.backgroundColor somehow stop the visual filter
+		this.ele.intactBackgroundColor = this.ele.style.backgroundColor;
+		this.ele.style.backgroundColor = "";
+	}
+}
+
+CAgencyDropShadow.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	this.PrepareEffect();
+	this.ele.style.filter = "dropshadow(color=" + this.shadowColor + ", offx=" + 
+		this.shadowOffx + ", offy=" + this.shadowOffy + ")";
+}
+
+CAgencyDropShadow.prototype.EndEffect = function()
+{// to remove the visual filter function
+	this.ele.style.filter = "";
+	if( typeof(this.ele.intactBackgroundColor) != "undefined" )
+		this.ele.style.backgroundColor = this.ele.intactBackgroundColor;
+}
+// End of the CAgencyDropShadow definition
+
+// Begin of CAgencyRevealTrans definition
+function CAgencyRevealTrans( element, settings )
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+
+	// to set the default value
+	this.duration = 1.0; //The value is specified in seconds.milliseconds format (0.0000).
+	this.transition = 0;
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "type" : this.transition = arrOneSet[1]; break;
+		case "duration" : this.duration = 100/arrOneSet[1];	break;
+		}
+	}
+}
+
+CAgencyRevealTrans.prototype.PrepareEffect = function()
+{
+	CCSSP.PrepareFilter(this.ele);
+	CCSSP.ShowObject( this.ele, false);
+}
+
+CAgencyRevealTrans.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	if( typeof( this.ele.filters.RevealTrans ) == "object" )
+	{
+		if( this.ele.filters.RevealTrans.status == 2 )
+			this.ele.filters.RevealTrans.stop();  
+	}
+
+	this.PrepareEffect();
+	
+	this.ele.style.filter = "RevealTrans(duration=" + this.duration + 
+		", transition=" + this.transition + ")";
+	
+    if( typeof( this.ele.filters.RevealTrans ) == "object" )
+    {
+		this.ele.filters.RevealTrans.apply();
+		CCSSP.ShowObject( this.ele, true);
+		this.ele.filters.RevealTrans.play();  
+	}
+	else
+		CCSSP.ShowObject( this.ele, true);
+}
+
+CAgencyRevealTrans.prototype.EndEffect = function()
+{
+    if( typeof( this.ele.filters.RevealTrans ) == "object" )
+		this.ele.filters.RevealTrans.stop();  
+	this.ele.style.filter = "";
+}
+// End of the CAgencyRevealTrans definition
+
+// Begin of CAgencyBlur definition
+function CAgencyBlur( element, settings )
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+
+	// to set the default value
+	this.strength = "5";
+	this.direction = "90";
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "strength" : this.strength = arrOneSet[1]; break;
+		case "direction" : this.direction = arrOneSet[1]; break;
+		}
+	}
+}
+
+CAgencyBlur.prototype.PrepareEffect = function()
+{
+	CCSSP.PrepareFilter(this.ele);
+	CCSSP.ShowObject(this.ele, true );
+}
+
+CAgencyBlur.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	CCSSP.PrepareFilter(this.ele);
+	this.ele.style.filter = "blur(strength=" + this.strength + 
+		", direction=" + this.direction + ")";
+}
+
+CAgencyBlur.prototype.EndEffect = function()
+{// to remove the visual filter function
+	this.ele.style.filter = "";
+}
+// End of the CAgencyBlur definition
+
+// Begin of CAgencyChangeFilter definition
+function CAgencyChangeFilter( element, settings ) // flipH, flipV, invert, grey,
+{// because of "visual filter" style, this won't work in Navigator
+	this.ele = element;
+
+	// to set the default value
+	this.filterFunction = settings;
+}
+
+CAgencyChangeFilter.prototype.PrepareEffect = function()
+{
+	CCSSP.PrepareFilter(this.ele);
+	CCSSP.ShowObject(this.ele, true );
+}
+
+CAgencyChangeFilter.prototype.UpdateEffect = function()
+{// to set the visual filter function
+	CCSSP.PrepareFilter(this.ele);
+	this.ele.style.filter = this.filterFunction;
+}
+
+CAgencyChangeFilter.prototype.EndEffect = function()
+{// to remove the visual filter function
+	this.ele.style.filter = "";
+}
+// End of the CAgencyChangeFilter definition
+
+// The effects below change the style on the fly, so they won't work in Navigator
+
+// Begin of CAgencyFontChange definition, 
+function CAgencyFontChange( element, settings )
+{//this class can be replace by CAgencyChangeStyle,provided the "settings" is standard CSS string.
+	this.ele = element;
+	
+	// to retrieve the original font style
+	this.RetrieveOldFont( this.ele );
+	
+	// to set the default font to change
+	this.newfontFamily = this.ele.oldFontFamily;
+	this.newfColor = this.ele.oldColor;
+	this.newtextDecoration = this.ele.oldTextDecoration;
+	this.newfontWeight = this.ele.oldFontWeight;
+	this.newfontStyle = this.ele.oldFontStyle;
+	this.newfontSize = this.ele.oldFontSize;
+	this.newBackgroundColor = this.ele.oldBackgroundColor;
+	
+	var arrAllSet = settings.split(",");
+	for( var i = 0; i < arrAllSet.length; i ++ )
+	{// to retrieve the setting
+		arrAllSet[i] = CCSSP.TrimSpace(arrAllSet[i]);
+		var arrOneSet = arrAllSet[i].split("=");
+		for( var j = 0; j < arrOneSet.length; j++ )
+			arrOneSet[j] = CCSSP.TrimSpace(arrOneSet[j]);
+		switch( arrOneSet[0] )
+		{
+		case "font-family" : this.newfontFamily = arrOneSet[1]; break;
+		case "color" : this.newfColor = arrOneSet[1]; break;
+		case "underline" : this.newtextDecoration = (arrOneSet[1]=="on")? "underline" : "none"; break;
+		case "bold" : this.newfontWeight = (arrOneSet[1]=="on")? "bold" : "normal"; break;
+		case "italic" : this.newfontStyle = (arrOneSet[1]=="on")? "italic" : "normal"; break;
+		case "size" : this.newfontSize = arrOneSet[1]; break;
+		case "background-color" : this.newBackgroundColor = arrOneSet[1]; break;
+		}
+	}
+}
+
+CAgencyFontChange.prototype.RetrieveOldFont = function(objChild)
+{
+	if( typeof(objChild.oldFontFamily) == "undefined" )
+		objChild.oldFontFamily = objChild.style.fontFamily;
+	if( typeof(objChild.oldColor) == "undefined" )
+		objChild.oldColor = objChild.style.color;
+	if( typeof(objChild.oldTextDecoration) == "undefined" )
+		objChild.oldTextDecoration = objChild.style.textDecoration;
+	if( typeof(objChild.oldFontWeight) == "undefined" )
+		objChild.oldFontWeight = objChild.style.fontWeight;
+	if( typeof(objChild.oldFontStyle) == "undefined" )
+		objChild.oldFontStyle = objChild.style.fontStyle;
+	if( typeof(objChild.oldFontSize) == "undefined" )
+		objChild.oldFontSize = objChild.style.fontSize;
+	if( typeof(objChild.oldBackgroundColor) == "undefined" )
+		objChild.oldBackgroundColor = objChild.style.backgroundColor;
+}
+
+CAgencyFontChange.prototype.PrepareEffect = function()
+{
+	// as for expanding text, the child is created after the constructor called
+	for(var index = 0; index < this.ele.all.length; index++)
+		this.RetrieveOldFont(this.ele.all[index]);
+	CCSSP.ShowObject(this.ele, true );
+}
+
+CAgencyFontChange.prototype.UpdateEffect = function()
+{// to change the font
+	this.PrepareEffect();
+	this.UpdateEffectAllChildren( this.ele );
+	for( var index = 0; index < this.ele.all.length; index++)
+		this.UpdateEffectAllChildren(this.ele.all[index]);
+}
+
+CAgencyFontChange.prototype.UpdateEffectAllChildren = function(objChild)
+{
+	objChild.style.fontFamily = this.newfontFamily;
+	objChild.style.color = this.newfColor;
+	objChild.style.textDecoration = this.newtextDecoration;
+	objChild.style.fontWeight = this.newfontWeight;
+	objChild.style.fontStyle = this.newfontStyle;
+	objChild.style.fontSize = this.newfontSize;
+	objChild.style.backgroundColor = this.newBackgroundColor;
+}
+
+CAgencyFontChange.prototype.EndEffect = function()
+{// to reinstate the original font style
+	this.EndEffectAllChildren( this.ele );
+	for( var index = 0; index < this.ele.all.length; index++)
+		this.EndEffectAllChildren(this.ele.all[index]);
+}
+
+CAgencyFontChange.prototype.EndEffectAllChildren = function( objChild )
+{
+	if( typeof(objChild.oldFontFamily) != "undefined" )
+		objChild.style.fontFamily = objChild.oldFontFamily;
+	if( typeof(objChild.oldColor) != "undefined" )
+		objChild.style.color = objChild.oldColor;
+	if( typeof(objChild.oldFontWeight) != "undefined" )
+		objChild.style.fontWeight = objChild.oldFontWeight;
+	if( typeof(objChild.oldFontStyle) != "undefined" )
+		objChild.style.fontStyle = objChild.oldFontStyle;
+	if( typeof(objChild.oldFontSize) != "undefined" )
+		objChild.style.fontSize = objChild.oldFontSize;
+	if( typeof(objChild.oldTextDecoration) != "undefined" )
+		objChild.style.textDecoration = objChild.oldTextDecoration;
+	if( typeof(objChild.oldBackgroundColor) != "undefined" )
+		objChild.style.backgroundColor = objChild.oldBackgroundColor;
+}
+// End of the CAgencyFontChange definition
+
+// Begin of the CAgencyChangeStyle definition
+function CAgencyChangeStyle( element, settings )
+{//this class can be replace by CAgencyChangeStyle,provided the "settings" is standard CSS string.
+	this.ele = element;
+	
+	// to retrieve the original style
+	this.oldstyle = this.ele.style.cssText;
+	
+	// to set the default style
+	this.newStyle = this.oldstyle;
+	
+	if( typeof(settings) == "string" && settings.length > 1 )
+		this.newStyle = this.oldstyle + " " + settings;
+}
+
+CAgencyChangeStyle.prototype.PrepareEffect = function()
+{
+	CCSSP.ShowObject(this.ele, true );
+}
+
+CAgencyChangeStyle.prototype.UpdateEffect = function()
+{// to change the style
+	this.ele.style.cssText = this.newStyle;
+}
+
+CAgencyChangeStyle.prototype.EndEffect = function()
+{// to reinstate the original style
+	this.ele.style.cssText = this.oldStyle;
+}
+// End of the CAgencyChangeStyle definition
+
+//End the definition of CAgencyXXXX classes
+
+//Begin to collaborate with other event handler settings 
+CCSSP.RegisterEventHandler( window, "onload", "CEngine.OnPageLoad();BSSCOnLoad();kadovInitTriggersInHead();");
+CCSSP.RegisterEventHandler( document, "onclick", "CEngine.OnPageClick();BSSCOnClick();");
+CCSSP.RegisterEventHandler( document, "onmouseover", "CEngine.OnMouseOver();BSSCOnMouseOver();" );
+CCSSP.RegisterEventHandler( document, "onmouseout", "CEngine.OnMouseOver();BSSCOnMouseOut();" );
+CCSSP.RegisterEventHandler( window, "onunload", "BSSCOnUnload();");
+//End to collaborate with other event handler settings
+
+
+/// Section End  - CCSSP DHTM 2 (JavaScript 1.2)
+
+//// Segment End -- (JavaScript 1.2)
diff --git a/doc/salome/gui/SUPERV/files/about_nodes.htm b/doc/salome/gui/SUPERV/files/about_nodes.htm
new file mode 100755
index 0000000..fa7e7ac
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/about_nodes.htm
@@ -0,0 +1,164 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>About nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=730>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+img_whs4 {border-style: none; border: none; width: 318px; height: 223px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nAbout nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">About nodes</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In general, 
+ in SUPERVISION component <span style="font-weight: bold;"><B>Node </B></span>&nbsp;is 
+ a graphical representation of a computation algorithm. The Data flow graph 
+ consists of several nodes of <span style="font-weight: bold;"><B>control</B></span> 
+ and <span style="font-weight: bold;"><B>computation</B></span> types. These nodes 
+ have input and output <span style="font-weight: bold;"><B>data ports</B></span> 
+ for data transferring and <span style="font-weight: bold;"><B>control ports</B></span>. 
+ All data ports of a node correspond to input or output parameters of the 
+ service executed on this node. Connecting of these ports by links means 
+ transferring of the data from output port to input port of a next node. 
+ So, only output and input ports of different nodes can be connected by 
+ one link. All input ports which have not connection to output ports are 
+ input of the Graph. Initial values of such ports can be defined as constant 
+ value or taken from the current study. All output ports which have no 
+ connection to input ports are output of the Graph. Values from these ports 
+ can be stored in the study.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">In SUPERVISION module 
+ there are the following types of nodes: <span style="font-weight: bold;"><B>computation 
+ node</B></span>, <span style="font-weight: bold;"><B>loop node, switch node</B></span> 
+ &nbsp;and <span 
+ style="font-weight: bold;"><B>GOTO node</B></span>.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/nodestypes.jpg" x-maintain-ratio="TRUE" width="318px" height="223px" border="0" class="img_whs4"></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Adding nodes','adding_nodes.htm','Computation nodes','computation_nodes.htm','GOTO nodes','goto_nodes.htm','Loop nodes','loop_nodes.htm','Switch nodes','switch_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/adding_information_about_graphs.htm b/doc/salome/gui/SUPERV/files/adding_information_about_graphs.htm
new file mode 100755
index 0000000..2e0d2be
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/adding_information_about_graphs.htm
@@ -0,0 +1,157 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Changing graph description</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=747>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs3 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs4 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs6 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs7 {border-style: none; border: none; width: 339px; height: 322px; float: none;}
+p.whs8 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nChanging graph description");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Changing graph description</h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3"> <span style="font-family: 'Times New Roman', serif;">This 
+ option is available only if your graph is modifiable. Otherwise you'll 
+ be able only to view the description of the graph.</span></p>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To change or just view the description of your graph:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Right-click on the SUPERVISION viewer window 
+ containing your graph and from the pop-up menu choose <span style="font-weight: bold;"><B>Change 
+ Informations</B></span>&nbsp;option. The following dialog box will appear 
+ where you can change the name<span style="font-weight: bold;"> <B></B></span>of 
+ your graph, enter the name of the author and additional comments concerning 
+ your graph:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/description.jpg" x-maintain-ratio="TRUE" width="339px" height="322px" border="0" class="img_whs7"></p>
+
+<p align="center" class="whs8">&nbsp;</p>
+
+<p class="whs4">To confirm the changes in this dialog box 
+ click &nbsp;<span style="font-weight: bold;"><B>OK</B></span>.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/adding_links_from_an_output_port.htm b/doc/salome/gui/SUPERV/files/adding_links_from_an_output_port.htm
new file mode 100755
index 0000000..1f63817
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/adding_links_from_an_output_port.htm
@@ -0,0 +1,167 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Linking node ports</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=908>
+<meta name=layout-width content=708>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {text-align: justify;}
+p.whs2 {background-image:url(../texture_horiz_ltbluebubbles.jpg); text-align:justify; }
+img_whs3 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs4 {text-align: justify;}
+p.whs5 {font-size: 12pt; text-align: justify;}
+p.whs6 {font-size: 12pt; margin-left: 40px; text-align: justify;}
+p.whs7 {margin-left: 40px; text-align: justify;}
+img_whs8 {border-style: none; border: none; width: 574px; height: 411px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nLinking nodes\nLinking node ports ");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Linking node ports</h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3">In <span style="font-weight: bold;"><B>SUPERVISION</B></span> you 
+ can link <span style="font-weight: bold;"><B>ONLY</B></span> Input ports with 
+ Output ports and InGate ports with OutGate ports of different nodes. But 
+ you can sketch several links going from one definite port to the ports 
+ of other nodes. &nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class=TODO>To add a link between two ports: </p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6">1. Right-click on this port and from 
+ the pop-up menu choose <span style="font-weight: bold;"><B>Sketch Link</B></span> 
+ option. Move aside the cursor of your mouse - it will be followed by a 
+ violet highlighted straight line.</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">2. Click on the port, which you'd like 
+ to connect to the first port - your link will get default black color. 
+ </p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5">On this picture you can 
+ see an example of a graph with four linked nodes.</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/links.jpg" x-maintain-ratio="TRUE" width="574px" height="411px" border="0" class="img_whs8"></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Deleting links','deleting_links.htm','Modifying links','modifying_links.htm','Points in links','points_in_links.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/adding_node_ports.htm b/doc/salome/gui/SUPERV/files/adding_node_ports.htm
new file mode 100755
index 0000000..cef2639
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/adding_node_ports.htm
@@ -0,0 +1,143 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Adding node ports</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family:'Times New Roman' , serif; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs3 {border-style: none; border: none; width: 36px; height: 38px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif;}
+p.whs5 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs6 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+p.whs7 {font-size: 12pt; font-family: 'Times New Roman', serif;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nAdding node ports");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Adding node ports</h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3">This option applies <span style="font-weight: bold;"><B>ONLY 
+ </B></span>to Inline nodes, not Factory and <span style="font-size: 12pt;"><font size=3 style="font-size:12pt;">is 
+ possible </font></span><span style="font-size: 12pt; font-weight: bold;"><font size=3 style="font-size:12pt;"><B>ONLY</B></font></span><span 
+ style="font-size: 12pt;"><font size=3 style="font-size:12pt;"> if the graph is modifiable, not a read-only 
+ one.</font></span></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class=TODO>To add Input or Output ports to your node:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6">Right-click on the <span style="font-weight: bold;"><B>Title</B></span> 
+ part of the node, and from <span style="font-weight: bold;"><B>Add node</B></span> 
+ submenu select the type of the port for addition to your node (Input or 
+ Output). </p>
+
+<p class="whs6">&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<p class="whs7">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm','Creating a new graph','creating_a_new_graph.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/adding_nodes.htm b/doc/salome/gui/SUPERV/files/adding_nodes.htm
new file mode 100755
index 0000000..bda3180
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/adding_nodes.htm
@@ -0,0 +1,266 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Adding nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=2091>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs3 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+img_whs4 {border-style: none; border: none; width: 29px; height: 30px;}
+p.whs5 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs6 {border-style: none; border: none; width: 472px; height: 444px; float: none;}
+p.whs7 {text-align:JUSTIFY; font-family:'Times New Roman' , serif; font-size:12pt; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs8 {border-style: none; border: none; width: 35px; height: 37px; float: none;}
+p.whs9 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; font-weight: bold;}
+p.whs10 {font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs11 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs12 {font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 0px;}
+p.whs13 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs12 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nAdding nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Adding nodes</h1>
+
+<p class=TODO>To add a node into a graph in modification or edition: </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">Right-click on the background of the main 
+ window of this graph and in the pop-up menu choose &nbsp;<span style="font-weight: bold;"><B>Add 
+ Node</B></span>&nbsp;option or click <img src="../image3.gif" width="29px" height="30px" border="0" class="img_whs4"> icon in the SUPERVISION 
+ toolbar. The following dialog box with two tabs will appear (the same 
+ dialog box opens when trying to create a new graph):</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p align="center" class="whs5">&nbsp;</p>
+
+<p class="whs3"><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/addnode1.jpg" x-maintain-ratio="TRUE" width="472px" height="444px" border="0" class="img_whs6"></font></span></p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/addnode2.jpg" x-maintain-ratio="TRUE" width="472px" height="444px" border="0" class="img_whs6"></p>
+
+<p align="center" class="whs5">&nbsp;</p>
+
+<p align="center" class="whs5">&nbsp;</p>
+
+<p class="whs2">This dialog box allows to add one or several 
+ nodes to your graph. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs7"><img src="../tip1.gif" x-maintain-ratio="TRUE" width="35px" height="37px" border="0" class="img_whs8"> This dialog box works as independent window. So you can move 
+ it aside and simultaneously edit your graph in SUPERVISION viewer and 
+ add new nodes into your graph.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs9"><a name=FACTORY></a>FACTORY NODES. </p>
+
+<p class="whs2">Factory nodes tab window consists of one 
+ column having the form of a tree with three open levels: </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>The 
+ first level</B></span> corresponds to the list of components which are currently 
+ integrated into SALOME platform</p>
+
+<p class="whs10">. </p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>The 
+ second level</B></span> corresponds to the interfaces of one of the components. 
+ </p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>The 
+ third level</B></span> represents a list of services (methods) provide by 
+ the component interface. </p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>The 
+ fourth level</B></span> contains the signature of a service - a list of parameters. 
+ Opposite each parameter there are two indications: <span style="font-weight: bold;"><B>Port 
+ type </B></span><span>(data type of the parameter) and </span><span style="font-weight: bold;"><B>Port 
+ way </B></span><span>(type of the parameter - input or output).</span><span 
+ style="font-weight: bold;"> <B></B></span>&nbsp;&nbsp;</p>
+
+<p align="center" class="whs11">&nbsp;</p>
+
+<p class="whs12">To add a factory node into your graph choose 
+ one of the factory services and click <span style="font-weight: bold;"><B>Add 
+ Factory Node.</B></span></p>
+
+<p class="whs12">&nbsp;</p>
+
+<p class="whs12">&nbsp;</p>
+
+<p class="whs9">INLINE NODES. </p>
+
+<p class="whs13">Inline 
+ nodes tab window consists of the following fields:</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>Node 
+ type </B></span>choose box: here you can select the type of your future node 
+ (Computation, Switch, Loop, Goto)</p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>Main 
+ field</B></span>: here you can manually define a Python method which will 
+ be executed on your node. This window functions like a standard document 
+ - right-click on it gives access to <span style="font-weight: bold;"><B>Undo/Redo/Cut/Copy/Paste/SelectAll/Clear 
+ </B></span><span>options.</span><span style="font-weight: bold;"> <B></B></span>&nbsp;</p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">- <span style="font-weight: bold;"><B>Load 
+ from file: </B></span><span>this button allows to load a definite Python method 
+ from an existing *.py file. If your *.py file contains several defined 
+ methods, </span><span style="font-weight: bold;"><B>Next function </B></span><span>button 
+ allows to list all methods of the upper level from this *.py file and 
+ select the necessary function. &nbsp;</span>&nbsp;&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">To add 
+ an inline node into your graph click <span style="font-weight: bold;"><B>Add 
+ Node </B></span>button. &nbsp;&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Computation nodes','computation_nodes.htm','GOTO nodes','goto_nodes.htm','Loop nodes','loop_nodes.htm','Switch nodes','switch_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<p class="whs13">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs13">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/changing_node_description.htm b/doc/salome/gui/SUPERV/files/changing_node_description.htm
new file mode 100755
index 0000000..0fe5d84
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/changing_node_description.htm
@@ -0,0 +1,164 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Changing node description</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=850>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs3 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs4 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs6 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs7 {border-style: none; border: none; width: 357px; height: 350px; float: none;}
+p.whs8 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nChanging node description");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1"><span style="font-family: 'Times New Roman', serif;">Changing 
+ node description</span></h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3"> <span style="font-family: 'Times New Roman', serif;">This 
+ option is available only if your graph is modifiable. Otherwise you'll 
+ be able only to view the description of the node.</span></p>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To change or just view the description of a node:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Right-click on the <span style="font-weight: bold;"><B>Title</B></span> 
+ part of the node and from the pop-up menu choose <span style="font-weight: bold;"><B>Change 
+ Informations</B></span>&nbsp;option. The following dialog box will appear 
+ where you can edit the name<span style="font-weight: bold;"> <B></B></span>of 
+ your node, enter the name of the author and additional comments concerning 
+ your graph, set the name of the container :</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/nodedescription.jpg" x-maintain-ratio="TRUE" width="357px" height="350px" border="0" class="img_whs7"></p>
+
+<p align="center" class="whs8">&nbsp;</p>
+
+<p class="whs4">To confirm the changes in this dialog box 
+ click &nbsp;<span style="font-weight: bold;"><B>OK</B></span>.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/changing_view_mode.htm b/doc/salome/gui/SUPERV/files/changing_view_mode.htm
new file mode 100755
index 0000000..7303fdf
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/changing_view_mode.htm
@@ -0,0 +1,230 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Changing view mode</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=1824>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; color: #ff0000; font-style: italic;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+p.whs6 {font-family: 'Times New Roman', serif; margin-left: 80px;}
+p.whs7 {font-family: 'Times New Roman', serif; margin-left: 80px; font-weight: bold;}
+p.whs8 {font-family: 'Times New Roman', serif; font-weight: bold; margin-left: 0px;}
+p.whs9 {font-family: 'Times New Roman', serif; font-weight: bold; margin-left: 40px;}
+p.whs10 {font-family: 'Times New Roman', serif; font-weight: bold; margin-left: 80px;}
+p.whs11 {font-family: 'Times New Roman', serif; margin-left: 40px;}
+img_whs12 {border-style: none; border: none; width: 550px; height: 333px; float: none;}
+img_whs13 {border-style: none; border: none; width: 550px; height: 335px; float: none;}
+p.whs14 {font-family:'Times New Roman' , serif; margin-left:0px; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs15 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+img_whs16 {border-style: none; border: none; width: 550px; height: 336px; float: none;}
+p.whs17 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs8 {margin-left:1; }";
+  strNSS += "p.whs14 {margin-left:1; }";
+  strNSS += "p.whs17 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nChanging view mode");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Changing view mode</h1>
+
+<p class="whs2"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"></font></span>In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ there are several modes of representation of the whole graph, as well 
+ as of each node of this graph.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To change view mode of a definite node:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Right-click on the <span style="font-weight: bold;"><B>Title</B></span> 
+ part of this node and from the associated pop-up menu choose <span style="font-weight: bold;"><B>Show 
+ &gt;</B></span></p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs7">- Comments <span style="font-weight: normal;">check 
+ box - shows/hides description part of the node.</span></p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">- Ports<span style="font-weight: normal;"> 
+ check box -shows/hides all ports of the node.</span></p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class=TODO>To change view mode of the whole graph:</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs9"><span style="font-weight: normal;">Right-click 
+ on the background of the SUPERVISION viewer window containing your graph 
+ and from the pop-up menu choose </span>&nbsp;View 
+ &gt; </p>
+
+<p class="whs9">&nbsp;</p>
+
+<p class="whs10">- Full <span style="font-weight: normal;">mode 
+ (normal mode of graph representation):</span></p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs11"><img src="../pics/full.jpg" x-maintain-ratio="TRUE" width="550px" height="333px" border="0" class="img_whs12"></p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs6">- 
+ <span style="font-weight: bold;"><B>Control </B></span>mode (the nodes of the 
+ graph are displayed without descriptions and ports):</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs11"><img src="../pics/control.jpg" x-maintain-ratio="TRUE" width="550px" height="335px" border="0" class="img_whs13"></p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs14"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs15">Having applied this mode of graph representation, you can 
+ change the view mode of each particular node using the above-mentioned 
+ method.</p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs6">- 
+ <span style="font-weight: bold;"><B>Table</B></span> mode (the nodes of the graph 
+ are displayed without ports and they are ranged into a table according 
+ the threads of dataflow):</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs11"><img src="../pics/tablemode.jpg" x-maintain-ratio="TRUE" width="550px" height="336px" border="0" class="img_whs16"></p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs17">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Creating a new graph','creating_a_new_graph.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs17">&nbsp;</p>
+
+<p class="whs17">&nbsp;</p>
+
+<p class="whs17">&nbsp;</p>
+
+<p class="whs17">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/computation_nodes.htm b/doc/salome/gui/SUPERV/files/computation_nodes.htm
new file mode 100755
index 0000000..d619f68
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/computation_nodes.htm
@@ -0,0 +1,180 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Computation nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=935>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+img_whs2 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs3 {font-family: 'Times New Roman', serif;}
+img_whs4 {border-style: none; border: none; width: 431px; height: 332px; float: none;}
+ul.whs5 {list-style: disc;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nComputation nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Computation nodes</h1>
+
+<p><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs2">This node represents a computation algorithm in the graph 
+ structure. Nodes of such type can present a service registered in the 
+ Component Catalog (<span style="font-weight: bold;"><B>Factory Node</B></span>) 
+ or an external service defined in Python script by user (<span style="font-weight: bold;"><B>InLine 
+ node</B></span>). Python function of InLine node can be edited in Supervision 
+ Graph edit mode.</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../comp1.jpg" x-maintain-ratio="TRUE" width="431px" height="332px" border="0" class="img_whs4"></p>
+
+<p class="whs3">&nbsp;Computation 
+ nodes have the following attributes:</p>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs5">
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Title</B></span> is the title of the node. By default 
+ the name of the service is used, but user can change it.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Description of the service</B></span> - provides 
+ a brief description of the service used in this node: the name of the 
+ used service, the name of the component, which exports the used service</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Status of execution</B></span> – this string indicates 
+ the current status of the node. Could be one of the following: Running, 
+ Suspended, Finished, Killed, Waiting, or Aborted.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Time of execution </B></span>is a time of node 
+ execution in a launched dataflow.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>InGate/OutGate</B></span> – control ports of the 
+ node execution. The nodes with connected gates will execute consequently.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Input / Output ports</B></span> – ports 
+ for input and output parameters. If Input or Output port has a predefined 
+ value (constant) then this value will be shown and port will be highlighted 
+ by rectangle. Node can have as many Input and Output ports as it is necessary 
+ for the user.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/controlling_execution_of_the_graphs.htm b/doc/salome/gui/SUPERV/files/controlling_execution_of_the_graphs.htm
new file mode 100755
index 0000000..3cdd730
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/controlling_execution_of_the_graphs.htm
@@ -0,0 +1,194 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Controlling execution of the graphs</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=573>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif; font-style: normal; color: #000000;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; font-style: normal;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px;}
+p.whs6 {font-family:'Times New Roman' , serif; font-weight:bold; margin-left:0px; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs7 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs8 {font-family: 'Times New Roman', serif; font-weight: bold; margin-left: 0px;}
+p.whs9 {font-family: 'Times New Roman', serif; margin-left: 0px; font-weight: normal;}
+p.whs10 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs6 {margin-left:1; }";
+  strNSS += "p.whs8 {margin-left:1; }";
+  strNSS += "p.whs9 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nControlling execution of the graph");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Controlling execution 
+ of the graphs</h1>
+
+<p class="whs2"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"></font></span>In SUPERVISION you can interactively control execution 
+ of a graph.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To Suspend/Kill execution of the graph on a definite node:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">1. 
+ Launch execution of your graph.</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5">2. 
+ Right-click on the <span style="font-weight: bold;"><B>Title </B></span>part 
+ of the<span style="font-weight: bold;"> <B></B></span>node, which hasn't yet 
+ been executed and from the pop-up select <span style="font-weight: bold;"><B>Suspend/Kill 
+ </B></span>option<span style="font-weight: bold;"><B>.</B></span></p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs7"> <span style="font-weight: normal;">You can't </span>suspend 
+ <span style="font-weight: normal;">execution of a node in</span> Running 
+ <span style="font-weight: normal;">state, only in</span> Waiting <span 
+ style="font-weight: normal;">state.</span></p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs9">If execution of the graph has been suspended 
+ (<span style="font-weight: bold;"><B>NOT</B></span> killed) on a definite node, 
+ it can be resumed.</p>
+
+<p class="whs9">&nbsp;</p>
+
+<p class=TODO>To resume execution of a graph:</p>
+
+<p class="whs9">&nbsp;</p>
+
+<p class="whs10">Right-click on the <span style="font-weight: bold;"><B>Title 
+ </B></span>part of the<span style="font-weight: bold;"> <B></B></span>node, on which 
+ execution of the graph has been suspended &nbsp;and 
+ from the pop-up select <span style="font-weight: bold;"><B>Resume </B></span>option<span 
+ style="font-weight: bold;"><B>.</B></span></p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Running dataflow','running_dataflow.htm','Step-by-Step execution','step-by-step_execution.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/copying_graphs.htm b/doc/salome/gui/SUPERV/files/copying_graphs.htm
new file mode 100755
index 0000000..82dc94b
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/copying_graphs.htm
@@ -0,0 +1,150 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Copying graphs</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=394>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs5 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs6 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nCopying graphs");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Copying graphs</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ there is another mean to get a new window of the SUPERVISION when you 
+ copy an already open graph into a new window. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To copy a graph:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4">Right-click on the background of the SUPERVISION 
+ viewer window containing your graph and from the pop-up menu choose <span 
+ style="font-weight: bold;"><B>Copy Dataflow</B></span>&nbsp;option.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p align="center" class="whs5">&nbsp;</p>
+
+<p class="whs2">A new SUPERVISION window containing a copy 
+ of the graph will be created. </p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/creating_a_new_graph.htm b/doc/salome/gui/SUPERV/files/creating_a_new_graph.htm
new file mode 100755
index 0000000..9314a90
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/creating_a_new_graph.htm
@@ -0,0 +1,169 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Creating a new graph</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=861>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+img_whs3 {border-style: none; width: 30px; height: 30px;}
+p.whs4 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 0px;}
+p.whs5 {text-align: JUSTIFY; font-size: 12pt; margin-left: 40px;}
+img_whs6 {border-style: none; border: none; width: 574px; height: 411px; float: none;}
+p.whs7 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs4 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nCreating a new graph");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Creating a new graph</h1>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To create a new graph:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">Click <img src="../supervisor(eng)_image6.gif" width="30px" height="30px" border="0" class="img_whs3"> icon &nbsp;in 
+ the SUPERVISION toolbar or form the main menu choose <span style="font-weight: bold;"><B>Edit 
+ &gt; New Dataflow</B></span>. After it a new window with SUPERVISION viewer 
+ will be automatically created and you will see the dialog box allowing 
+ to add nodes into your graph. (<a href="adding_nodes.htm">see also: Adding 
+ nodes</a>)</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4">On the following picture you can see an 
+ example of a simple constructed graph containing four linked nodes:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/graphex.jpg" x-maintain-ratio="TRUE" width="574px" height="411px" border="0" class="img_whs6"></p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Adding nodes','adding_nodes.htm','Exporting graphs','exporting_graphs.htm','Importing graphs from file','importing_graphs_from_file.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/deleting_links.htm b/doc/salome/gui/SUPERV/files/deleting_links.htm
new file mode 100755
index 0000000..6bb6cb1
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/deleting_links.htm
@@ -0,0 +1,141 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Deleting links</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs3 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs4 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nLinking nodes\nDeleting links");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Deleting links</h1>
+
+<p class=TODO>To delete a link between two ports:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">Right-click on this link and from the pop-up 
+ menu choose <span style="font-weight: bold;"><B>Delete Link </B></span><span>option.</span></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To delete a link, which you have already begun to construct:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">While creating this link right-click with 
+ your mouse and from the pop-up menu choose <span style="font-weight: bold;"><B>Delete 
+ Link </B></span>option. &nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p align="center" class="whs4">&nbsp;</p>
+
+<p class="whs5">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Linking node ports','adding_links_from_an_output_port.htm','Modifying links','modifying_links.htm','Points in links','points_in_links.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/deleting_nodes.htm b/doc/salome/gui/SUPERV/files/deleting_nodes.htm
new file mode 100755
index 0000000..410e24e
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/deleting_nodes.htm
@@ -0,0 +1,143 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Deleting nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family:'Times New Roman' , serif; font-size:12pt; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs3 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs4 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif;}
+p.whs5 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; margin-left: 40px;}
+p.whs6 {font-size: 12pt; font-family: 'Times New Roman', serif;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nDeleting nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Deleting nodes</h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3"> This action of insertion is possible only if the main graph 
+ is modifiable, not a read-only one. </p>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To delete a node of a graph:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Right-click on the <span style="font-weight: bold;"><B>Title</B></span> 
+ part of the node and select <span style="font-weight: bold;"><B>Delete</B></span> 
+ option</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs6">The 
+ node will be deleted from your graph.</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/directing_dataflow_between_nodes.htm b/doc/salome/gui/SUPERV/files/directing_dataflow_between_nodes.htm
new file mode 100755
index 0000000..0587089
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/directing_dataflow_between_nodes.htm
@@ -0,0 +1,187 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Directing dataflow between nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=561>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+img_whs2 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs3 {font-family: 'Times New Roman', serif;}
+ul.whs4 {list-style: disc;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nDirecting dataflow between nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Directing dataflow between 
+ nodes</h1>
+
+<p><span style="font-weight: bold;"><B><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs2">SUPERVISION</B></span> component 
+ automatically defines for each node two special ports an <span style="font-weight: bold;"><B>Input 
+ Gate</B></span> &nbsp;and 
+ an <span style="font-weight: bold;"><B>Output Gate</B></span>. They are managed 
+ by &nbsp;SUPERVISION 
+ and are not arguments of services of nodes.</p>
+
+<p class="whs3">Sometimes the flow of 
+ data in a graph allow parallel execution of nodes ; but the implementation 
+ of the services of these nodes does not allow parallel execution ( services 
+ which are not thread-safe, internal dependencies, etc… ). These ports 
+ &nbsp;give the 
+ possibility to solve such problems. </p>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs4">
+	
+	<li class=kadov-p><p class="whs3">If 
+ there is no link on a Gate, the Gate is ignored at execution time.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs4">
+	
+	<li class=kadov-p><p class="whs3">The 
+ internal type of these ports are boolean.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs4">
+	
+	<li class=kadov-p><p class="whs3">&nbsp;If 
+ there is a link from an output Gate of a node to an Input Gate, the node 
+ of the input Gate will be executed after the other node.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs4">
+	
+	<li class=kadov-p><p class="whs3">&nbsp;If 
+ an output port of a switch node is connected to an input gate, the node 
+ of the input gate will be executed only if the value of the output port 
+ is “<span style="font-weight: bold;"><B>True</B></span>”.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs4">
+	
+	<li class=kadov-p><p class="whs3">&nbsp;But 
+ an output gate may not be connected with a link to an input port.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/editing_imported_graphs.htm b/doc/salome/gui/SUPERV/files/editing_imported_graphs.htm
new file mode 100755
index 0000000..06d476b
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/editing_imported_graphs.htm
@@ -0,0 +1,135 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Editing imported graphs</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-size: 12pt; margin-left: 40px;}
+img_whs3 {border-style: none; width: 30px; height: 30px;}
+p.whs4 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif;}
+p.whs5 {text-align:JUSTIFY; font-size:12pt; font-family:'Times New Roman' , serif; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs6 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Editing imported graphs</h1>
+
+<p class=TODO>To modify an existing graph: </p>
+
+<p class="whs2">Click <img src="../supervisor(eng)_image13.gif" width="30px" height="30px" border="0" class="img_whs3"> &nbsp;icon 
+ &nbsp;in the 
+ toolbar of &nbsp;<span style="font-weight: bold;"><B>SUPERVISION 
+ </B></span><span>module</span>. </p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">You will see the same 
+ dialog box allowing to find and select a necessary file. After the selection 
+ of a file, a new window containing a graph will appear. </p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs6"> There is no visual difference between <span style="font-weight: bold;"><B>read-only</B></span> 
+ graphs and <span style="font-weight: bold;"><B>modifiable</B></span> graphs. 
+ But the difference can be seen if you click in the main part of the window&nbsp; 
+ to open the pop-up menu: a modifiable graph has a pop-up menu containing 
+ several supplementary items allowing edition of a graph.</p>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/editing_node_function.htm b/doc/salome/gui/SUPERV/files/editing_node_function.htm
new file mode 100755
index 0000000..4527faa
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/editing_node_function.htm
@@ -0,0 +1,161 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Editing node function</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family:'Times New Roman' , serif; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs5 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs6 {font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000;}
+p.whs7 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+p.whs8 {font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 0px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs8 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nEditing node function");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Editing node function</h1>
+
+<p class="whs2"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"></font></span>In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ there is a possibility to edit the service of an already created node. 
+ </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs5">This option applies <span style="font-weight: bold;"><B>ONLY 
+ </B></span>to Inline nodes, not Factory and <span style="font-size: 12pt;"><font size=3 style="font-size:12pt;">is 
+ possible </font></span><span style="font-size: 12pt; font-weight: bold;"><font size=3 style="font-size:12pt;"><B>ONLY</B></font></span><span 
+ style="font-size: 12pt;"><font size=3 style="font-size:12pt;"> if the graph is modifiable, not a read-only 
+ one.</font></span></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To edit node function:</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs7"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;">Right-click 
+ on the </font></span><span style="font-weight: bold;"><B>Title</B></span><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"> 
+ part of the node and select </font></span><span style="font-size: 12pt; font-weight: bold;"><font size=3 style="font-size:12pt;"><B>Edit 
+ function </B></font></span><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;">item.</font></span></p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs8">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm','Creating a new graph','creating_a_new_graph.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/exporting_graphs.htm b/doc/salome/gui/SUPERV/files/exporting_graphs.htm
new file mode 100755
index 0000000..7c583b2
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/exporting_graphs.htm
@@ -0,0 +1,165 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Exporting graphs</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=390>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {text-align: justify;}
+p.whs2 {font-size: 12pt; text-align: justify;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-size: 12pt; font-style: italic; color: #ff0000; text-align: justify;}
+p.whs5 {font-size: 12pt; margin-left: 40px; text-align: justify;}
+img_whs6 {border-style: none; width: 30px; height: 30px;}
+p.whs7 {font-size: 12pt; margin-left: 0px; text-align: justify;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs7 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nExporting graphs");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Exporting graphs</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">The operation 
+ of exportation of a created graph allows to save it as *.&nbsp;xml&nbsp; 
+ file, which can be reloaded in future into the window of &nbsp;SUPERVISION. 
+ </p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class=TODO>To export a graph:</p>
+
+<p class="whs5">1. Click on the window of the graph to 
+ make it current and after it &nbsp;click 
+ <img src="../supervisor(eng)_image15.gif" width="30px" height="30px" border="0" class="img_whs6"> icon &nbsp;in 
+ the toolbar of SUPERVISION component or form the main menu select <span 
+ style="font-weight: bold;"><B>File &gt; Export Dataflow. </B></span>&nbsp;</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5">2. In the standard Search File dialog 
+ box choose the folder for storage of your graph or find and select an 
+ existing file if you want to update it or enter a new file &nbsp;name 
+ for your graph in the field &nbsp;<span style="font-weight: bold;"><B>File 
+ name</B></span>.</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5">3. Click <span style="font-weight: bold;"><B>Save 
+ </B></span>to confirm exportation of the graph.</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Importing graphs from file','importing_graphs_from_file.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/filtering_and_storing_output_messages.htm b/doc/salome/gui/SUPERV/files/filtering_and_storing_output_messages.htm
new file mode 100755
index 0000000..76eb438
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/filtering_and_storing_output_messages.htm
@@ -0,0 +1,153 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Filtering and storing output messages</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=754>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+img_whs2 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs3 {font-family: 'Times New Roman', serif;}
+p.whs4 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+img_whs6 {border-style: none; border: none; width: 499px; height: 419px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs4 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nFiltering and logging output messages");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Filtering and logging 
+ output messages</h1>
+
+<p><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs2"></font></span>In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ you can filter and save in a definite text file all output messages produced 
+ by the component during execution of your graph:</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class=TODO>To set filtering parameters:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Before execution of your graph right-click 
+ on the background of the SUPERVISION viewer window containing your graph 
+ and from the pop-up menu choose <span style="font-weight: bold;"><B>Filter 
+ Notification</B></span> option. The following dialog box will appear:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/filter.jpg" x-maintain-ratio="TRUE" width="499px" height="419px" border="0" class="img_whs6"></p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs4">In 
+ this dialog box you can specify a file, where all output messages will 
+ be put, and choose the type of messages for logging by every node composing 
+ your graph.</p>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/goto_nodes.htm b/doc/salome/gui/SUPERV/files/goto_nodes.htm
new file mode 100755
index 0000000..d7c1038
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/goto_nodes.htm
@@ -0,0 +1,139 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>GOTO nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family:'Times New Roman' , serif; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs5 {border-style: none; border: none; width: 36px; height: 38px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nGOTO nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">GOTO nodes</h1>
+
+<p class="whs2"><span style="font-weight: bold;"><B><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">GOTO </B></span>node represents a simple transmitter of data from 
+ one port into another. This InLine node can be with service or without 
+ it. In the first case the data received by a <span style="font-weight: bold;"><B>GOTO 
+ </B></span>node will be processed by this function and only after that it 
+ will be transferred to another node. <span style="font-weight: bold;"><B>GOTO 
+ </B></span>nodes may have as many Input and Output ports as it's necessary. 
+ &nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs5">But in comparison with a <a href="computation_nodes.htm">Computation 
+ node</a> it can't receive and transfer control flow &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm','Computation nodes','computation_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/importing_graphs_from_file.htm b/doc/salome/gui/SUPERV/files/importing_graphs_from_file.htm
new file mode 100755
index 0000000..dc9a83e
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/importing_graphs_from_file.htm
@@ -0,0 +1,189 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Importing graphs from file</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=625>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif; font-size: 24pt;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+p.whs3 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; font-style: italic; color: #ff0000;}
+p.whs4 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+img_whs5 {border-style: none; width: 30px; height: 30px;}
+p.whs6 {text-align:JUSTIFY; font-family:'Times New Roman' , serif; font-size:12pt; margin-left:0px; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs7 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs8 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 0px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs6 {margin-left:1; }";
+  strNSS += "p.whs8 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nImporting graphs from file");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Importing 
+ graphs from file</h1>
+
+<p class="whs2">In SUPERVISION component 
+ graphs can be saved and stored in *.xml files. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To import a read-only graph from &nbsp;*.xml file:</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs4">1. &nbsp;Click 
+ &nbsp;<img src="../supervisor(eng)_image10.gif" width="30px" height="30px" border="0" class="img_whs5">icon in the SUPERVISION toolbar or from the main menu choose 
+ <span style="font-weight: bold;"><B>File &gt; Import Dataflow.</B></span></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">2. &nbsp;From 
+ the standard <span style="font-weight: bold;"><B>Search File </B></span>dialog 
+ box, select the required file containing your graph and click <span style="font-weight: bold;"><B>OK</B></span> 
+ to import it.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs6"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs7">The graphs imported using this option will be read-only. You 
+ will not be able to edit it: add nodes, modify links between ports, edit 
+ nodes etc. This graphs can be <span style="font-weight: bold;"><B>ONLY</B></span> 
+ &nbsp;initialized 
+ and executed. </p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class=TODO>To import a graph for modification:</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs4">1. &nbsp;Click 
+ &nbsp;<img src="../supervisor(eng)_image13.gif" width="30px" height="30px" border="0" class="img_whs5">icon in the SUPERVISION toolbar or from the main menu choose 
+ <span style="font-weight: bold;"><B>Edit &gt; Modify Dataflow.</B></span></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">2. &nbsp;From 
+ the standard <span style="font-weight: bold;"><B>Search File </B></span>dialog 
+ box, select the required file containing your graph and click <span style="font-weight: bold;"><B>OK</B></span> 
+ to import it.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/inserting_graphs.htm b/doc/salome/gui/SUPERV/files/inserting_graphs.htm
new file mode 100755
index 0000000..fe5983f
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/inserting_graphs.htm
@@ -0,0 +1,145 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Inserting graphs</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs3 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs4 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {font-family:'Times New Roman' , serif; font-size:12pt; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs6 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs7 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nInserting graphs");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Inserting graphs</h1>
+
+<p class=TODO>To insert a graph from *.xml&nbsp; file into another graph:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">1. Right-click on the background of the 
+ SUPERVISION viewer window containing your graph and from the pop-up menu 
+ choose <span style="font-weight: bold;"><B>Insert File</B></span>&nbsp;option.</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">2. In the standard Search File dialog box 
+ choose *.xml containing the graph, you would like to insert &nbsp;and 
+ click <span style="font-weight: bold;"><B>Open.</B></span></p>
+
+<p align="center" class="whs4">&nbsp;</p>
+
+<p class="whs5"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs6"> This action of insertion is possible only if the main graph 
+ is modifiable, not a read-only one. </p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/introduction_to_supervisor.htm b/doc/salome/gui/SUPERV/files/introduction_to_supervisor.htm
new file mode 100755
index 0000000..120e4fc
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/introduction_to_supervisor.htm
@@ -0,0 +1,208 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Introduction to SUPERVISION</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=561>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {text-align: JUSTIFY; text-indent: 48px;}
+p.whs5 {font-size: x-small; font-family: 'Times New Roman', serif;}
+p.whs6 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs5 {font-size:small; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nIntroduction to SUPERVISION");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Introduction to SUPERVISION</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"> <span style="font-weight: bold;"><B>SUPERVISION</B></span> module 
+ of the SALOME platform allows to define and execute a chain of distributed 
+ numeric components, as well as to control the progress of this chain. 
+ </p>
+
+<p class="whs4">In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ module all calculations are executed with the help of <span style="font-weight: bold;"><B>graphs</B></span> 
+ representing a graphical presentation of the chain of operations. Each 
+ graph consists of one or several linked <span style="font-weight: bold;"><B>nodes</B></span>. 
+ Each node represents a graphical presentation of one service (function) 
+ provided by distributed numeric components (<span style="font-weight: bold;"><B>factory 
+ </B></span>nodes) or defined by the user (<span style="font-weight: bold;"><B>inline 
+ </B></span>nodes). &nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs5">&nbsp;<span 
+ style="font-weight: bold; font-size: 12pt;"><font size=3 style="font-size:12pt;"><B>SUPERVISION</B></font></span><span 
+ style="font-size: 12pt;"><font size=3 style="font-size:12pt;"> module in SALOME platform is destined for&nbsp;:</font></span></p>
+
+<p class="whs6">&nbsp;</p>
+
+<ul>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Construction 
+ of graphs linking the solvers </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Loading 
+ solvers into divided containers </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Supervision 
+ and control graph execution </font></span></li>
+	
+	<p class="whs6">&nbsp;</p>
+</ul>
+
+<p class="whs6">&nbsp;<span 
+ style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ module allows to:</p>
+
+<p class="whs6">&nbsp;</p>
+
+<ul>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Edit 
+ graphs in interactive mode</font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Control 
+ graphs in interactive mode</font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Visualize 
+ solver’s activity </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Visualize 
+ execution of graphs with parallel branches </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Direct 
+ data flow </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Publish, 
+ filter and save output messages in a definite file </font></span></li>
+</ul>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Adding nodes','adding_nodes.htm','Creating a new graph','creating_a_new_graph.htm','Running SUPERVISION','running_supervisor.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs6">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/loop_nodes.htm b/doc/salome/gui/SUPERV/files/loop_nodes.htm
new file mode 100755
index 0000000..eb95583
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/loop_nodes.htm
@@ -0,0 +1,351 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Loop nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=2413>
+<meta name=layout-width content=797>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+img_whs2 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs3 {font-family: 'Times New Roman', serif;}
+p.whs4 {font-family: 'Times New Roman', serif; font-style: italic;}
+img_whs5 {border-style: none; border: none; width: 775px; height: 360px; float: none;}
+ul.whs6 {list-style: disc;}
+p.whs7 {font-family:'Times New Roman' , serif; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs8 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+img_whs9 {border-style: none; border: none; width: 404px; height: 297px; float: none;}
+p.whs10 {font-family: 'Courier New', monospace;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nLoop nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Loop nodes</h1>
+
+<p><span style="font-weight: bold;"><B><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs2">Loop node</B></span> is a 
+ kind of Control nodes. In fact two nodes represent Loop: <span style="font-weight: bold;"><B>start 
+ loop</B></span> and <span style="font-weight: bold;"><B>end loop</B></span> nodes. 
+ Nodes of such type are always InLine nodes. User have to supply this type 
+ of node by service, which will check conditions of end of loop. </p>
+
+<p class="whs3"><span style="font-family: 'Times New Roman', serif;">With 
+ that kind of nodes you may define all kinds of loops:</span></p>
+
+<p class="whs4">“for( 
+ initial condition(s) ; end condition(s) ; end loop code )” or </p>
+
+<p class="whs4">“while( 
+ end condition )”</p>
+
+<p class="whs4">etc…</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3"><img src="../loop1.jpg" x-maintain-ratio="TRUE" width="775px" height="360px" border="0" class="img_whs5"></p>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs6">
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Titles of the nodes.</B></span> By default the 
+ name of the service is used. You can change only the name of the Start 
+ Loop node - the name of the End Loop node will be automatically created 
+ as follows: EndOf + &quot;Name of the Start Loop node&quot; .</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Status of execution</B></span> shows the state 
+ of the loop. It can be: <span style="font-weight: bold;"><B>Not Started</B></span>, 
+ <span style="font-weight: bold;"><B>Running</B></span>, <span style="font-weight: bold;"><B>Finished</B></span>.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>InGate/OutGate</B></span> - control ports of the 
+ loop execution. </p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Time of execution </B></span>is a time of node 
+ execution in a launched dataflow.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Input/Output ports</B></span> – are BusPorts, which 
+ are processed by Python function. Input ports of the Start Loop node &nbsp;will 
+ get the initial values, which can be processed by underlying function 
+ and will be transferred inside of the loop. Last calculation node of the 
+ loop will put these values to the input port of the End Loop node. If 
+ loop continues then this value will be copied to the Input port of the 
+ Start Loop node, otherwise into output port of the End Loop node.</p></li>
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>Control loop ports</B></span> – Control ports of 
+ the loop nodes manage the functioning of the loop and they are not accessible 
+ for the user. <span style="font-weight: bold;"><B>InitLoop</B></span> port launches 
+ the loop. <span style="font-weight: bold;"><B>DoLoop</B></span> port of the Start 
+ Loop node checks whether the end loop condition set in <span style="font-weight: bold;"><B>More 
+ </B></span><span>function of the Loop node</span> has been achieved or not. 
+ The value in this ports is of boolean type. It can be 0 or 1. </p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs7"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs8">To create a Loop node you have to define three python functions 
+ which will manage the loop with all input and output arguments (ports) 
+ defined &nbsp;in 
+ the node :</p>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs6">
+	
+	<li class=kadov-p><p class="whs3">&nbsp;<span 
+ style="font-weight: bold;"><B>INIT: </B></span>An 
+ Initialization function which will be executed only when we enter in the 
+ loop for the first time.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs6">
+	
+	<li class=kadov-p><p class="whs3">&nbsp;<span 
+ style="font-weight: bold;"><B>MORE: </B></span>A 
+ “More” function which is executed at each execution of the LoopNode even 
+ for the first time. That function will have to return as first output 
+ argument a boolean before output arguments (ports) defined by the user 
+ in the node. If that function value is true the body of the loop will 
+ automatically be executed. If it is false SUPERVISION component will resume 
+ execution after the end of the loop. That first output argument will not 
+ be represented as an output port and will not be used in the graph.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs6">
+	
+	<li class=kadov-p><p class="whs3"><span 
+ style="font-weight: bold;"><B>NEXT: </B></span>A “Next” function which is executed 
+ each time that SUPERVISION component resume the execution from the end 
+ of the loop to the beginning.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">Setting of these functions 
+ is possible from the standard <span style="font-weight: bold;"><B>Add Node</B></span> 
+ dialog box (<a href="adding_nodes.htm">see also Adding nodes</a>):</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/loopfunctions.jpg" x-maintain-ratio="TRUE" width="404px" height="297px" border="0" class="img_whs9"></p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">Here you can see a simple 
+ example of Python functions set in a Loop node:</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs10">def <span style="font-weight: bold;"><B>Init</B></span>(Index,Min,Max,Incr) 
+ : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;if 
+ Min &lt;= Max : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Index 
+ = Min &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;else 
+ : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Index 
+ = Max &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;return 
+ Index,Min,Max,Incr &nbsp;</p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">def <span style="font-weight: bold;"><B>More</B></span>(Index,Min,Max,Incr) 
+ : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;if 
+ Index &lt; Max : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DoLoop 
+ = 1 &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;else 
+ : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DoLoop 
+ = 0 &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;return 
+ DoLoop,Index,Min,Max,Incr &nbsp;</p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">def <span style="font-weight: bold;"><B>Next</B></span>(Index,Min,Max,Incr) 
+ : &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;Index 
+ = Index + Incr &nbsp;</p>
+
+<p class="whs10">&nbsp;&nbsp;&nbsp;&nbsp;return 
+ Index,Min,Max,Incr</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs7"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs8">Loop nodes have the following particularities:</p>
+
+<p class="whs3">&nbsp;</p>
+
+<ul type="disc" class="whs6">
+	
+	<li class=kadov-p><p class="whs3">You 
+ may create <span style="font-weight: bold;"><B>only input ports</B></span> in 
+ the Loop node.</p></li>
+	
+	<li class=kadov-p><p class="whs3">The 
+ input ports, which have been created in the Start Loop node are automatically 
+ duplicated by SUPERVISION component as output ports of this node.</p></li>
+	
+	<li class=kadov-p><p class="whs3">SUPERVISION 
+ component automatically &nbsp;adds 
+ the same input and output ports in the &nbsp;End 
+ Loop node as in the Start Loop node.</p></li>
+	
+	<li class=kadov-p><p class="whs3">If 
+ an output port of the Start Loop node has no link and if the corresponding 
+ input port of the End Loop node has no link, SUPERVISION component automatically 
+ transmits its value to the corresponding End Loop node during execution. 
+ You shouldn't define such links.</p></li>
+	
+	<li class=kadov-p><p class="whs3">When 
+ SUPERVISION component executes the End Loop node, it automatically transmits 
+ the actual values of &nbsp;the 
+ output ports of the End Loop node to the input ports of the Start Loop 
+ node.</p></li>
+	
+	<li class=kadov-p><p class="whs3">In 
+ the body of a loop, an input port of a calculation node may not be linked 
+ from an output port of a node which is not in the body of a loop. That 
+ output port <span style="font-weight: bold;"><B>must be linked</B></span> to 
+ an input port of the Start Loop node. So its value will be available through 
+ the corresponding output port of the Start Loop node.</p></li>
+</ul>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/modifying_links.htm b/doc/salome/gui/SUPERV/files/modifying_links.htm
new file mode 100755
index 0000000..8fe2a37
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/modifying_links.htm
@@ -0,0 +1,185 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Modifying links</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=587>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000;}
+p.whs5 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; color: #ff0000; margin-left: 40px; font-style: normal;}
+p.whs6 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+p.whs7 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; margin-left: 0px;}
+p.whs8 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; margin-left: 40px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs7 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nLinking nodes\nModifying links");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Modifying links</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In <span 
+ style="font-weight: bold;"><B>SUPERVISION</B></span> you can modify an already 
+ constructed link to make it look better in the structure of the whole 
+ graph.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To modify an already constructed link:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5"><span style="color: #000000;"><font color=black >1. Add a 
+ point to this link (<a href="points_in_links.htm">see also: Points in 
+ links</a>)</font></span></p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6">2. With your mouse drag this point of your 
+ link and move aside the cursor - the whole link will follow the movements 
+ of your mouse.</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs2"><span style="font-weight: bold;"><B>Ortho</B></span> 
+ mode of links construction allows to place points of a link under construction 
+ in random positions in the viewer window - SPERVISION will automatically 
+ place this points in such a way that the broken line will consist of right 
+ angle corners. </p>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To set Ortho mode of link construction:</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs8">While constructing a link from any port 
+ click on the background of the SUPERVISION viewer window and from the 
+ pop-up menu mark <span style="font-weight: bold;"><B>Ortho </B></span>option. 
+ To return back to the normal mode of link construction in the same pop-menu 
+ unmark <span style="font-weight: bold;"><B>Ortho </B></span>option.</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs7">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Deleting links','deleting_links.htm','Linking node ports','adding_links_from_an_output_port.htm','Points in links','points_in_links.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/opening_graphs_referenced_in_the_study.htm b/doc/salome/gui/SUPERV/files/opening_graphs_referenced_in_the_study.htm
new file mode 100755
index 0000000..005059a
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/opening_graphs_referenced_in_the_study.htm
@@ -0,0 +1,157 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Changing graph description</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=746>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs3 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs4 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+p.whs6 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs7 {border-style: none; border: none; width: 339px; height: 322px; float: none;}
+p.whs8 {text-align: CENTER; font-family: 'Times New Roman', serif; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nReferencing graphs  in the study");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Changing graph description</h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3"> <span style="font-family: 'Times New Roman', serif;">This 
+ option is available only if your graph is modifiable. Otherwise you'll 
+ be able only to view the description of the graph.</span></p>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To change or just view the description of your graph:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Right-click on the SUPERVISION viewer window 
+ containing your graph and from the pop-up menu choose <span style="font-weight: bold;"><B>Change 
+ Informations</B></span>&nbsp;option. The following dialog box will appear 
+ where you can change the name<span style="font-weight: bold;"> <B></B></span>of 
+ your graph, enter the name of the author and additional comments concerning 
+ your graph:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/description.jpg" x-maintain-ratio="TRUE" width="339px" height="322px" border="0" class="img_whs7"></p>
+
+<p align="center" class="whs8">&nbsp;</p>
+
+<p class="whs4">To confirm the changes in this dialog box 
+ click &nbsp;<span style="font-weight: bold;"><B>OK</B></span>.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/placing_nodes_in_the_window.htm b/doc/salome/gui/SUPERV/files/placing_nodes_in_the_window.htm
new file mode 100755
index 0000000..970f60a
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/placing_nodes_in_the_window.htm
@@ -0,0 +1,145 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Placing nodes in the window</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif; font-size: 24pt;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nLocating nodes in the window");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Locating 
+ nodes in the window</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In SUPERVISION you can locate 
+ the nodes of your graph in any part of the SUPERVISION viewer window. 
+ </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To replace a node:</p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs5">With your mouse drag this node by its <span 
+ style="font-weight: bold;"><B>Title</B></span> part, relocate it to the required 
+ place in the window and drop it.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs2">This option allows to achieve a better visual 
+ presentation of &nbsp;your 
+ graph.</p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/points_in_links.htm b/doc/salome/gui/SUPERV/files/points_in_links.htm
new file mode 100755
index 0000000..521ecba
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/points_in_links.htm
@@ -0,0 +1,145 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Placing nodes in the window</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif; font-size: 24pt;}
+p.whs2 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs5 {font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nLinking nodes\nPoints in links");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Locating 
+ nodes in the window</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ you can locate the nodes of your graph in any part of the SUPERVISION 
+ viewer. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To replace a node:</p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs5">With your mouse drag this node by its <span 
+ style="font-weight: bold;"><B>Title</B></span> part, relocate it to the required 
+ place in the window and drop it.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs2">This option allows to achieve a better visual 
+ presentation of &nbsp;your 
+ graph.</p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs4">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/referencing_output_values_in_the_study.htm b/doc/salome/gui/SUPERV/files/referencing_output_values_in_the_study.htm
new file mode 100755
index 0000000..62e6773
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/referencing_output_values_in_the_study.htm
@@ -0,0 +1,194 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Referencing output values in the study</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=765>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+p.whs6 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+p.whs7 {font-family:'Times New Roman' , serif; margin-left:0px; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs8 {border-style: none; border: none; width: 35px; height: 37px; float: none;}
+img_whs9 {border-style: none; border: none; width: 265px; height: 160px; float: none;}
+p.whs10 {font-family: 'Times New Roman', serif; margin-left: 0px; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs6 {margin-left:1; }";
+  strNSS += "p.whs7 {margin-left:1; }";
+  strNSS += "p.whs10 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nReferencing output values in the study");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Referencing output values 
+ in the study</h1>
+
+<p class="whs2"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"></font></span>In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ you can reference &nbsp;in 
+ the study all data calculated in the nodes. This option allows to view 
+ and store output values of the graph in the study.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class=TODO>To reference output values in the study:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">Right-click on the required Output port of 
+ the node and from the pop-up menu choose <span style="font-weight: bold;"><B>Put 
+ in Study</B></span> option. Next time you try to call this pop-up menu on 
+ the same port, this option will change into <span style="font-weight: bold;"><B>Not 
+ in Study. </B></span>It allows to remove this reference from the study.</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs7"><img src="../tip1.gif" x-maintain-ratio="TRUE" width="35px" height="37px" border="0" class="img_whs8"> If the value of an Output port has a reference in the study, 
+ this port in the node will get a bold frame. </p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">In 
+ SUPERVISION you can create as many references to output values as it's 
+ necessary. If you haven't yet launched execution of your graph, SUPERVISION 
+ will create in the Object Browser a reference only to your graph (<a href="opening_graphs_referenced_in_the_study.htm">see 
+ also: Referencing graphs &nbsp;in 
+ the study</a>) and store the references to the output parameters in this 
+ folder. After execution of your graph all of them will be displayed in 
+ the Object Browser in the following way:</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6"><img src="../pics/reference.jpg" x-maintain-ratio="TRUE" width="265px" height="160px" border="0" class="img_whs9"></p>
+
+<p class="whs6">In 
+ the column <span style="font-weight: bold;"><B>Value </B></span>of the Object 
+ Browser you'll be able to get the value of the output parameter. &nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs10">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Creating a new graph','creating_a_new_graph.htm','Examiming calculated data','viewing_output_vaues.htm','Referencing graphs in the study','opening_graphs_referenced_in_the_study.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">&nbsp;</p>
+
+<p class="whs10">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/reloading_dataflow.htm b/doc/salome/gui/SUPERV/files/reloading_dataflow.htm
new file mode 100755
index 0000000..9bfd06f
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/reloading_dataflow.htm
@@ -0,0 +1,158 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Reloading dataflow</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=406>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {text-align: justify;}
+p.whs2 {text-align: justify;}
+img_whs3 {border-style: none; border: none; float: none; width: 30px; height: 30px;}
+p.whs4 {margin-left: 40px; text-align: justify;}
+img_whs5 {border-style: none; border: none; width: 25px; height: 27px; float: none;}
+p.whs6 {margin-left: 0px; text-align: justify;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs6 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nReloading dataflow");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Reloading dataflow</h1>
+
+<p class="whs2"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ component graphs can be edited from Python console. All these modifications 
+ are at first automatically registered in SUPERVISION Engine and after 
+ it in the Graphical User Interface (in the SUPERVISION viewer window) 
+ of SUPERVISION component. If some modifications of your graph, made from 
+ Python console, hasn't been realized in GUI, you can manually reload your 
+ graph from SUPERVISION Engine.</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To reload a dataflow:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4">In the SUPERVISION toolbar 
+ click <img src="../pics/reload.jpg" x-maintain-ratio="TRUE" width="25px" height="27px" border="0" class="img_whs5"> icon or from the main menu choose <span style="font-weight: bold;"><B>Supervision 
+ &gt; Reload</B></span> item.</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Creating a new graph','creating_a_new_graph.htm','Importing graphs from file','importing_graphs_from_file.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/renaming_nodes.htm b/doc/salome/gui/SUPERV/files/renaming_nodes.htm
new file mode 100755
index 0000000..a3f6339
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/renaming_nodes.htm
@@ -0,0 +1,148 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Renaming nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=380>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family:'Times New Roman' , serif; font-size:12pt; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs3 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+p.whs4 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif;}
+p.whs5 {text-align: JUSTIFY; font-size: 12pt; font-family: 'Times New Roman', serif; margin-left: 40px;}
+p.whs6 {font-size: 12pt; font-family: 'Times New Roman', serif;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nRenaming nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Renaming nodes</h1>
+
+<p class="whs2"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs3"> This action of insertion is possible only if the main graph 
+ is modifiable, not a read-only one. </p>
+
+<p>&nbsp;</p>
+
+<p class=TODO>To rename a node of a graph:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">1. Right-click on the <span style="font-weight: bold;"><B>Title</B></span> 
+ part of the node and select <span style="font-weight: bold;"><B>Rename</B></span> 
+ option</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">2. In the standard dialog box enter a new 
+ name of your node and click <span style="font-weight: bold;"><B>OK </B></span>button.</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">The 
+ title of your node will change.</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">&nbsp;</p>
+
+<p class="whs6">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm','Creating a new graph','creating_a_new_graph.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/running_dataflow.htm b/doc/salome/gui/SUPERV/files/running_dataflow.htm
new file mode 100755
index 0000000..609d712
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/running_dataflow.htm
@@ -0,0 +1,231 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Running dataflow</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=848>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000;}
+p.whs3 {font-family: 'Times New Roman', serif; margin-left: 40px; color: #000000; font-style: normal;}
+img_whs4 {border-style: none; border: none; width: 26px; height: 25px; float: none;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+p.whs6 {font-family:'Times New Roman' , serif; margin-left:0px; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs7 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+ul.whs8 {list-style: disc;}
+p.whs9 {font-family: 'Times New Roman', serif; margin-left: 40px;}
+p.whs10 {font-family: 'Times New Roman', serif; margin-left: 40px; font-weight: bold;}
+img_whs11 {border-style: none; border: none; width: 28px; height: 25px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs5 {margin-left:1; }";
+  strNSS += "p.whs6 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nRunning dataflow");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Running dataflow</h1>
+
+<p class=TODO>To launch execution of your graph:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">In the <span style="font-weight: bold;"><B>Execution</B></span> 
+ toolbar click <img src="../pics/runicn.jpg" x-maintain-ratio="TRUE" width="26px" height="25px" border="0" class="img_whs4"> icon or from the <span style="font-weight: bold;"><B>Supervision 
+ </B></span>menu choose <span style="font-weight: bold;"><B>&nbsp;Run</B></span>. 
+ </p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs5">Execution 
+ of your graph will be started from the first nodes with input parameters 
+ to the last node with output parameters. In case of graphs with conditional 
+ branches and loops execution of this graph may end on a definite intermediate 
+ node.</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs7">While execution of your graph is running, you can't modify 
+ the structure of your graph, set input parameters etc.</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5">The 
+ main states of the nodes are the following:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<ul type="disc" class="whs8">
+	
+	<li class=kadov-p><p class="whs9"><span 
+ style="font-weight: bold;"><B>No Status</B></span> &nbsp;- 
+ Initial state of the node.</p></li>
+	
+	<li class=kadov-p><p class="whs9"><span 
+ style="font-weight: bold;"><B>Running &nbsp;- 
+ &nbsp;</B></span>This 
+ node is performing operations.</p></li>
+	
+	<li class=kadov-p><p class="whs9"><span 
+ style="font-weight: bold;"><B>Waiting &nbsp;- 
+ &nbsp;</B></span>This 
+ node is waiting for input data from other nodes, which are executing operations 
+ before him.</p></li>
+	
+	<li class=kadov-p><p class="whs9"><span 
+ style="font-weight: bold;"><B>Suspended - &nbsp;</B></span>Execution 
+ of the graph has been suspended on this node. It can be resumed.</p></li>
+	
+	<li class=kadov-p><p class="whs9"><span 
+ style="font-weight: bold;"><B>Finished</B></span> - &nbsp;This 
+ node has performed his operations.</p></li>
+	
+	<li class=kadov-p><p class="whs10">Killed &nbsp;- 
+ &nbsp;<span style="font-weight: normal;">Execution 
+ of the graph has been stopped on this node. It can't resumed. (only restarted) 
+ </span></p></li>
+	
+	<li class=kadov-p><p class="whs10">Aborted &nbsp;- 
+ <span style="font-weight: normal;">This node has performed an illegal 
+ operation. Execution of the whole graph has been killed.</span></p></li>
+</ul>
+
+<p class="whs10">&nbsp;</p>
+
+<p class=TODO>To stop execution of the whole graph:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs3">In the Execution toolbar click <img src="../pics/kill.jpg" x-maintain-ratio="TRUE" width="28px" height="25px" border="0" class="img_whs11"> icon or from the <span style="font-weight: bold;"><B>Supervision 
+ </B></span>menu choose<span style="font-weight: bold;"><B> Kill</B></span>. </p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs5">Execution 
+ of your graph will be stopped on the last operating node. </p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs6"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs7">After the first execution of the graph you can restart it 
+ with new input parameters using the same method. All intermediate data 
+ calculated on the nodes will be automatically updated according a new 
+ dataflow. </p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs5">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Controlling execution of the graphs','controlling_execution_of_the_graphs.htm','Step-by-Step execution','step-by-step_execution.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs5">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/running_supervisor.htm b/doc/salome/gui/SUPERV/files/running_supervisor.htm
new file mode 100755
index 0000000..27444cb
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/running_supervisor.htm
@@ -0,0 +1,147 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Running SUPERVISION</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=786>
+<meta name=layout-width content=636>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {text-align: justify;}
+p.whs2 {font-size: 12pt; text-align: justify;}
+p.whs3 {font-size: 12pt; margin-left: 40px; text-align: justify;}
+img_whs4 {border-style: none; width: 30px; height: 30px;}
+img_whs5 {border-style: none; border: none; width: 574px; height: 411px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nRunning SUPERVISION");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Running SUPERVISION</h1>
+
+<p class=TODO>To start SUPERVISION module:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">1. &nbsp;Launch 
+ SALOME application and create a new study.</p>
+
+<p class="whs3">2. &nbsp;Choose 
+ <span style="font-weight: bold;"><B>Supervision</B></span> item in the choose 
+ box or click <img src="../supervisor(eng)_image4.gif" width="30px" height="30px" border="0" class="img_whs4"> icon, located among other icons at the bottom 
+ of SALOME Desktop window. After it the following window will appear:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../pics/supwind.jpg" x-maintain-ratio="TRUE" width="574px" height="411px" border="0" class="img_whs5"></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">In this window the menus 
+ have been updated according the functionality of SUPERVISION module. All 
+ these actions are available in the form of icons in SUPERVISION toolbar. 
+ </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Introduction to SUPERVISION','introduction_to_supervisor.htm','Usage of SUPERVISION module','usage_of_supervisor_module.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs2">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/setting_input_parameters.htm b/doc/salome/gui/SUPERV/files/setting_input_parameters.htm
new file mode 100755
index 0000000..2292c7e
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/setting_input_parameters.htm
@@ -0,0 +1,187 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Setting input parameters</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=736>
+<meta name=layout-width content=700>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+img_whs6 {border-style: none; border: none; width: 484px; height: 168px; float: none;}
+p.whs7 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+p.whs8 {font-family: 'Times New Roman', serif; margin-left: 40px;}
+p.whs9 {font-family:'Times New Roman' , serif; margin-left:0px; background-image:url(../texture_horiz_ltbluebubbles.jpg); }
+img_whs10 {border-style: none; border: none; width: 35px; height: 37px; float: none;}
+p.whs11 {font-family: 'Times New Roman', serif; margin-left: 0px; font-size: 12pt;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs7 {margin-left:1; }";
+  strNSS += "p.whs9 {margin-left:1; }";
+  strNSS += "p.whs11 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nSetting input parameters");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Setting input parameters</h1>
+
+<p class="whs2"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"></font></span>Input parameters of a graph are set in the Input ports 
+ of the nodes, which are not linked to Output ports of other nodes. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To set input parameters of a graph:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">1. Right-click on the Input ports of the nodes 
+ and from the pop-up menu choose <span style="font-weight: bold;"><B>Set Value</B></span> 
+ option. The following dialog box will appear:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs5"><img src="../pics/setval.jpg" x-maintain-ratio="TRUE" width="484px" height="168px" border="0" class="img_whs6"></p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs7">In 
+ this dialog box you can set a new input value (type of the value is given 
+ in brackets) or use any object referenced in the study (double-click on 
+ this object in the Object Browser) as input parameter &nbsp;for 
+ your Input port.</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs8">2. 
+ To validate your setting click <span style="font-weight: bold;"><B>OK</B></span> 
+ button. </p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs9"><img src="../tip1.gif" x-maintain-ratio="TRUE" width="35px" height="37px" border="0" class="img_whs10"> If the value of an Input port has been set, this port in 
+ the node will get a bold frame. </p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs11">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm','Creating a new graph','creating_a_new_graph.htm','Examiming calculated data','viewing_output_vaues.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs11">&nbsp;</p>
+
+<p class="whs11">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/step-by-step_execution.htm b/doc/salome/gui/SUPERV/files/step-by-step_execution.htm
new file mode 100755
index 0000000..a264203
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/step-by-step_execution.htm
@@ -0,0 +1,169 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Step-by-Step execution</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=483>
+<meta name=layout-width content=614>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+img_whs2 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs3 {font-family: 'Times New Roman', serif;}
+p.whs4 {font-family: 'Times New Roman', serif; font-style: italic; color: #ff0000;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px; color: #000000; font-style: normal;}
+img_whs6 {border-style: none; border: none; width: 25px; height: 27px; float: none;}
+p.whs7 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs7 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nStep-by-Step execution");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Step-by-Step execution</h1>
+
+<p><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs2"></font></span>In <span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ there is an additional option allowing to launch <span style="font-weight: bold;"><B>Step-by-Step</B></span> 
+ execution of your graph. This type of execution is based on the operations 
+ described in the chapter '<a href="controlling_execution_of_the_graphs.htm">Controlling 
+ execution of the graph</a>'. </p>
+
+<p class="whs3">&nbsp;</p>
+
+<p class=TODO>To launch Step-by-Step execution of your graph:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs5">In the Execution toolbar click <img src="../pics/stepbystep.jpg" x-maintain-ratio="TRUE" width="25px" height="27px" border="0" class="img_whs6"> icon or from the main menu choose <span style="font-weight: bold;"><B>Supervision 
+ &gt; Step by Step </B></span>option. </p>
+
+<p class="whs5">&nbsp;</p>
+
+<p class="whs7">As 
+ usual execution of your graph will start from the first node, but on this 
+ node it will be <span style="font-weight: bold;"><B>suspended. </B></span>So 
+ you can choose the next node in your graph where execution will be <span 
+ style="font-weight: bold;"><B>suspended</B></span> again and after it <span style="font-weight: bold;"><B>resume</B></span> 
+ dataflow on the first node. </p>
+
+<p>&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<p>
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','Controlling execution of the graphs','controlling_execution_of_the_graphs.htm','Running dataflow','running_dataflow.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p>&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/switch_nodes.htm b/doc/salome/gui/SUPERV/files/switch_nodes.htm
new file mode 100755
index 0000000..8a5768d
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/switch_nodes.htm
@@ -0,0 +1,277 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Switch nodes</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=1670>
+<meta name=layout-width content=773>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {text-align: justify;}
+p.whs2 {text-align: justify;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-style: italic; text-align: justify;}
+img_whs5 {border-style: none; border: none; width: 751px; height: 332px; float: none;}
+p.whs6 {font-family: 'Courier New', monospace; text-align: justify;}
+p.whs7 {margin-left: 40px; font-family: 'Courier New', monospace; text-align: justify;}
+p.whs8 {margin-left: 80px; font-family: 'Courier New', monospace; text-align: justify;}
+p.whs9 {margin-left: 40px; text-align: justify;}
+p.whs10 {margin-left: 0px; text-align: justify;}
+p.whs11 {background-image:url(../texture_horiz_ltbluebubbles.jpg); text-align:justify; }
+img_whs12 {border-style: none; border: none; float: none; width: 36px; height: 38px;}
+ul.whs13 {list-style: disc;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs10 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nEditing graphs\nNodes in the graph\nSwitch nodes");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Switch nodes</h1>
+
+<p class="whs2"><span style="font-weight: bold;"><B><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3">Switch node</B></span> is a kind of Control node. In fact two 
+ nodes present Switch: start Switch and end Switch. Nodes of such type 
+ are always InLine nodes. You have to supply this type of node by service, 
+ which will perform switching. That's why nodes of such type can have at 
+ least two or more switch ports (Boolean), but only one switch port can 
+ have &quot;True&quot; value at a definite moment of graph execution. With 
+ that kind of node you can define all kinds of tests or switches :</p>
+
+<p class="whs4">“if( condition ) ; 
+ else if( condition ) … ; else” or</p>
+
+<p class="whs4">“switch( variable ) 
+ ; case value …; default”.</p>
+
+<p class="whs4">Etc…</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class="whs2"><img src="../switch.jpg" x-maintain-ratio="TRUE" width="751px" height="332px" border="0" class="img_whs5"></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2"><span style="font-weight: bold;"><B>Titles 
+ of the nodes.</B></span> By default the name of the service is used. You can 
+ change only the name of the Start Switch node - the name of the End Switch 
+ node will be automatically created as follows: EndOf + &quot;Name of the 
+ Start Switch node&quot; .</p>
+
+<p class="whs2"><span style="font-weight: bold;"><B>Status 
+ of execution</B></span> shows state of the loop. It can be: Not Started, Running, 
+ Finished.</p>
+
+<p class="whs2"><span style="font-weight: bold;"><B>InGate/OutGate</B></span> 
+ - control ports of the loop execution. </p>
+
+<p class="whs2"><span style="font-weight: bold;"><B>SwitchPort</B></span> 
+ – ports for control management of the Switch. The values in this ports 
+ are of boolean type and can be 0 or 1. They must be connected to InGate 
+ ports of the correspondent computation nodes.</p>
+
+<p class="whs2"><span style="font-weight: bold;"><B>Input/Output 
+ ports</B></span> – &nbsp;Input 
+ port of the Start Switch node will get the initial value, which can be 
+ processed by underlying Python function and will be transferred inside 
+ of the switch. The last computation node of the switch will put this value 
+ to the input port of the End Switch node. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">The associated Python function will have 
+ all input ports of the Switch node as input arguments. And that function 
+ must return a value for all output ports. A simple example of this Python 
+ function:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs6">def 
+ Switch(x): &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs7">i1=0 &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs7">i2=0 &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs7">i3=0 &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs7">if x&gt;13: &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs8">i1=1 &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs7">elif x==13: &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs8">i2=1 &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs7">else: &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs8">i3=1 &nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs9"><span style="font-family: 'Courier New', monospace;">return 
+ i1,i2,i3</span> </p>
+
+<p class="whs9">&nbsp;&nbsp;&nbsp;</p>
+
+<p class="whs10">In this example <span 
+ style="font-weight: bold;"><B>i1, i2, i3</B></span> parameters of the function 
+ correspond to Switch ports of the node. So, depending on the result of 
+ execution of the initial condition (in our case it's a comparison of the 
+ input parameter with an integer 13), one of the switch ports will get 
+ the value 1. And this port will transmit further dataflow &nbsp;to 
+ the corresponding node. </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs11"><img src="../note1.gif" x-maintain-ratio="TRUE" width="36px" height="38px" border="0" class="img_whs12">Switch nodes have the following particularities:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<ul type="disc" class="whs13">
+	
+	<li class=kadov-p><p class="whs2">You must define at 
+ first boolean output ports which correspond to cases of the switch. They 
+ must be connected to Input Gates of head nodes of each branch of switch. 
+ </p></li>
+	
+	<li class=kadov-p><p class="whs2"><span style="font-family: 'Times New Roman', serif;">A 
+ branch of condition may begin with one or some nodes if there is parallelism 
+ of execution of nodes.</span></p></li>
+	
+	<li class=kadov-p><p class="whs2">During execution 
+ of the Switch there can be <span style="font-weight: bold;"><B>one and only 
+ one</B></span> such boolean output port with a “true” value.</p></li>
+	
+	<li class=kadov-p><p class="whs2">The input ports created 
+ by the user in an End Switch node are automatically duplicated by the 
+ SuperVision component as output ports of the End Switch node. That component 
+ will fill the value of such output ports with the corresponding values 
+ of such input ports at execution time.</p></li>
+	
+	<li class=kadov-p><p class="whs2">Each branch of the 
+ switch must have links to all input ports of the End Switch node.</p></li>
+	
+	<li class=kadov-p><p class="whs2">But at execution 
+ time, there will be only one branch executed.</p></li>
+	
+	<li class=kadov-p><p class="whs2">The end of branch 
+ of a switch may have one or some nodes if there is parallelism of execution 
+ of nodes.</p></li>
+</ul>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Adding nodes','adding_nodes.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/usage_of_supervisor_module.htm b/doc/salome/gui/SUPERV/files/usage_of_supervisor_module.htm
new file mode 100755
index 0000000..f85c0d2
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/usage_of_supervisor_module.htm
@@ -0,0 +1,284 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Usage of SUPERVISION module</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=945>
+<meta name=layout-width content=765>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs3 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt;}
+p.whs4 {font-size: 12pt;}
+p.whs5 {text-align: JUSTIFY; font-family: 'Times New Roman', serif; font-size: 12pt; margin-left: 40px;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nUsage of SUPERVISION module");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">In SUPERVISION you can:</h1>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2">Usage 
+ of &nbsp;<span style="font-weight: bold;"><B>SUPERVISION</B></span> 
+ consists of 3 phases:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<ol>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Construction 
+ and edition of a graph</font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Initialization 
+ of a graph </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Execution 
+ and control the activity of a graph </font></span></li>
+</ol>
+
+<span style="font-family: 'Times New Roman', serif;">&nbsp; </span>
+
+<p class="whs3">&nbsp;</p>
+
+<p class="whs2"><b style="font-weight: bold;"><span 
+ style="font-weight: bold; color: #0000ff;"><font color=blue ><B>STEP</B></font></span><span style="color: #0000ff;"><font color=blue > 
+ 1 :</font></span> </b><span style="font-weight: bold;"><B>Construction and edition 
+ of a graph</B></span></p>
+
+<p class="whs4">Edition of a graph consists of several interactive 
+ actions allowing to obtain this graph. The main actions are the following:</p>
+
+<p class="whs5">&nbsp;</p>
+
+<ul>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Launch 
+ SUPERVISION </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Create 
+ a new graph </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Import 
+ an existing read-only or modifiable graph from a study or a file </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Copy, 
+ export, rename an existing graph </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Insert 
+ an existing graph into another graph </font></span></font></li>
+</ul>
+
+<ul>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Add, 
+ delete, locate, rename nodes </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Add, 
+ delete, modify links connecting nodes</font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Add, 
+ delete, move a point associated to the link</font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Add 
+ particular information (author and comments) about graphs or nodes </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Create 
+ loops and conditional connections </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Browse 
+ the module catalogue</font></span></li>
+</ul>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs2"><b style="font-weight: bold;"><span 
+ style="color: #0000ff;"><font color=blue >STEP 2 :</font></span> Initialization of a graph</b></p>
+
+<p class="whs2">Initialization 
+ of a graph is a procedure consisting of several interactive actions which 
+ allow execution of this graph:</p>
+
+<p class="whs2">&nbsp;</p>
+
+<ul>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Necessary: 
+ set into the Input ports of the graph &nbsp;user-defined 
+ constant values or values from the study </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Optional&nbsp;: 
+ configure the nodes </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Facultative: 
+ put the graph into the study </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Facultative: 
+ indicate output data which will be referred to in the study </font></span></font></li>
+</ul>
+
+<span style="font-family: 'Times New Roman', serif;">&nbsp; </span>
+
+<p class="whs2"><b style="font-weight: bold;"><span 
+ style="color: #0000ff;"><font color=blue >STEP 3 :</font></span> Execution and control the activity 
+ of a graph</b></p>
+
+<span>After initialization of the graph the main actions concerning execution 
+ and control the activity of a graph are the following :</span> 
+
+<br>&nbsp;<br><ul>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Launch 
+ execution of a graph </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Stop 
+ execution of a graph or a node </font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Suspend 
+ or resume execution of a graph or a node</font></span></font></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Control 
+ the activity of the graph using different views </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Filter 
+ the output messages of the solvers </font></span></li>
+	
+	<li class=kadov-p
+		class=kadov-p><font style="font-size: x-small;"
+							size=2><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><font size=3 style="font-size:12pt;">Examine 
+ the data calculated in the ports</font></span><span style="font-family: 'Times New Roman', serif;"> 
+ </span></font></li>
+</ul>
+
+&nbsp; 
+
+<br>&nbsp; 
+ 
+
+<br><a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Controlling execution of the graphs','controlling_execution_of_the_graphs.htm','Creating a new graph','creating_a_new_graph.htm','Introduction to SUPERVISION','introduction_to_supervisor.htm','Running SUPERVISION','running_supervisor.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a><br>&nbsp; 
+ 
+
+<br>&nbsp; 
+ 
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/files/viewing_output_vaues.htm b/doc/salome/gui/SUPERV/files/viewing_output_vaues.htm
new file mode 100755
index 0000000..7b11332
--- /dev/null
+++ b/doc/salome/gui/SUPERV/files/viewing_output_vaues.htm
@@ -0,0 +1,183 @@
+<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
+
+<html>
+
+<!--(==============================================================)-->
+<!--(Document created with RoboEditor. )============================-->
+<!--(==============================================================)-->
+
+<head>
+
+<title>Examiming calculated data</title>
+
+<!--(Meta)==========================================================-->
+
+<meta http-equiv=content-type content="text/html; charset=windows-1252">
+<meta name=generator content="RoboHELP by eHelp Corporation - www.ehelp.com">
+<meta name=generator-major-version content=0.1>
+<meta name=generator-minor-version content=1>
+<meta name=filetype content=kadov>
+<meta name=filetype-version content=1>
+<meta name=page-count content=1>
+<meta name=layout-height content=854>
+<meta name=layout-width content=758>
+
+
+<!--(Links)=========================================================-->
+
+ <link rel='stylesheet' href='../default_ns.css'>
+<script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
+<!--
+if (navigator.appName !="Netscape")
+{   document.write("<link rel='stylesheet' href='../default.css'>");}
+//-->
+</script>
+<style type="text/css">
+<!--
+h1.whs1 {font-family: 'Times New Roman', serif;}
+p.whs2 {font-family: 'Times New Roman', serif;}
+img_whs3 {border-style: none; border: none; width: 30px; height: 30px; float: none;}
+p.whs4 {font-family: 'Times New Roman', serif; margin-left: 40px;}
+p.whs5 {font-family: 'Times New Roman', serif; margin-left: 40px; text-align: center;}
+img_whs6 {border-style: none; border: none; width: 328px; height: 122px; float: none;}
+p.whs7 {font-family: 'Times New Roman', serif; margin-left: 0px;}
+p.whs8 {font-family: 'Times New Roman', serif; margin-left: 40px; font-style: normal; color: #000000;}
+img_whs9 {border-style: none; border: none; width: 696px; height: 202px; float: none;}
+-->
+</style>
+<script type="text/javascript" language="JavaScript">
+<!--
+if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
+{
+  var strNSS = "<style type='text/css'>";
+  strNSS += "p.whs7 {margin-left:1; }";
+  strNSS +="</style>";
+  document.write(strNSS);
+}
+//-->
+</script>
+<script type="text/javascript" language="JavaScript" title="BSSC Special Effects" src="../ehlpdhtm.js"></script><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
+<!--
+function reDo() {
+  if (innerWidth != origWidth || innerHeight != origHeight)
+     location.reload();
+}
+if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
+	origWidth = innerWidth;
+	origHeight = innerHeight;
+	onresize = reDo;
+}
+onerror = null; 
+//-->
+</script>
+<style type="text/css">
+<!--
+  div.WebHelpPopupMenu {position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;}
+-->
+</style>
+<script type="text/javascript" language="javascript1.2" src="../whmsg.js"></script>
+<script type="text/javascript" language="javascript" src="../whver.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whproxy.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whutils.js"></script>
+<script type="text/javascript" language="javascript1.2" src="../whtopic.js"></script>
+</head>
+
+<!--(Body)==========================================================-->
+
+
+<body>
+
+<script type="text/javascript" language="javascript1.2">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	addTocInfo("SUPERVISION module\nInitializing and executing graphs\nExamining calculated data");
+addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");
+
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(1);
+
+	if (window.setRelStartPage)
+	{
+	setRelStartPage("../supervision.html");
+
+		autoSync(0);
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+<h1 class="whs1">Examining calculated 
+ data</h1>
+
+<p class="whs2"><span style="font-size: 12pt;"><font size=3 style="font-size:12pt;"><img src="../i_blue.jpg" x-maintain-ratio="TRUE" width="30px" height="30px" border="0" class="img_whs3"></font></span>All data calculated on the nodes or set as input parameters 
+ for the services is displayed on the corresponding Output or Input ports. 
+ </p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class=TODO>To examine the current value of a definite port: &nbsp;</p>
+
+<p class="whs2">&nbsp;</p>
+
+<p class="whs4">Right-click 
+ on this port and from the pop-up menu choose <span style="font-weight: bold;"><B>Browse 
+ </B></span>option. The following window will appear:</p>
+
+<p class="whs4">&nbsp;</p>
+
+<p align="center" class="whs5"><img src="../pics/browseport.jpg" x-maintain-ratio="TRUE" width="328px" height="122px" border="0" class="img_whs6"></p>
+
+<p class="whs4">&nbsp;</p>
+
+<p class=TODO>To examine all current port values of a definite node:</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs8">Right-click on the Title part of this node 
+ and from the pop-up menu choose <span style="font-weight: bold;"><B>Browse 
+ </B></span>option. The following window will appear:</p>
+
+<p class="whs8">&nbsp;</p>
+
+<p align="center" class="whs5"><img src="../pics/browsenode.jpg" x-maintain-ratio="TRUE" width="696px" height="202px" border="0" class="img_whs9"></p>
+
+<p class="whs8">&nbsp;</p>
+
+<p class="whs7">This 
+ dialog box serves also for setting input parameters of the node.</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">
+<a href="javascript:void(0);" onClick="var e; if (parseInt(navigator.appVersion)>=4){e=event;}  if (parseInt(navigator.appVersion) >=2 && typeof(PopupMenu_Invoke) == 'function') PopupMenu_Invoke(e,'','About nodes','about_nodes.htm','Setting input parameters','setting_input_parameters.htm');return false;" title="Related Topics"><img src="../ss_btn_related_topics.gif" border=0 height=17 width=82 alt="Related Topics"></a></p>
+
+<p class="whs7">&nbsp;</p>
+
+<p class="whs7">&nbsp;</p>
+
+<script type="text/javascript" language="JavaScript" title="WebHelpRelatedTopics"><!--
+if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
+  WritePopupMenuLayer();
+//--></script><script type="text/javascript" language="javascript1.2">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(0);
+//-->
+</script>
+</body>
+
+</html>
diff --git a/doc/salome/gui/SUPERV/i_blue.jpg b/doc/salome/gui/SUPERV/i_blue.jpg
new file mode 100755
index 0000000..ed3acfa
Binary files /dev/null and b/doc/salome/gui/SUPERV/i_blue.jpg differ
diff --git a/doc/salome/gui/SUPERV/image3.gif b/doc/salome/gui/SUPERV/image3.gif
new file mode 100755
index 0000000..6f981c9
Binary files /dev/null and b/doc/salome/gui/SUPERV/image3.gif differ
diff --git a/doc/salome/gui/SUPERV/loop1.jpg b/doc/salome/gui/SUPERV/loop1.jpg
new file mode 100755
index 0000000..5ddd4f2
Binary files /dev/null and b/doc/salome/gui/SUPERV/loop1.jpg differ
diff --git a/doc/salome/gui/SUPERV/note1.gif b/doc/salome/gui/SUPERV/note1.gif
new file mode 100755
index 0000000..b53e21d
Binary files /dev/null and b/doc/salome/gui/SUPERV/note1.gif differ
diff --git a/doc/salome/gui/SUPERV/ss_btn_related_topics.gif b/doc/salome/gui/SUPERV/ss_btn_related_topics.gif
new file mode 100755
index 0000000..5158bc4
Binary files /dev/null and b/doc/salome/gui/SUPERV/ss_btn_related_topics.gif differ
diff --git a/doc/salome/gui/SUPERV/supervision.html b/doc/salome/gui/SUPERV/supervision.html
new file mode 100755
index 0000000..e1f6e02
--- /dev/null
+++ b/doc/salome/gui/SUPERV/supervision.html
@@ -0,0 +1,150 @@
+
+<html>
+<head><script language="javascript">
+<!--
+var sIcon="whstart.ico";
+var sPath=document.location.href;
+if (sPath.indexOf("http")!= -1)
+	document.write("<link REL=\"SHORTCUT ICON\" href=\""+ sIcon +"\">");
+//-->
+</script>
+ <title>SUPERVISION reference manual</title>
+ <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+ <meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+ <meta name "description" content="WebHelp 2002">
+</head>
+<script type="text/javascript" language="javascript" src="whver.js"></script>
+<script type="text/javascript" language="javascript" src="whutils.js"></script>
+<script type="text/javascript" language="javascript" src="whmsg.js"></script>
+<script type="text/javascript" language="javascript" >
+<!--
+if (!window.gbWhVer||!window.gbWhUtil||!window.gbWhMsg)
+	document.location.reload();
+//-->
+</script>
+
+<script type="text/javascript" language="javascript" src="whstub.js"></script>
+<script language="javascript">
+<!--
+var nWebhelpNavPaneMode = 1;			//1: DHTML 2:Applet 3:PureHTML 4:NoframeAt all
+var strPaneDHTML  = "whskin_pdhtml.htm";		//whd_nvp10.htm  if tab enabled, whnframe.htm if tab disabled.
+var strPaneApplet = "whskin_papplet.htm";
+var strPaneList   = "whskin_plist.htm";
+var bNoApplet  = false;
+
+var strPane = "";
+
+var nViewFrameType = nWebhelpNavPaneMode;
+
+if (!window.gAgent)
+{
+	// low end browser, we don't even try to determine it.
+	document.location = "whnjs.htm";
+}
+else
+{
+	if (!gbNav4 && !gbIE4)				
+		document.location = "whnjs.htm";
+	if (gbNav4 && !gbNav6 && ((gnVerMinor <= 4.06)))
+		document.location = "whnjs.htm";
+	if (gbMac && gbIE4 && !gbIE5)		
+		document.location = "whnjs.htm";
+	//figure out which mode is the best
+	if ((nWebhelpNavPaneMode == 1) ||
+		(nWebhelpNavPaneMode == 2))
+	{
+		var gbDHTML = (nWebhelpNavPaneMode == 1);
+		if (nWebhelpNavPaneMode == 2)								nViewFrameType = 2;
+		if (gbNav4) 												nViewFrameType = 2;
+		if (gbNav4 && (gnVerMinor < 4.1))							nViewFrameType = 3;
+		if (gbNav4 && (gnVerMinor == 4.6))							nViewFrameType = 3;
+		if (gbIE4 && gbDHTML)										nViewFrameType = 1;
+		if (gbIE4 && gbSunOS && nWebhelpNavPaneMode == 2)			nViewFrameType = 3;
+		if (gbNav6 && gbDHTML)										nViewFrameType = 1;
+		if (gbNav6 && !gbNav61 && nWebhelpNavPaneMode == 2)			nViewFrameType = 3;
+		if (gbMac)													nViewFrameType = 3;
+		if ((bNoApplet) && (nViewFrameType == 2)) 					nViewFrameType = 3;
+		if (gbOpera)												nViewFrameType = 3;
+	}
+}
+
+var gbWindows = ((gAgent.indexOf("win") != -1) || (gAgent.indexOf("16bit") != -1));
+//The colordepth of the 16 color on Windows is 1. 
+if ((gbWindows) && (gbNav4) && (window.screen) && (window.screen.colorDepth <= 4))
+{
+   alert("WebHelp has detected that your display is set to 16 colors. For full WebHelp support, please set your display to use 256 or more colors.");
+   nViewFrameType = 3;
+}
+
+//figure out which one is navpane
+// ReplaceMark:nViewFrameType = 1
+if (nViewFrameType == 1)
+{
+	if (gbNav4 && !gbNav6)
+		strPane = strPaneList;
+	else
+		strPane = strPaneDHTML;
+}
+else if (nViewFrameType == 2)
+	strPane = strPaneApplet;
+else
+	strPane = strPaneList;
+//-->
+</script>
+<script type="text/javascript" language="javascript" src="whstart.js"></script>
+<script type="text/javascript" language="javascript">
+<!--
+if (!gbIE4 && !gbNav4)
+	document.location = "whnjs.htm";
+
+function CMRAgent( strID, strURL, strLabel, strFrameAttr )
+{
+  this.m_strID = strID;
+  this.m_strURL = strURL;
+  this.m_strLabel = strLabel;
+  this.m_strFrameAttr = strFrameAttr;
+}
+
+function CMRServer()
+{
+  this.m_strVersion;
+  this.m_strDefAgent;
+  this.m_strAgentList;
+  this.m_bTrial;
+  this.m_bExpired;
+  this.m_bSinglePane;
+  this.m_strProduct;
+  this.m_strWindow;
+  this.m_strProject;
+  this.m_strContextID;
+  this.m_strCaption; 
+  this.m_strURLSkinFile;
+  this.m_strURLResource;
+  this.m_strURLLogoImg;
+  this.m_strURLTopic;
+  this.m_strURLBase;
+  this.m_bShowSync;
+  this.m_bShowBrowseSequences;
+  this.m_bShowSearchInput;
+  this.m_cAgents = new Array;
+}
+var cMRServer = new CMRServer;
+// GetServerInfo
+// Registry the agent array handled by webhelp
+// ReplaceMark:MRServer.strServerData
+//-->
+</script>
+
+<script type="text/javascript" language="javascript">
+<!--
+var strHTML = "<frameset rows=\"32,*\" hostof=\"parent:toolbar!startpage:yes\" frameborder=\"no\" border=\"0\"><frame src=\"whskin_tbars.htm\" id=\"toolbar\" frameborder=\"no\" border=\"0\" scrolling=\"no\" noresize marginheight=\"0\" marginwidth=\"0\" title=\"Toolbar\"></frame><frame src=\"whskin_frmset01.htm\"  frameborder=\"yes\" border=\"1\" scrolling=\"auto\" marginheight=\"0\" marginwidth=\"0\"></frame></frameset>";
+document.write(strHTML);
+//-->
+</script>
+
+<frameset cols="100%,*" frameborder=no border=0>
+  <frame src="whnjs.htm">
+  <frame src="whskin_blank.htm" noresize>
+</frameset>
+
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/supervision_csh.html b/doc/salome/gui/SUPERV/supervision_csh.html
new file mode 100755
index 0000000..e1fb127
--- /dev/null
+++ b/doc/salome/gui/SUPERV/supervision_csh.html
@@ -0,0 +1,100 @@
+<html>
+<head>
+<title>SUPERVISION reference manual</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<script language="javascript" src="whutils.js"></script>
+<script language="javascript">
+<!--
+var gCSHFileName   = "whc_data.htm";
+var gCSHSuffixName1 = "_csh.html";
+var gCSHSuffixName2 = "_csh.htm";
+//-->
+</script>
+<script language="javascript">
+<!--
+gCSHFileName="cshdat_webhelp.htm";
+//-->
+</script>
+<script language="javascript">
+<!--
+var gasProj = new Array();
+gasProj[0] = _getPath(document.location.href);
+var gCurrent = 0;
+
+function addProject(strProj)
+{
+	var len  = gasProj.length;
+	var strPPath = _getFullPath(_getPath(document.location.href), strProj);
+	var bFound = false;
+	for (var i = 0; i < len; i ++)
+	{
+		if (isSamePath(gasProj[i], strPPath))
+		{
+			bFound = true;
+			break;
+		}
+	}
+	if (!bFound)
+		gasProj[len] = strPPath;	
+}
+
+function isSamePath(strPath1, strPath2)
+{
+	return strPath1.toLowerCase() == strPath2.toLowerCase();
+}
+
+function goNext()
+{
+	gCurrent ++;
+	var len = gasProj.length;
+	if (gCurrent >= len)
+		return getHomePage()
+	else
+		frames["csh"].location = gasProj[gCurrent] + gCSHFileName;
+	return "";
+}
+
+function getRelHomePage(strLocation)
+{
+	var strCurPPath = _getPath(strLocation);
+	var strOriPPath = _getPath(getHomePage());
+	var strRelPath = _getRelativeFileName(strOriPPath, strCurPPath);
+	var strURL = getHomePage() + "#" + strRelPath;
+	return strURL;
+}
+
+function getHomePage()
+{
+	var strHomePage;
+	var strTmp = location.toString();
+	var nPos = strTmp.indexOf("#");
+	if (nPos != -1)
+	{
+	   strHomePage = strTmp.substring(0, nPos);
+	}
+	else
+	{
+	   strHomePage = strTmp;
+	}
+	var nPos1 = strHomePage.indexOf(gCSHSuffixName1);
+	var nPos = strHomePage.indexOf(gCSHSuffixName2);
+	if (nPos != -1)
+	{
+	   strHomePage = strHomePage.substring(0,nPos);
+	   if (nPos1 != -1)
+	     strHomePage += ".html";
+	   else
+	     strHomePage += ".htm";
+	}
+	return strHomePage;
+}
+//-->
+</script>
+</head>
+<frameset rows="1,*">
+<frame name="dumb" src="about:blank"></frame>
+<frame name="csh" src="cshdat_webhelp.htm"></frame>		
+</frameset>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/supervision_rhc.html b/doc/salome/gui/SUPERV/supervision_rhc.html
new file mode 100755
index 0000000..322782a
--- /dev/null
+++ b/doc/salome/gui/SUPERV/supervision_rhc.html
@@ -0,0 +1,100 @@
+<html>
+<head>
+<title>SUPERVISION reference manual</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<script language="javascript" src="whutils.js"></script>
+<script language="javascript">
+<!--
+var gCSHFileName   = "whc_data.htm";
+var gCSHSuffixName1 = "_rhc.html";
+var gCSHSuffixName2 = "_rhc.htm";
+//-->
+</script>
+<script language="javascript">
+<!--
+gCSHFileName="cshdat_robohelp.htm";
+//-->
+</script>
+<script language="javascript">
+<!--
+var gasProj = new Array();
+gasProj[0] = _getPath(document.location.href);
+var gCurrent = 0;
+
+function addProject(strProj)
+{
+	var len  = gasProj.length;
+	var strPPath = _getFullPath(_getPath(document.location.href), strProj);
+	var bFound = false;
+	for (var i = 0; i < len; i ++)
+	{
+		if (isSamePath(gasProj[i], strPPath))
+		{
+			bFound = true;
+			break;
+		}
+	}
+	if (!bFound)
+		gasProj[len] = strPPath;	
+}
+
+function isSamePath(strPath1, strPath2)
+{
+	return strPath1.toLowerCase() == strPath2.toLowerCase();
+}
+
+function goNext()
+{
+	gCurrent ++;
+	var len = gasProj.length;
+	if (gCurrent >= len)
+		return getHomePage()
+	else
+		frames["csh"].location = gasProj[gCurrent] + gCSHFileName;
+	return "";
+}
+
+function getRelHomePage(strLocation)
+{
+	var strCurPPath = _getPath(strLocation);
+	var strOriPPath = _getPath(getHomePage());
+	var strRelPath = _getRelativeFileName(strOriPPath, strCurPPath);
+	var strURL = getHomePage() + "#" + strRelPath;
+	return strURL;
+}
+
+function getHomePage()
+{
+	var strHomePage;
+	var strTmp = location.toString();
+	var nPos = strTmp.indexOf("#");
+	if (nPos != -1)
+	{
+	   strHomePage = strTmp.substring(0, nPos);
+	}
+	else
+	{
+	   strHomePage = strTmp;
+	}
+	var nPos1 = strHomePage.indexOf(gCSHSuffixName1);
+	var nPos = strHomePage.indexOf(gCSHSuffixName2);
+	if (nPos != -1)
+	{
+	   strHomePage = strHomePage.substring(0,nPos);
+	   if (nPos1 != -1)
+	     strHomePage += ".html";
+	   else
+	     strHomePage += ".htm";
+	}
+	return strHomePage;
+}
+//-->
+</script>
+</head>
+<frameset rows="1,*">
+<frame name="dumb" src="about:blank"></frame>
+<frame name="csh" src="cshdat_robohelp.htm"></frame>		
+</frameset>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/supervisor(eng)_image10.gif b/doc/salome/gui/SUPERV/supervisor(eng)_image10.gif
new file mode 100755
index 0000000..b1c0299
Binary files /dev/null and b/doc/salome/gui/SUPERV/supervisor(eng)_image10.gif differ
diff --git a/doc/salome/gui/SUPERV/supervisor(eng)_image13.gif b/doc/salome/gui/SUPERV/supervisor(eng)_image13.gif
new file mode 100755
index 0000000..da0edff
Binary files /dev/null and b/doc/salome/gui/SUPERV/supervisor(eng)_image13.gif differ
diff --git a/doc/salome/gui/SUPERV/supervisor(eng)_image15.gif b/doc/salome/gui/SUPERV/supervisor(eng)_image15.gif
new file mode 100755
index 0000000..923a727
Binary files /dev/null and b/doc/salome/gui/SUPERV/supervisor(eng)_image15.gif differ
diff --git a/doc/salome/gui/SUPERV/supervisor(eng)_image4.gif b/doc/salome/gui/SUPERV/supervisor(eng)_image4.gif
new file mode 100755
index 0000000..03f276c
Binary files /dev/null and b/doc/salome/gui/SUPERV/supervisor(eng)_image4.gif differ
diff --git a/doc/salome/gui/SUPERV/supervisor(eng)_image6.gif b/doc/salome/gui/SUPERV/supervisor(eng)_image6.gif
new file mode 100755
index 0000000..0e99c16
Binary files /dev/null and b/doc/salome/gui/SUPERV/supervisor(eng)_image6.gif differ
diff --git a/doc/salome/gui/SUPERV/switch.jpg b/doc/salome/gui/SUPERV/switch.jpg
new file mode 100755
index 0000000..c884dc4
Binary files /dev/null and b/doc/salome/gui/SUPERV/switch.jpg differ
diff --git a/doc/salome/gui/SUPERV/texture_horiz_ltbluebubbles.jpg b/doc/salome/gui/SUPERV/texture_horiz_ltbluebubbles.jpg
new file mode 100755
index 0000000..a10d494
Binary files /dev/null and b/doc/salome/gui/SUPERV/texture_horiz_ltbluebubbles.jpg differ
diff --git a/doc/salome/gui/SUPERV/tip1.gif b/doc/salome/gui/SUPERV/tip1.gif
new file mode 100755
index 0000000..bb74c87
Binary files /dev/null and b/doc/salome/gui/SUPERV/tip1.gif differ
diff --git a/doc/salome/gui/SUPERV/webhelp.cab b/doc/salome/gui/SUPERV/webhelp.cab
new file mode 100755
index 0000000..1458608
Binary files /dev/null and b/doc/salome/gui/SUPERV/webhelp.cab differ
diff --git a/doc/salome/gui/SUPERV/webhelp.jar b/doc/salome/gui/SUPERV/webhelp.jar
new file mode 100755
index 0000000..d985cac
Binary files /dev/null and b/doc/salome/gui/SUPERV/webhelp.jar differ
diff --git a/doc/salome/gui/SUPERV/whestart.ico b/doc/salome/gui/SUPERV/whestart.ico
new file mode 100755
index 0000000..110f183
Binary files /dev/null and b/doc/salome/gui/SUPERV/whestart.ico differ
diff --git a/doc/salome/gui/SUPERV/whfbody.htm b/doc/salome/gui/SUPERV/whfbody.htm
new file mode 100755
index 0000000..300d23b
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whfbody.htm
@@ -0,0 +1,37 @@
+<html>
+<head>
+<title>Search Result</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<base target="bsscright">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whlang.js"></script>
+<script language="javascript1.2" src="whfhost.js"></script>
+<script language="javascript1.2">
+<!--
+if(window.gbWhFHost)
+{
+	setBackgroundcolor("White"); 
+	
+	setFont("Normal", "Tahoma","8pt","Black","Normal","Normal","none");
+	setFont("Error", "Tahoma","8pt","Black","Normal","Normal","none");
+	setFont("Hover", "Tahoma","8pt","Navy","Normal","Normal","underline");
+	setActiveBgColor("Silver");
+	
+	
+	FtsWriteClassStyle();
+}
+else
+	document.location.reload();
+//-->
+</script>
+</head>
+<body topmargin="2" leftmargin="2" marginwidth="0" marginheight="0" bgproperties="fixed" scroll="auto" bgcolor="white">
+</body>
+</html>
+
diff --git a/doc/salome/gui/SUPERV/whfdhtml.htm b/doc/salome/gui/SUPERV/whfdhtml.htm
new file mode 100755
index 0000000..ec6c521
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whfdhtml.htm
@@ -0,0 +1,30 @@
+<html>
+<head>
+<title>Search Frame</TITLE>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script LANGUAGE="javascript1.2">
+<!--
+var gbIndexLayerInit = false;
+var strWrite="";
+if (window.gbWhVer&&window.gbWhProxy&&window.gbWhMsg)
+{
+	if (gbMac)
+		strWrite="<FRAMESET ROWS='45,100%' framespacing=0  frameborder=0>";
+	else
+		strWrite="<FRAMESET ROWS='60,100%' framespacing=0  frameborder=0>";
+	strWrite +="<FRAME SRC='whfform.htm' title='search form frame' name='ftsform' noresize='yes' scrolling='no'>";
+	strWrite +="<FRAME SRC='whfbody.htm' title='search result frame' name='ftsbody' scrolling='yes'>";
+	strWrite +="</FRAMESET>";
+	document.write(strWrite);
+}
+else
+	document.location.reload();
+//-->
+</script>
+</html>
diff --git a/doc/salome/gui/SUPERV/whfform.htm b/doc/salome/gui/SUPERV/whfform.htm
new file mode 100755
index 0000000..e40b10b
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whfform.htm
@@ -0,0 +1,136 @@
+<html>
+<head>
+<title>Search Form</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<style>
+<!--
+body {margin:0;}
+-->
+</style>
+<body bgcolor="#c0c0c0">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whform.js"></script>
+<script language="javascript1.2">
+<!--
+var gstrInput = "";
+function ftsLookup(bCR)
+{
+	if (bCR)
+	{
+		var strInput = document.FtsInputForm.keywordField.value.toUpperCase();
+		if (strInput != "") {
+			var oMsg = new whMessage(WH_MSG_SEARCHFTSKEY, this, 1, strInput);
+			if (!SendMessage(oMsg))
+			{
+				gstrInput = strInput;
+			}
+			else
+				gstrInput = "";
+		}
+
+		if (gbMac) {
+			document.FtsInputForm.keywordField.focus();
+		}
+	}
+	return;
+}
+
+function beforeInit()
+{
+	var oParam = new Object();
+	oParam.sValue = "";
+	var oMsg = new whMessage(WH_MSG_GETSEARCHS, this, 1, oParam);
+	if (SendMessage(oMsg))
+	{
+		if (oParam.sValue != "" && oParam.sValue != "- Search -")
+		{
+			document.FtsInputForm.keywordField.value = oParam.sValue;
+			gfunLookUp(true);
+		}
+	}
+	init();	
+}
+
+function window_unload()
+{
+	UnRegisterListener2(this, WH_MSG_SHOWTOC);
+	UnRegisterListener2(this, WH_MSG_SHOWIDX);
+	UnRegisterListener2(this, WH_MSG_SHOWFTS);
+	UnRegisterListener2(this, WH_MSG_SHOWGLO);
+	UnRegisterListener2(this, WH_MSG_SEARCHTHIS);
+	UnRegisterListener2(this, WH_MSG_BACKUPSEARCH);
+}
+
+function onSendMessage(oMsg)
+{
+	if (oMsg.nMessageId == WH_MSG_SHOWFTS)
+	{
+		document.FtsInputForm.keywordField.focus();
+	}
+	else if (oMsg.nMessageId == WH_MSG_SHOWIDX ||
+		oMsg.nMessageId == WH_MSG_SHOWTOC || 
+		oMsg.nMessageId == WH_MSG_SHOWGLO)
+	{
+		document.FtsInputForm.keywordField.blur();
+	}
+	else if (oMsg.nMessageId == WH_MSG_SEARCHTHIS)
+	{
+		if (oMsg.oParam != "- Search -")
+		{
+			document.FtsInputForm.keywordField.value = oMsg.oParam;
+			gfunLookUp(true);
+		}
+	}
+	else if (oMsg.nMessageId == WH_MSG_BACKUPSEARCH)
+	{
+		if (gstrInput)
+		{
+			oMsg.oParam = gstrInput;
+			gstrInput = "";
+			return false;
+		}
+	}
+	return true;
+}
+
+if (window.gbWhForm)
+{
+	RegisterListener2(this, WH_MSG_SHOWTOC);
+	RegisterListener2(this, WH_MSG_SHOWIDX);
+	RegisterListener2(this, WH_MSG_SHOWFTS);
+	RegisterListener2(this, WH_MSG_SHOWGLO);
+	RegisterListener2(this, WH_MSG_SEARCHTHIS);
+	RegisterListener2(this, WH_MSG_BACKUPSEARCH);
+	gfunLookUp = ftsLookup;
+	gfunInit = null;
+	gstrFormName = "FtsInputForm"
+	gsTitle = "Type in the word(s) to search for:";
+	gsTitle = "Type in the word(s) to search for:";
+	setGoImage1("wht_go.gif");
+	setBackgroundcolor("White");
+	
+	setBtnType("image");
+	
+	
+	
+	setGoText("Go");
+	setFont("Title", "Tahoma","8pt","Navy","Normal","Normal","none");
+	
+	
+	document.write(getFormHTML());
+	writeFormStyle();
+	window.onload = beforeInit;
+	window.onunload=window_unload;
+}
+else
+	document.location.reload();
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whfhost.js b/doc/salome/gui/SUPERV/whfhost.js
new file mode 100755
index 0000000..a30564d
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whfhost.js
@@ -0,0 +1,916 @@
+var gsSK2=null;
+var gsSK=null;
+var gsFtsBreakChars="\t\r\n\"\\ .,!@#$%^&*()~'`:;<>?/{}[]|+-=\x85\x92\x93\x94\x95\x96\x97\x99\xA9\xAE\xB7";
+var gnCLF=0;
+var gsHelpCannotSearch="Cannot search for that phrase.";
+var gsNoTopics="No Topics Found.";
+var gsLoadingDivID="LoadingDiv";
+var gsLoadingMsg="Loading data, please wait...";
+var gsSearchMsg="Searching...";
+var gsResultDivID="ResultDiv";
+var gaaFCD=new Array();
+var gaaFTCD=new Array();
+var goCF=null;
+var goCTF=null;
+var gaTI=null;
+var gnCurrentOp=0;
+var gbNot=false;
+var gbReady=false;
+var gnLoadFts=1;
+var gnCacheLimits=5;
+var gaCCD=new Array();
+var gbXML=false;
+var gaData=new Array();
+var gsBgColor="#ffffff";
+var gsBgImage="";
+var gsMargin="0pt";
+var gsIndent="0pt";
+var gsCheckKey=null;
+var gnIndexNum=0;
+var gaFtsContentsCon=null;
+var gaTopicCheckInfo=null;
+var gnTopicCheck=0;
+var goFont=null;
+var goErrFont=null;
+var goHoverFont=null;
+var gsABgColor="#cccccc";
+var gbWhFHost=false;
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
+{
+	var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+	if(sType=="Normal")
+		goFont=vFont;
+	else if(sType=="Error")
+		goErrFont=vFont;
+	else if(sType=="Hover")
+		goHoverFont=vFont;
+}
+
+function setActiveBgColor(sBgColor)
+{
+	gsABgColor=sBgColor;
+}
+
+function setMargin(sMargin)
+{
+	gsMargin=sMargin;
+}
+
+function setIndent(sIndent)
+{
+	gsIndent=sIndent;
+}
+
+function updateCache(oCF)
+{
+	var len=gaCCD.length;
+	if(len<gnCacheLimits*gnCLF)
+		gaCCD[len]=oCF;
+	else{
+		gaCCD[0].aTopics=null;
+		gaCCD[0].aFtsKeys=null;
+		removeItemFromArray(gaCCD,0);
+		gaCCD[len-1]=oCF;
+	}
+}
+
+function addFtsInfo(sPPath,sDPath,sFtsFile)
+{
+	gaData[gaData.length]=new ftsInfo(sPPath,sDPath,sFtsFile);
+}
+
+function putDataXML(xmlDoc,sDocPath)
+{
+	if(gnLoadFts==1)
+	{
+		var node=xmlDoc.lastChild;
+		if(node)
+		{
+			var oChild=node.firstChild;
+			var aFCD=new Array();
+			var aFTCD=new Array();
+			while(oChild)
+			{
+				if(oChild.nodeName=="chunkinfo")
+				{
+					var sURL=oChild.getAttribute("url");
+					var sFirst=oChild.getAttribute("first");
+					var sLast=oChild.getAttribute("last");
+					if(sURL&&sFirst&&sLast)
+					{
+						item=new Object();
+						item.sStartKey=sFirst;
+						item.sEndKey=sLast;
+						item.sFileName=sURL;
+						aFCD[aFCD.length]=item;
+					}
+				}
+				else if(oChild.nodeName=="tchunkinfo")
+				{
+					var sURL=oChild.getAttribute("url");
+					var nB=parseInt(oChild.getAttribute("first"));
+					var nE=parseInt(oChild.getAttribute("last"));
+					if(sURL&&sFirst&&sLast)
+					{
+						item=new Object();
+						item.nBegin=nB;
+						item.nEnd=nE;
+						item.sFileName=sURL;
+						aFTCD[aFTCD.length]=item;
+					}
+
+				}
+				oChild=oChild.nextSibling;
+			}
+			ftsReady(aFCD,aFTCD);
+		}
+	}
+	else if(gnLoadFts==3)
+	{
+		var node=xmlDoc.lastChild;
+		if(node)
+		{
+			var oChild=node.firstChild;
+			var aTopics=new Array();
+			while(oChild)
+			{
+				if(oChild.nodeName=="topic")
+				{
+					var name=oChild.getAttribute("name");
+					var sURL=oChild.getAttribute("url");
+					if(name&&name.length>0&&sURL)
+					{
+						var topic=new Object();
+						topic.sTopicTitle=name;
+						topic.sTopicURL=sURL;
+						aTopics[aTopics.length]=topic;
+					}
+				}
+				oChild=oChild.nextSibling;
+			}
+			putFtsTData(aTopics);
+		}
+	}
+	else if(gnLoadFts==2)
+	{
+		var node=xmlDoc.lastChild;
+		if(node)
+		{
+			var oChild=node.firstChild;
+			var aFtsContents=new Array();
+			while(oChild)
+			{
+				if(oChild.nodeName=="key")
+				{
+					var name=oChild.getAttribute("name");
+					if(name&&name.length>0)
+					{
+						var item=new Object();
+						item.sItemName=name;
+						aFtsContents[aFtsContents.length]=item;
+						var oChildChild=oChild.firstChild;
+						while(oChildChild)
+						{
+							if(oChildChild.nodeName=="#text")
+							{
+								var sIDs=oChildChild.nodeValue;
+								if(sIDs)
+								{
+									var nBPos=0;
+									do
+									{
+										var nPos=sIDs.indexOf(",",nBPos);
+										var sID=null;
+										if(nPos!=-1)
+											sID=sIDs.substring(nBPos,nPos);
+										else
+											sID=sIDs.substring(nBPos);
+
+										if(sID)
+										{
+											var id=parseInt(sID);
+											if(!isNaN(id))
+											{
+												if(!item.aTopics)
+													item.aTopics=new Array();
+												item.aTopics[item.aTopics.length]=id;
+											}
+										}
+										nBPos=nPos+1;
+									}while(nBPos!=0&&nBPos<sIDs.length);
+								}
+							}
+							oChildChild=oChildChild.nextSibling;
+						}
+					}
+				}
+				oChild=oChild.nextSibling;
+			}
+			putFtsWData(aFtsContents);
+		}
+	}
+}
+
+function ftsInfo(sPPath,sDPath,sFtsFile)
+{
+	this.sPPath=sPPath;
+	this.sDPath=sDPath;
+	this.sFtsFile=sFtsFile;
+}
+
+function window_OnLoad()
+{
+	if(gsBgImage&&gsBgImage.length>0)
+	{
+		document.body.background=gsBgImage;
+	}
+	if(gsBgColor&&gsBgColor.length>0)
+	{
+		document.body.bgColor=gsBgColor;
+	}
+	writeResultDiv();
+	loadFts();
+	var oMsg=new whMessage(WH_MSG_SHOWFTS,this,1,null)
+	SendMessage(oMsg);
+}
+
+function writeResultDiv()
+{
+	var sHTML="<div id=\""+gsResultDivID+"\" style=\"POSITION:absolute;\"></div>";
+	document.body.insertAdjacentHTML("beforeEnd",sHTML);
+}
+
+function loadFts()
+{
+	if(!gbReady)
+	{
+		var oResMsg=new whMessage(WH_MSG_GETPROJINFO,this,1,null);
+		if(SendMessage(oResMsg)&&oResMsg.oParam)
+		{
+			gbReady=true;
+			var oProj=oResMsg.oParam;
+			var aProj=oProj.aProj;
+			gbXML=oProj.bXML;
+			if(aProj.length>0)
+			{
+				var sLangId=aProj[0].sLangId;
+				for(var i=0;i<aProj.length;i++)
+				{
+					if(aProj[i].sFts!=null&&aProj[i].sFts!=""&&aProj[i].sLangId==sLangId)
+					{
+						addFtsInfo(aProj[i].sPPath,aProj[i].sDPath,aProj[i].sFts);
+					}
+				}
+			}
+			loadFD();
+
+		}				
+	}
+}
+
+function loadFD()
+{
+	if(gnCLF<gaData.length)
+	{
+		gnLoadFts=1;
+		loadData2(gaData[gnCLF].sPPath+gaData[gnCLF].sDPath+gaData[gnCLF].sFtsFile);
+	}
+	else 
+	{
+		var oMsg = new whMessage(WH_MSG_BACKUPSEARCH, this, 1, null);
+		if (SendMessage(oMsg))
+		{
+			if (oMsg.oParam)
+			{
+				gsSK=oMsg.oParam.toLowerCase();
+				findFTSKey();
+			}
+		}
+		RegisterListener2(this, WH_MSG_SEARCHFTSKEY);
+	}
+}
+
+function loadData2(sFile)
+{
+	if(gbXML)
+		loadDataXML(sFile);
+	else
+		loadData(sFile);
+}
+
+function findFTSKey()
+{
+	gaTI=new Array();
+	gnCurrentOp=0;
+	gbNot=false;
+	displayMsg(gsSearchMsg);
+	if(gsSK!="")
+		findOneKey();
+}
+
+function findOneKey()
+{
+	if(gsSK && gsSK!="")
+	{
+		var sInput=gsSK;
+		var sCW="";
+		var nS=-1;
+		var nSep=-1;
+		for(var nChar=0;nChar<gsFtsBreakChars.length;nChar++){
+			var nFound=sInput.indexOf(gsFtsBreakChars.charAt(nChar));
+			if((nFound!=-1)&&((nS==-1)||(nFound<nS))){
+				nS=nFound;
+				nSep=nChar;
+			}
+		}
+		if(nS==-1){
+			sCW=sInput;
+			sInput="";
+		}else{
+			sCW=sInput.substring(0,nS);
+			sInput=sInput.substring(nS+1);
+		}
+
+		gsSK=sInput;
+		
+		if((sCW=="or")||((nSep>=0)&&(gsFtsBreakChars.charAt(nSep)=="|"))){
+			gnCurrentOp=0;
+			gbNot=false;
+		}else if((sCW=="and")||((nSep>=0)&&(gsFtsBreakChars.charAt(nSep)=="&"))){
+			gnCurrentOp=1;
+			gbNot=false;
+		}else if((sCW=="not")||
+			((nSep>=0)&&(gsFtsBreakChars.charAt(nSep)=="~"))){
+			gbNot=!gbNot;
+		}else if(sCW!=""&&!IsStopWord(sCW,gaFtsStop)){
+			var sCurrentStem=GetStem(sCW);
+			gsCW=sCurrentStem;
+			ftsFindKeyword();
+			return;
+		}
+		findOneKey();
+		return;
+	}
+	else{
+		displayTopics();
+		checkAgain();
+	}
+}
+
+function checkAgain()
+{
+	gsSK=gsSK2;
+	gsSK2=null;
+	if(gsSK!=null)
+		setTimeout("findFTSKey();",1);
+}
+
+function displayTopics()
+{
+	var sHTML="";
+	var sLine="";
+	for(var i=0;i<gaTI.length;i++){
+		sLine+="<dt><nobr><a href='"+_textToHtml(gaTI[i].sTopicURL)+"'>"+_textToHtml(gaTI[i].sTopicTitle)+"</a></nobr></dt>";
+		if(i>>4<<4==i)
+		{
+			sHTML+=sLine;
+			sLine="";
+		}
+	}
+	if(sLine.length>0)
+		sHTML+=sLine;
+
+	if(sHTML.length==0)
+		sHTML="<P>"+gsNoTopics+"</P>"
+	else
+		sHTML="<dl>"+sHTML+"</dl>";
+
+	var resultDiv=getElement(gsResultDivID);
+	if(resultDiv)
+		resultDiv.innerHTML=sHTML;
+}
+
+function displayMsg(sErrorMsg)
+{
+	var sHTML="<P>"+sErrorMsg+"</P>";
+
+	var resultDiv=getElement(gsResultDivID);
+	if(resultDiv)
+		resultDiv.innerHTML=sHTML;
+}
+
+function ftsFindKeyword()
+{
+	var sKey=gsCW;
+	var bNeedLoad=false;
+	var aFtsContentsCon=null;
+	var s=0;
+	if(sKey==null) return;
+	if(!gsCheckKey||sKey!=gsCheckKey||gnIndexNum==0)
+	{
+		aFtsContentsCon=new Array();
+		gnCheck=0;
+		gsCheckKey=sKey;
+		gnTopicCheck=0;
+		gaTopicCheckInfo=null;
+	}
+	else{
+		s=gnIndexNum;
+		aFtsContentsCon=gaFtsContentsCon;
+	}
+	for(var i=gnCheck;i<gaaFCD.length;i++)
+	{
+		var oCF=getChunkedFts(i,sKey);
+		if(oCF)
+		{
+			if(!oCF.aFtsKeys&&oCF.sFileName!=null)
+			{
+				bNeedLoad=true;
+				oCF.nProjId=i;
+				goCF=oCF;
+				gnIndexNum=s;
+				gnCheck=i;
+				gaFtsContentsCon=aFtsContentsCon;
+				gnLoadFts=2;
+				beginLoading();
+				loadData2(gaData[i].sPPath+gaData[i].sDPath+oCF.sFileName);
+				break;
+			}
+			else{
+				aFtsContentsCon[s++]=oCF;
+			}
+		}
+	}
+	if(!bNeedLoad)
+	{
+		var aTI=gaTopicCheckInfo;
+		for(var m=gnTopicCheck;m<aFtsContentsCon.length;m++)
+		{
+			var aTIPart=getTopics(aFtsContentsCon[m],sKey);
+			if(aTIPart==null)
+			{
+				gnCheck=gaaFCD.length;
+				gnTopicCheck=m;
+				gaTopicCheckInfo=aTI;
+				gaFtsContentsCon=aFtsContentsCon;
+				return;
+			}
+			if(m==0)
+				aTI=aTIPart;
+			else
+				aTI=mergeTopics(aTI,aTIPart);
+		}
+		if(mergewithPreviousResult(aTI))
+			findOneKey();
+		else
+			checkAgain();
+	}
+}
+
+function mergewithPreviousResult(aTI)
+{
+	if(aTI!=null&&aTI.length!=0)
+	{
+		var nNumTopics=aTI.length;
+		if(gnCurrentOp==0){
+			if(gbNot){
+				displayMsg(gsHelpCannotSearch);
+				return false;
+			}else{
+				var aLS,aSS;
+				if(gaTI.length>=aTI.length)
+				{
+					aLS=gaTI;
+					aSS=aTI;
+				}
+				else
+				{
+					aLS=aTI;
+					aSS=gaTI;
+				}
+				var s=0;
+				for(var i=0;i<aSS.length;i++)
+				{
+					var bAlreadyThere=false;
+					for(var j=s;j<aLS.length;j++)
+					{
+						if(aSS[i].equalTo(aLS[j]))
+						{
+							bAlreadyThere=true;
+							s=j;
+							break;
+						}
+					}
+					if(!bAlreadyThere)
+					{
+						insertTopic(aLS,aSS[i]);
+					}
+				}
+				gaTI=aLS;
+			}
+		}else if(gnCurrentOp==1){
+			if(gbNot){
+				var s=0;
+				for(var i=0;i<aTI.length;i++)
+				{
+					for(var j=s;j<gaTI.length;j++)
+					{
+						if(aTI[i].equalTo(gaTI[j]))
+						{
+							removeItemFromArray(gaTI,j);
+							s=j;
+							break;
+						}
+					}
+				}
+			}else{
+				var s=0;
+				for(var i=0;i<gaTI.length;i++)
+				{
+					var bFound=false;
+					for(var j=s;j<aTI.length;j++)
+					{
+						if(gaTI[i].equalTo(aTI[j]))
+						{
+							bFound=true;
+							s=j;
+						}
+					}
+					if(!bFound)
+					{
+						removeItemFromArray(gaTI,i);
+						i--;
+					}
+				}				
+			}
+		}
+	}else{
+		if((gnCurrentOp==1)&&(!gbNot)){
+			gaTI.length=0;
+		}else if((gnCurrentOp==0)&&(gbNot)){
+			displayMsg(gsHelpCannotSearch);
+			return false;
+		}
+	}
+	return true;
+}
+
+function insertTopic(aTI,oTI)
+{
+	var nB=0;
+	var nE=aTI.length-1;
+	if(nE>=0)
+	{
+		var nM;
+		var bFound=false;
+		do{
+			nM=(nB+nE)>>1;
+			if(compare(aTI[nM].sTopicTitle,oTI.sTopicTitle)>0)
+				nE=nM-1;
+			else if(compare(aTI[nM].sTopicTitle,oTI.sTopicTitle)<0)
+				nB=nM+1;
+			else
+			{
+				bFound=true;
+				break;
+			}
+		}while(nB<=nE);
+		if(bFound)
+			insertItemIntoArray(aTI,nM,oTI);
+		else
+		{
+			if(compare(aTI[nM].sTopicTitle,oTI.sTopicTitle)<0)
+				insertItemIntoArray(aTI,nM+1,oTI);
+			else
+				insertItemIntoArray(aTI,nM,oTI);
+		}
+	}
+	else
+		aTI[0]=oTI;
+}
+
+function mergeTopics(aTI1,aTI2)
+{
+	var i1=0;
+	var i2=0;
+	var len1=aTI1.length;
+	var len2=aTI2.length;
+	var aTopicNew=new Array();
+	var i=0;
+	while(i1<len1||i2<len2)
+	{
+		if(i1<len1&&i2<len2)
+		{
+			if(compare(aTI1[i1].sTopicTitle,aTI2[i2].sTopicTitle)<0)
+				aTopicNew[i++]=aTI1[i1++];
+			else
+				aTopicNew[i++]=aTI2[i2++];
+		}
+		else if(i1<len1)
+			aTopicNew[i++]=aTI1[i1++];
+		else if(i2<len2)
+			aTopicNew[i++]=aTI2[i2++];
+	}
+	return aTopicNew;
+}
+
+function getTopics(oCF,sKey)
+{
+	var aTIPart=new Array();
+	if(oCF&&oCF.aFtsKeys)
+	{
+		var keys=oCF.aFtsKeys;
+		var nB=0;
+		var nE=keys.length-1;
+		var nM=-1;
+		var bFound=false;
+		do{
+			nM=(nB+nE)>>1;
+			if(compare(keys[nM].sItemName,sKey)>0)
+				nE=nM-1;
+			else if(compare(keys[nM].sItemName,sKey)<0)
+				nB=nM+1;
+			else{
+				bFound=true;
+				break;
+			}
+		}while(nB<=nE);
+		if(bFound)
+		{
+			if(keys[nM].aTopics)
+			{
+				for(var i=0;i<keys[nM].aTopics.length;i++)
+				{
+					var oTC=getTopicChunk(gaaFTCD[oCF.nProjId],keys[nM].aTopics[i]);
+					if(oTC.aTopics)
+					{
+						aTIPart[aTIPart.length]=
+							new topicInfo(oTC.aTopics[keys[nM].aTopics[i]-oTC.nBegin].sTopicTitle,
+								gaData[oCF.nProjId].sPPath+oTC.aTopics[keys[nM].aTopics[i]-oTC.nBegin].sTopicURL);
+					}
+					else{
+						goCTF=oTC;
+						gnLoadFts=3;
+						beginLoading();
+						loadData2(gaData[oCF.nProjId].sPPath+gaData[oCF.nProjId].sDPath+oTC.sFileName);
+						return null;
+					}
+				}
+			}
+		}
+	}
+	return aTIPart;
+}
+
+function getTopicChunk(aFTCD,nTopicId)
+{
+	if(aFTCD&&aFTCD.length)
+	{
+		var nB=0;
+		var nE=aFTCD.length-1;
+		var nM=-1;
+		var bFound=false;
+		do{
+			nM=(nB+nE)>>1;
+			if(aFTCD[nM].nBegin>nTopicId)
+				nE=nM-1;
+			else if(aFTCD[nM].nEnd<nTopicId)
+				nB=nM+1;
+			else{
+				bFound=true;
+				break;
+			}
+		}while(nB<=nE);
+		if(bFound)
+			return aFTCD[nM];
+	}
+	return null;
+}
+
+function endLoading()
+{
+	var oDiv=getElement(gsLoadingDivID);
+	if(oDiv)
+		oDiv.style.visibility="hidden";
+}
+
+function beginLoading()
+{
+	var oDiv=getElement(gsLoadingDivID);
+	if(!oDiv)
+	{
+		document.body.insertAdjacentHTML("afterBegin",writeLoadingDiv());
+		oDiv=getElement(gsLoadingDivID);
+	}
+	
+	if(oDiv)
+	{
+		oDiv.style.top=document.body.scrollTop;
+		oDiv.style.visibility="visible";
+	}
+}
+
+function writeLoadingDiv(nIIdx)
+{
+	return "<div id=\""+gsLoadingDivID+"\" style=\"position:absolute;top:0;left:0;z-index:600;visibility:hidden;padding-left:4px;background-color:ivory;border-width:1;border-style:solid;border-color:black;width:150px;\">"+gsLoadingMsg+"</div>";
+}
+
+function topicInfo(sTopicTitle,sTopicURL)
+{
+	this.sTopicTitle=sTopicTitle;
+	this.sTopicURL=sTopicURL;
+	this.equalTo=function(oTI)
+	{
+		return ((this.sTopicTitle==oTI.sTopicTitle)&&
+			(this.sTopicURL==oTI.sTopicURL));
+	}
+}
+
+function getChunkedFts(nIndex,sKey)
+{
+	var oCF=null;
+	if(nIndex<gaaFCD.length)
+	{
+		var len=gaaFCD[nIndex].length;
+		if(len>0)
+		{
+			var nB=0;
+			var nE=len-1;
+			var bFound=false;
+			do{
+				var nM=(nB+nE)>>1;
+				if(compare(sKey,gaaFCD[nIndex][nM].sEndKey)>0)
+				{
+					nB=nM+1;
+				}
+				else if(compare(sKey,gaaFCD[nIndex][nM].sStartKey)<0)
+				{
+					nE=nM-1;
+				}
+				else{
+					bFound=true;
+					break;
+				}
+			}while(nE>=nB);
+			if(bFound)
+				oCF=gaaFCD[nIndex][nM];
+		}
+	}
+	return oCF;
+}
+
+function ftsReady(aFCD,aFTCD)
+{
+	endLoading();
+	gaaFTCD[gnCLF]=aFTCD;
+	gaaFCD[gnCLF++]=aFCD;
+	setTimeout("loadFD();",1);
+}
+
+function putFtsTData(aTopics)
+{
+	endLoading();
+	var oCTF=goCTF;
+	if(oCTF)
+	{
+		oCTF.aTopics=aTopics;
+		setTimeout("ftsFindKeyword();",1);
+	}
+}
+
+function putFtsWData(aFtsContents)
+{
+	endLoading();
+	var oCF=goCF;
+	if(oCF)
+	{
+		updateCache(oCF);
+		oCF.aFtsKeys=aFtsContents;
+		setTimeout("ftsFindKeyword();",1);
+	}
+}
+
+function IsStopWord(sCW,aFtsStopArray)
+{
+	var nStopArrayLen=aFtsStopArray.length;
+	var nB=0;
+	var nE=nStopArrayLen-1;
+	var nM=0;
+	var bFound=false;
+	var sStopWord="";
+	while(nB<=nE){
+		nM=(nB+nE);
+		nM>>=1;
+		sStopWord=aFtsStopArray[nM];
+		if(compare(sCW,sStopWord)>0){
+			nB=(nB==nM)?nM+1:nM;
+		}else{
+			if(compare(sCW,sStopWord)<0){
+				nE=(nE==nM)?nM-1:nM;
+			}else{
+				bFound=true;
+				break;
+			}
+		}
+	}
+	return bFound;
+}
+
+function GetStem(szWord)
+{
+	if(gaFtsStem==null||gaFtsStem.length==0)return szWord;
+	var aStems=gaFtsStem;
+
+	var nStemPos=0;
+	var csStem="";
+	for(var iStem=0;iStem<aStems.length;iStem++){
+
+		if(aStems[iStem].length>=szWord.length-1)	break;
+		nStemPos=szWord.lastIndexOf(aStems[iStem]);
+		if(nStemPos>0){
+			var cssub=szWord.substring(nStemPos);
+			if(cssub==aStems[iStem]){
+				csStem=szWord;
+				if(szWord.charAt(nStemPos-2)==szWord.charAt(nStemPos-1)){
+					csStem=csStem.substring(0,nStemPos-1);
+				}else{
+					csStem=csStem.substring(0,nStemPos);
+				}
+				return csStem;
+			}
+		}
+	}
+	return szWord;
+}
+
+function FtsWriteClassStyle()
+{
+	var sStyle="<STYLE TYPE='text/css'>\n";
+	if (gsBgImage)
+		sStyle+="body {border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="body {border-top:black 1px solid;}\n";
+	sStyle+="P {"+getFontStyle(goErrFont)+"margin-left:"+gsIndent+";margin-top:"+gsMargin+";}\n";
+	sStyle+="dl {"+getFontStyle(goFont)+"margin-left:"+gsIndent+";margin-top:"+gsMargin+";}\n";
+	sStyle+="A:link {"+getFontStyle(goFont)+"}\n";
+	sStyle+="A:visited {"+getFontStyle(goFont)+"}\n";
+	sStyle+="A:active {background-color:"+gsABgColor+";}\n";
+	sStyle+="A:hover {"+getFontStyle(goHoverFont)+"}\n";
+	sStyle+="</STYLE>";
+	document.write(sStyle);
+}
+
+function window_Unload()
+{
+	UnRegisterListener2(this,WH_MSG_PROJECTREADY);
+	UnRegisterListener2(this, WH_MSG_SEARCHFTSKEY);
+}
+
+
+function onSendMessage(oMsg)
+{
+	var nMsgId=oMsg.nMessageId;
+	if(nMsgId==WH_MSG_SEARCHFTSKEY)
+	{
+		if(oMsg.oParam)
+		{
+			if(gsSK==null||gsSK=="")
+			{
+				gsSK=oMsg.oParam.toLowerCase();
+				findFTSKey();
+			}
+			else
+				gsSK2=oMsg.oParam.toLowerCase();
+		}
+	}
+	else if(nMsgId==WH_MSG_PROJECTREADY)
+	{
+		loadFts();
+	}
+	return true;
+}
+
+if (window.gbWhUtil&&window.gbWhLang&&window.gbWhProxy&&window.gbWhVer&&window.gbWhMsg)
+{
+	goFont=new whFont("Verdana","8pt","#000000","normal","normal","none");
+	goErrFont=new whFont("Verdana","8pt","#000000","normal","bold","none");
+	goHoverFont=new whFont("Verdana","8pt","#007f00","normal","normal","underline");
+	window.onload=window_OnLoad;
+	window.onbeforeunload=window_BUnload;
+	window.onunload=window_Unload;
+	RegisterListener2(this,WH_MSG_PROJECTREADY);
+	gbWhFHost=true;
+}
+else
+	document.location.reload();
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whform.js b/doc/salome/gui/SUPERV/whform.js
new file mode 100755
index 0000000..075311e
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whform.js
@@ -0,0 +1,215 @@
+var gfunLookUp;
+var gbInputEnable;
+var gfunInit;
+var gstrFormName= "";
+var gbWithButton = false;
+var gsTitle="";
+var gsOverImage = "";
+var gsOutImage = "";
+var gsClickImage = "";
+var gsText = "";
+var gsBgColor = "#c0c0c0";
+var gsBgImage = "";
+var gbInImage = 0;
+var gbInputEnable = 0;
+
+var goTitleFont=null;
+var goInputFont=null;
+var goNormalFont=null;
+var goHoverFont=null;
+var gnType=-1;
+var gbWhForm=false;
+
+function setBackground(sBgImage)
+{
+	if (sBgImage != null && sBgImage.length > 0)
+		gsBgImage = sBgImage;
+
+	if  (gsBgImage  && gsBgImage .length > 0)
+	{
+		document.body.background = gsBgImage ;
+	}
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	if (sBgColor != null && sBgColor.length > 0)
+		gsBgColor = sBgColor;
+
+	if (gsBgColor&& gsBgColor.length > 0)
+	{
+		document.body.bgColor = gsBgColor;
+	}
+}
+
+function setBtnType(sType)
+{
+	if (sType == "image")
+	{
+		gnType = 0;
+	}
+	else if (sType == "text")
+	{
+		gnType = 1;
+	}
+}
+
+function setGoImage1(sImage1)
+{
+	gsOutImage = sImage1;
+	if (gsOutImage && gsOutImage.length > 0)
+		gbWithButton = true;
+}
+
+function setGoImage2(sImage2)
+{
+	gsOverImage = sImage2;
+	if (gsOverImage && gsOverImage.length > 0)
+		gbWithButton = true;
+}
+
+function setGoImage3(sImage3)
+{
+	gsClickImage = sImage3;
+	if (gsClickImage && gsClickImage.length > 0)
+		gbWithButton = true;
+}
+
+function setGoText(sText)
+{
+	gsText = sText;
+	if (gsText.length > 0)
+		gbWithButton = true;
+}
+
+function setFont(sType, sFontName, sFontSize, sFontColor, sFontStyle, sFontWeight, sFontDecoration)
+{
+	var vFont = new whFont(sFontName, sFontSize, sFontColor, sFontStyle, sFontWeight, sFontDecoration);
+	if (sType == "Title")
+	{
+		goTitleFont = vFont;
+		var vFont1 = new whFont(sFontName, sFontSize, "black", sFontStyle, sFontWeight, sFontDecoration);
+		goInputFont=vFont1;		
+	}
+	else if (sType == "Normal")
+		goNormalFont = vFont;
+	else if (sType == "Hover")
+		goHoverFont = vFont;
+}
+
+function writeFormStyle()
+{
+	var sStyle = "<style type='text/css'>";
+	sStyle += "p.title {" + getFontStyle(goTitleFont) + "margin-top:0;margin-bottom:0}\n";
+	sStyle += ".inputfield {" + getFontStyle(goInputFont) +"width:100%; }\n";
+	sStyle+="A:link {"+getFontStyle(goNormalFont)+"}\n";
+	sStyle+="A:visited {"+getFontStyle(goNormalFont)+"}\n";
+	sStyle +="A:hover {"+getFontStyle(goHoverFont)+"}\n";
+	sStyle+=".clsFormBackground{\n";
+	if (gsBgImage)
+		sStyle+="border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="border-top:black 1px solid;}\n";
+
+	sStyle += "</style>";
+	document.write(sStyle);
+}
+
+function lookupKeyDown()
+{
+	if (gbInputEnable)
+	{
+		if (gbIE4)
+		{
+			if (event.keyCode == 13)	//Enter key
+				gfunLookUp(true);
+			else
+				gfunLookUp(false);
+		}			
+		else
+			gfunLookUp(false);
+	}
+}
+
+function init()
+{
+	if (gfunInit)
+		gfunInit();
+	if (!window.Array)  return;
+		document.onkeyup = lookupKeyDown;
+}
+
+function inputSubmit()
+{
+	if ((gbInputEnable && !gbIE4)|| gbInImage)
+		gfunLookUp(true);
+}
+
+function inputEnable(bEnable)
+{
+	gbInputEnable = bEnable;
+}
+
+function inImage(bImage)
+{
+	gbInImage = bImage;
+}
+
+function getFormHTML()
+{
+	var sForm = "";
+	sForm += "<table class=\"clsFormBackground\" width=\"100%\" cellspacing=\"0\" cellpadding=\"5\" border=\"0\">";
+	sForm += "<form name=\"" + gstrFormName + "\" method=\"POST\" action=\"javascript:inputSubmit()\" style=\"width:100%\">";
+	sForm += "<tr>";
+	sForm += "<td>";
+	sForm += "<p class=title><nobr>" + gsTitle + "</nobr><br><table width=\"100%\"><tr valign=\"middle\"><td width=\"100%\"><input class=\"inputfield\" type=\"text\" name=\"keywordField\" onfocus=\"inputEnable(1);\" onblur=\"inputEnable(0);\"></td>";
+	if (gbWithButton && gnType >= 0)
+	{
+		sForm += "<td><a title=\"submit button\" href=\"javascript:void(0);\" onclick=\"" + gstrFormName + ".submit(); return false;\" onfocus=\"inImage(1);\" onblur=\"inImage(0);\" onmouseup=\"onMouseUp();\" onmousedown=\"onMouseDown();\" onmouseover=\"onMouseOver();\" onmouseout=\"onMouseOut();\">"
+		if (gnType == 0)
+		{
+			if (!gsText)
+				gsText="Go";
+			sForm += "<img alt=\""+gsText+"\" id=\"go\" border=\"0\" src=\"" + gsOutImage + "\">";
+		}
+		else
+			sForm += gsText ;
+		sForm += "</a></td>";
+	}
+	sForm += "</tr></table></p></td></tr></form></table>";
+	return sForm;
+}
+
+function onMouseOver()
+{
+	if (getElement("go") && gsOverImage)
+		getElement("go").src = gsOverImage;
+}
+
+function onMouseDown()
+{
+	if (getElement("go") && gsClickImage)
+		getElement("go").src = gsClickImage;
+}
+
+function onMouseUp()
+{
+	if (getElement("go") && gsOutImage)
+		getElement("go").src = gsOutImage;
+}
+
+function onMouseOut()
+{
+	if (getElement("go") && gsOutImage)
+		getElement("go").src = gsOutImage;
+}
+
+if (window.gbWhUtil&&window.gbWhVer&&window.gbWhProxy&&window.gbWhMsg)
+{
+	goTitleFont=new whFont("Arial", "9pt", "#000000", "normal", "normal", "none");
+	goNormalFont=new whFont("Arial", "9pt", "#000000", "normal", "normal", "none");
+	goHoverFont=new whFont("Arial", "9pt", "#000000", "normal", "normal", "underline");
+	gbWhForm=true;
+}
+else
+	document.location.reload();
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whframes.js b/doc/salome/gui/SUPERV/whframes.js
new file mode 100755
index 0000000..0576afc
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whframes.js
@@ -0,0 +1,78 @@
+// this value should be identical to the value used in whproxy.js
+window.whname = "wh_stub";
+
+// this file will be used by Topic and NavBar and NavPane and other components
+// and this file is used in child frame html.
+// and the whstub.js will be used in the start page.
+// see reference in whstub.js.
+// Internal Area
+var gbInited = false;
+var gWndStubPage = null;
+function getStubPage()
+{
+	if (!gbInited)
+	{
+		gWndStubPage = getStubPage_inter(window);
+		gbInited = true;
+	}
+	return gWndStubPage;
+}
+
+function getStubPage_inter(wCurrent) {
+	if (null == wCurrent.parent || wCurrent.parent == wCurrent)
+		return null;
+
+	if (wCurrent.parent.whname && "wh_stub" == wCurrent.parent.whname) 
+		return wCurrent.parent;
+	else
+		if (wCurrent.parent.frames.length != 0 && wCurrent.parent != wCurrent)
+			return getStubPage_inter(wCurrent.parent);
+		else 
+			return null;
+}
+
+// Public interface begin here................
+function RegisterListener(framename, nMessageId)
+{
+	var wStartPage = getStubPage();
+	if (wStartPage && wStartPage != this) {
+		return wStartPage.RegisterListener(framename, nMessageId);
+	}
+	else 
+		return false;
+}
+
+function RegisterListener2(oframe, nMessageId)
+{
+	var wStartPage = getStubPage();
+	if (wStartPage && wStartPage != this) {
+		return wStartPage.RegisterListener2(oframe, nMessageId);
+	}
+	else 
+		return false;
+}
+
+function UnRegisterListener2(oframe, nMessageId)
+{
+	var wStartPage = getStubPage();
+	if (wStartPage && wStartPage != this && wStartPage.UnRegisterListener2) {
+		return wStartPage.UnRegisterListener2(oframe, nMessageId);
+	}
+	else 
+		return false;
+}
+
+function SendMessage(oMessage)
+{
+	var nMsgId = oMessage.nMessageId;
+	if (nMsgId == WH_MSG_ISINFRAMESET && oMessage.wSender != this)
+		return true;
+	var wStartPage = getStubPage();
+	if (wStartPage && wStartPage != this && wStartPage.SendMessage) 
+	{
+		return wStartPage.SendMessage(oMessage);
+	}
+	else 
+		return false;
+}
+var gbWhProxy=true;
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whgbody.htm b/doc/salome/gui/SUPERV/whgbody.htm
new file mode 100755
index 0000000..8d30b1f
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whgbody.htm
@@ -0,0 +1,35 @@
+<html>
+<head>
+<title>Glossary Term</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whlang.js"></script>
+<script language="javascript1.2" src="whhost.js"></script>
+<script language="javascript1.2" src="whghost.js"></script>
+<script language="javascript1.2">
+<!--
+if(window.gbWhGHost)
+{
+	setBackgroundcolor("White"); 
+	
+	setFont("Normal", "Tahoma","8pt","Black","Normal","Normal","none");
+	setFont("Hover", "Tahoma","8pt","Navy","Normal","Normal","underline");
+	setActiveBgColor("Silver");
+	
+	
+	GloWriteClassStyle();
+}
+else
+	document.location.reload();
+//-->
+</script>
+</head>
+<body topmargin="2" leftmargin="2" marginwidth="0" marginheight="0" bgproperties="fixed" bgcolor="white">
+</body>
+</html>
diff --git a/doc/salome/gui/SUPERV/whgdef.htm b/doc/salome/gui/SUPERV/whgdef.htm
new file mode 100755
index 0000000..3c5dfae
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whgdef.htm
@@ -0,0 +1,98 @@
+<html>
+<head>
+<title>Glossary Definition</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2">
+<!--
+var gsBgColor="#ffffff";
+var gsBgImage="";
+var goGloFont=null;
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function window_Unload()
+{
+	UnRegisterListener2(this, WH_MSG_SHOWGLODEF);
+}
+
+function window_OnLoad()
+{
+	if(gsBgImage&&gsBgImage.length>0)
+		document.body.background=gsBgImage;
+	if(gsBgColor&&gsBgColor.length>0)
+		document.body.bgColor=gsBgColor;
+}
+
+function setFont(sType, sFontName, sFontSize, sFontColor, sFontStyle, sFontWeight, sFontDecoration)
+{
+	var vFont = new whFont(sFontName, sFontSize, sFontColor, sFontStyle, sFontWeight, sFontDecoration);
+	if (sType == "Normal")
+		goGloFont = vFont;
+}
+
+function textToHtml_nbsp_specialcare(sText)
+{
+	if (sText == null) return null;
+	var sHTML= sText;
+	var re = new RegExp("  ","g");
+	sHTML=  sHTML.replace(re, "&nbsp; ");
+	return  sHTML;
+}
+
+function onSendMessage(oMsg)
+{
+	var nMsgId = oMsg.nMessageId;
+	if (nMsgId == WH_MSG_SHOWGLODEF)
+	{
+		document.body.innerHTML = sDefHead + textToHtml_nbsp_specialcare(oMsg.oParam.sDef) + sDefTail;
+		return true;
+	}
+}
+
+function GDefWriteClassStyle()
+{
+	var sStyle="<STYLE TYPE='text/css'>\n";
+	if (gsBgImage)
+		sStyle+="body {border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="body {border-top:black 1px solid;}\n";
+	sStyle+=".definition {"+getFontStyle(goGloFont)+"margin:2;}\n";
+	sStyle+="</STYLE>";
+	document.write(sStyle);
+}
+
+if (window.gbWhMsg&&window.gbWhUtil&&window.gbWhProxy&&window.gbWhVer)
+{
+	window.onload=window_OnLoad;
+	window.onunload = window_Unload;
+	goGloFont=new whFont("Verdana", "8pt", "#000000", "normal", "normal", "none");
+	setBackgroundcolor("White"); 
+	
+	setFont("Normal", "Tahoma","8pt","Black","Normal","Normal","none");
+	GDefWriteClassStyle();
+	RegisterListener2(this, WH_MSG_SHOWGLODEF);
+	var sDefHead = "<p class=\"definition\">";
+	var sDefTail = "</p>";
+}
+else
+	document.location.reload();
+//-->
+</script>
+</head>
+<body bgproperties="fixed" bgcolor="white">
+</body>
+</html>
diff --git a/doc/salome/gui/SUPERV/whgdhtml.htm b/doc/salome/gui/SUPERV/whgdhtml.htm
new file mode 100755
index 0000000..01b6692
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whgdhtml.htm
@@ -0,0 +1,150 @@
+<html>
+<head>
+<title>Glossary</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<body bgcolor=#c0c0c0 scroll=no RIGHTMARGIN=0 BOTTOMMARGIN=0 TOPMARGIN=0 LEFTMARGIN=0>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2">
+<!--
+var gsBgImage="";
+var	gsBgColor="";
+var goTitleFont=null;
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function setFont(sType, sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
+{
+	var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+	if(sType=="Title")
+		goTitleFont=vFont;
+}
+
+function getTermText()
+{
+	var strString="Term:";
+strString = "Term:";
+	return strString;
+}
+
+function getDefinitionText()
+{
+	var strString="Definition for:";
+strString = "Definition:";
+	return strString;
+}
+
+function getHTML()
+{
+	var sHTML="";
+	sHTML+="<P class=title><nobr>&nbsp;" + getTermText() + "</nobr></p>";
+	sHTML+="<iframe id=glossaryIFrame title=\"glossary term\" src=\"whgbody.htm\" width=100% height=200 MARGINHEIGHT=0 MARGINWIDTH=0></iframe>";
+	sHTML+="<P class=title><nobr>&nbsp;" + getDefinitionText() + "&nbsp;<b id=Name></b></nobr></p>";
+	sHTML+="<iframe id=defIFrame title=\"glossary definition\" src=\"whgdef.htm\" width=100% height=100% MARGINHEIGHT=0 MARGINWIDTH=0></iframe>";
+	return sHTML;
+}
+
+function writeStyle()
+{
+	var sStyle="<style type='text/css'>";
+	sStyle+="p.title {" + getFontStyle(goTitleFont) + "margin-top:4;margin-bottom:4}\n";
+	if (gsBgImage)
+		sStyle+="body {border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="body {border-top:black 1px solid;}\n";
+	sStyle+="</style>";
+	document.write(sStyle);
+}
+
+
+function window_OnResize()
+{
+	setIFrameHeight();
+}
+
+function window_OnLoad()
+{
+	if(gsBgImage&&gsBgImage.length>0)
+		document.body.background=gsBgImage;
+	if(gsBgColor&&gsBgColor.length>0)
+		document.body.bgColor=gsBgColor;
+	setIFrameHeight();
+}
+
+function setIFrameHeight()
+{
+	var tH=0;
+	if(gbNav6)
+	{
+		tH=parseInt(window.innerHeight)-30;
+	}
+	else
+	{
+		tH=parseInt(document.body.clientHeight)-4;
+	}
+		
+	var oEle=getElement("glossaryIFrame");
+	if(oEle)
+	{
+		tH=tH-2*parseInt(oEle.offsetTop);
+		if(tH>0)
+		{
+			oEle.style.height=Math.floor(tH*.6);
+			var oEleDef=getElement("defIFrame");
+			if(oEleDef)
+			{
+				oEleDef.style.height=tH-parseInt(oEle.style.height);
+			}
+		}
+	}
+}
+
+function window_Unload()
+{
+	UnRegisterListener2(this,WH_MSG_SHOWGLODEF);
+}
+
+function onSendMessage(oMsg)
+{
+	var nMsgId=oMsg.nMessageId;
+	if(nMsgId==WH_MSG_SHOWGLODEF)
+	{
+		if(getElement("Name"))
+			getElement("Name").innerHTML=oMsg.oParam.sName;
+		return true;
+	}
+}
+
+if(window.gbWhVer&&window.gbWhMsg&&window.gbWhUtil&&window.gbWhProxy)
+{
+	goTitleFont=new whFont("Arial","9pt","#000000","normal","normal","none");
+	setFont("Title", "Tahoma","8pt","Navy","Normal","Normal","none");
+	
+	setBackgroundcolor("White");
+	window.onresize=window_OnResize;
+	window.onload=window_OnLoad;
+	window.onunload=window_Unload;
+	RegisterListener2(this,WH_MSG_SHOWGLODEF);
+	writeStyle();
+	document.write(getHTML());
+}
+else
+	document.location.reload();
+//-->
+</script>
+</body>
+</html>
diff --git a/doc/salome/gui/SUPERV/whghost.js b/doc/salome/gui/SUPERV/whghost.js
new file mode 100755
index 0000000..77751a1
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whghost.js
@@ -0,0 +1,217 @@
+var gbXML=false;
+var gaDef=new Array();
+var gsBgColor="#ffffff";
+var gsBgImage="";
+var goFont=null;
+var goHoverFont=null;
+var gsMargin="2pt";
+var gsIndent="2pt";
+var gsActiveBgColor="#cccccc";
+var gbWhGHost=false;
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
+{
+	var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+	if(sType=="Normal")
+		goFont=vFont;
+	else if(sType=="Hover")
+		goHoverFont=vFont;
+}
+
+function setActiveBgColor(sBgColor)
+{
+	gsActiveBgColor=sBgColor;
+}
+
+function setMargin(sMargin)
+{
+	gsMargin=sMargin;
+}
+
+function setIndent(sIndent)
+{
+	gsIndent=sIndent;
+}
+
+function writeOneItem(oHTML,bDown,aDataCon,aCurIdxSet,n,aPos,nLevel)
+{
+
+	var sHTML="";
+	var nIdxSet=aCurIdxSet[n];
+	var nIIdx=aPos[nIdxSet];
+	var sRawKName = getItemName(aDataCon,nIdxSet,nIIdx);
+	var sKName=_textToHtml(sRawKName);
+	var nIndex=insertDef(sKName,_textToHtml_nonbsp(getDef(aDataCon,nIdxSet,nIIdx)));
+	if(nLevel==1){
+		sHTML+="<p><nobr><a alt=\"" + sKName+"\" href=\"javascript:void(0);\" onclick=\"showDef("+nIndex;
+		sHTML+=");return false;\">"+sKName+"</a></nobr></p>";
+	}
+	oHTML.addHTML(sHTML,1,bDown,true,sRawKName);
+}
+
+function insertDef(sKName,sDef)
+{
+	var nLength=gaDef.length
+	var oGlo=new nameDefPair(sKName,sDef);
+	gaDef[nLength]=oGlo;
+	return nLength;
+}
+
+function showDef(nDef)
+{
+	if(nDef<gaDef.length)
+	{	
+		var oParam=gaDef[nDef];
+		var oMsg=new whMessage(WH_MSG_SHOWGLODEF,this,1,oParam);
+		SendMessage(oMsg);
+	}
+}
+
+function nameDefPair(sName,sDef)
+{
+	this.sName=sName;
+	this.sDef=sDef;
+}
+
+function mergeItems(oHTML,bDown,aDataCon,aCurIdxSet,nLength,aPos,nLevel)
+{
+	for(var i=0;i<nLength;i++)
+		writeOneItem(oHTML,bDown,aDataCon,aCurIdxSet,i,aPos,nLevel);
+}
+
+function adjustPosition(bDown,aDataCon,aCurIdxSet,nLength,aPos)
+{
+	if(bDown)
+	{
+		for(var i=0;i<nLength;i++)
+			aPos[aCurIdxSet[i]]++;
+	}
+	else{
+		for(var i=0;i<nLength;i++)
+			aPos[aCurIdxSet[i]]--;
+	}
+}
+
+function getDef(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		return aDataCon[nIdxSet].aKs[nIIdx].sDef;
+	else
+		return null;
+}
+
+function getItemName(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		return aDataCon[nIdxSet].aKs[nIIdx].sName;
+	else
+		return null;
+}
+
+function window_OnLoad()
+{
+	if(gsBgImage&&gsBgImage.length>0)
+		document.body.background=gsBgImage;
+	if(gsBgColor&&gsBgColor.length>0)
+		document.body.bgColor=gsBgColor;
+	document.body.insertAdjacentHTML("beforeEnd",writeLoadingDiv());
+	loadGlo();
+	var oMsg=new whMessage(WH_MSG_SHOWGLO,this,1,null)
+	SendMessage(oMsg);
+}
+
+function loadGlo()
+{
+	if(!gbReady)
+	{
+		var oResMsg=new whMessage(WH_MSG_GETPROJINFO,this,1,null);
+		if(SendMessage(oResMsg)&&oResMsg.oParam)
+		{
+			gbReady=true;
+			var oProj=oResMsg.oParam;
+			var aProj=oProj.aProj;
+			gbXML=oProj.bXML;
+			if(aProj.length>0)
+			{
+				var sLangId=aProj[0].sLangId;
+				for(var i=0;i<aProj.length;i++)
+				{
+					if(aProj[i].sGlo!=null&&aProj[i].sGlo!=""&&aProj[i].sLangId==sLangId)
+						addProjInfo(aProj[i].sPPath,aProj[i].sDPath,aProj[i].sGlo);
+				}
+			}
+			writeDataIFrame();
+			enEvt();
+		}		
+	}
+}
+
+function findCKInDom()
+{
+	return true;
+}
+
+function GloWriteClassStyle()
+{
+	var sStyle="<STYLE TYPE='text/css'>\n";
+	if (gsBgImage)
+		sStyle+="body {border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="body {border-top:black 1px solid;}\n";
+	sStyle+="P {"+getFontStyle(goFont)+"margin-top:"+gsMargin+";margin-bottom:"+gsMargin+";margin-left:"+gsIndent+";}\n";
+	sStyle+="A:link {"+getFontStyle(goFont)+"}\n";
+	sStyle+="A:visited {"+getFontStyle(goFont)+"}\n";
+	sStyle+="A:active {background-color:"+gsActiveBgColor+";}\n";
+	sStyle+="A:hover {"+getFontStyle(goHoverFont)+"}\n";
+	sStyle+="</STYLE>";	
+	document.write(sStyle);
+}
+
+function window_Unload()
+{
+	UnRegisterListener2(this,WH_MSG_PROJECTREADY);
+	UnRegisterListener2(this,WH_MSG_SHOWGLO);
+}
+
+function onSendMessage(oMsg)
+{
+	if(oMsg)
+	{
+		var nMsgId=oMsg.nMessageId;
+		if(nMsgId==WH_MSG_SHOWGLO)
+		{
+			if(!gbNav6)
+				document.body.focus();
+		}
+		else if(nMsgId==WH_MSG_PROJECTREADY)
+		{
+			loadGlo();
+		}
+	}
+	return true;
+}
+
+if (window.gbWhUtil&&window.gbWhProxy&&window.gbWhVer&&window.gbWhLang&&window.gbWhMsg&&window.gbWhHost)
+{
+	RegisterListener2(this,WH_MSG_PROJECTREADY);
+	RegisterListener2(this,WH_MSG_SHOWGLO);
+	goFont=new whFont("Verdana","8pt","#000000","normal","normal","none");
+	goHoverFont=new whFont("Verdana","8pt","#007f00","normal","normal","underline");
+	window.onload=window_OnLoad;
+	window.onbeforeunload=window_BUnload;
+	window.onunload=window_Unload;
+	gbWhGHost=true;
+}
+else
+	document.location.reload();
+
diff --git a/doc/salome/gui/SUPERV/whhost.js b/doc/salome/gui/SUPERV/whhost.js
new file mode 100755
index 0000000..664120f
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whhost.js
@@ -0,0 +1,1290 @@
+var gaChunks=new Array();
+var gaFakes=new Array();
+var gaDataCon=null;
+var gaData=new Array();
+
+var gbFindCK=false;;
+var gbNeedCalc=false;
+var gbScrl=false;
+var gbProcess=false;
+var gbReady=false;
+
+var gnCheck=0;
+var gnNum=0;
+var gnIns=-1;
+var gnLoad=0;
+var gnRef=-1;
+var gnMaxItems=0;
+var gnMaxMargin=32000;
+var gnNeeded=0;
+var gnNKI=-1;
+var gnRE=0;
+var gnScrlMgn=30;
+var gnSE=0;
+var gnVisible=0;
+var gnItems=0;
+var gnUHeight=1;
+
+var gsBCK=null;
+var gsChK=null;
+var gsCK=null;
+var gsLoadingDivID="LoadingDiv";
+var gsLoadingMsg="Loading data, please wait...";
+var gsSKA=null;
+var gsSKB=null;
+
+var gbLoadInfo=false;
+
+function putDataXML(xmlDoc,sDocPath)
+{
+	if(gbLoadInfo)
+	{
+		var node=xmlDoc.lastChild;
+		if(node)
+		{
+			var nTotal=0
+			var aChunk=new Array();
+			var oC=node.firstChild;
+			while(oC)
+			{
+				if(oC.nodeName=="chunkinfo")
+				{
+					var item=new Object();
+					item.sBK=oC.getAttribute("first");
+					item.sEK=oC.getAttribute("last");
+					item.sFileName=oC.getAttribute("url");
+					item.nNum=parseInt(oC.getAttribute("num"));
+					nTotal+=item.nNum;
+					item.nTotal=nTotal;
+					aChunk[aChunk.length]=item;
+				}
+				oC=oC.nextSibling;
+			}
+			projReady(aChunk);
+		}
+	}
+	else
+	{
+		var node=xmlDoc.lastChild;
+		if(node)
+		{
+			var aData=new Array();
+			var nPrev=0;
+			var nNext=0;
+			var oC=node.firstChild;
+			while(oC)
+			{
+				nPrev=nNext;
+				if(oC.nodeName=="key")
+				{
+					var sName=oC.getAttribute("name");
+					if(sName&&sName.length>0)
+					{
+						var sTarget=oC.getAttribute("target");
+						var item=new Object();
+						item.nType=2;
+						item.sName=sName;
+						if(sTarget)
+							item.sTarget=sTarget;
+						item.nPKOff=nPrev;
+						aData[aData.length]=item;
+						var nCurIndex=aData.length;
+						processKey(oC,aData,item);
+						nNext=aData.length-nCurIndex;
+						item.nNKOff=nNext;
+					}
+				}
+				else if(oC.nodeName=="letter")
+				{
+					var name=oC.getAttribute("name");
+					if(name&&name.length>0)
+					{
+						var item=new Object();
+						item.nType=1;
+						item.sName=name;
+						item.nPKOff=nPrev;
+						nNext=0;
+						item.nNKOff=nNext;
+						aData[aData.length]=item;
+					}
+				}
+				else if(oC.nodeName=="entry")
+				{
+					var name=oC.getAttribute("name");
+					var def=oC.getAttribute("value");
+					if(name&&name.length>0)
+					{
+						var item=new Object();
+						item.sName=name;
+						item.sDef=def;
+						item.nPKOff=nPrev;
+						nNext=0;
+						item.nNKOff=nNext;
+						aData[aData.length]=item;
+					}
+				}
+				oC=oC.nextSibling;
+			}
+			putData(aData);
+		}
+	}
+}
+
+function processKey(element,aData,item)
+{
+	var i=0;
+	var nPrev=0;
+	var nNext=0;
+	var oC=element.firstChild;
+	while(oC)
+	{
+		if(oC.nodeName=="topic")
+		{
+			var name=oC.getAttribute("name");
+			var url=oC.getAttribute("url");
+			if(url&&url.length!=0)
+			{
+				if(!name||name.length==0)
+					name=url;
+				var topic=new Object();
+				topic.sName=name;
+				topic.sURL=url;
+				if(!item.aTopics)
+					item.aTopics=new Array();
+				item.aTopics[item.aTopics.length]=topic;
+			}
+		}
+		else if(oC.nodeName=="key")
+		{
+			nPrev=nNext;
+			var name=oC.getAttribute("name");
+			if(name&&name.length!=0)
+			{
+				var subItem=new Object();
+				subItem.sName=name;
+				subItem.nType=3;
+				subItem.nPKOff=nPrev;
+				aData[aData.length]=subItem;
+				var nCurIndex=aData.length;
+				processKey(oC,aData,subItem);
+				nNext=aData.length-nCurIndex;
+				subItem.nNKOff=nNext;
+			}
+		}
+		oC=oC.nextSibling;
+	}
+}
+
+function putData(aData)
+{
+	endLoading();
+	var oCData=goCData;
+	if(oCData)
+	{
+		oCData.aKs=aData;
+		if(gnNKI==-1)
+			setTimeout("checkReady();",1);
+		else
+		{
+			gsSKA=getKByIdx(oCData,gnNKI);
+			gbNeedCalc=true;
+			gbScrl=true;
+			gnNKI=-1;
+			if(gsSKA)
+				setTimeout("checkReady();",1);
+			else
+			{
+				markEnd();
+				setTimeout("checkAgain();",50);
+			}
+		}
+	}
+}
+
+function markEnd()
+{
+	if(gbProcess)
+		gbProcess=false;
+}
+
+function endLoading()
+{
+	var oDiv=getElement(gsLoadingDivID);
+	if(oDiv)
+		oDiv.style.visibility="hidden";
+}
+
+function markBegin()
+{
+	gbProcess=true;
+}
+
+function beginLoading()
+{
+	var oDiv=getElement(gsLoadingDivID);
+	if(oDiv)
+	{
+		oDiv.style.top=document.body.scrollTop;
+		oDiv.style.visibility="visible";
+	}
+}
+
+function indexHTMLPart()
+{
+	this.sHTML="";
+	this.nNeeded=0;
+	this.nCurrent=0;
+	this.nConsumed=0;
+	this.sFK=null;
+	this.sLK=null;
+	this.addHTML=function(sHTML,nConsumed,bDown,bK,sK){
+		if(bDown)
+			this.sHTML+=sHTML;
+		else
+			this.sHTML=sHTML+this.sHTML;
+		this.nCurrent++;			
+		this.nConsumed+=nConsumed;
+		if(bK)
+		{
+			if(!this.sFK)
+				this.sFK=sK;
+			if(!this.sLK)
+				this.sLK=sK;
+			if(bDown)
+				this.sLK=sK;
+			else
+				this.sFK=sK;
+		}
+	}
+	this.appendHTML=function(oHTML,bDown){
+		this.addSubHTML(oHTML,bDown);
+		if(!this.sFK)
+			this.sFK=oHTML.sFK;
+		if(!this.sLK)
+			this.sLK=oHTML.sLK;
+		if(bDown)
+			this.sLK=oHTML.sLK;
+		else
+			this.sFK=oHTML.sFK;
+	}	
+	
+	this.addSubHTML=function(oHTML,bDown){
+		if(bDown)
+			this.sHTML+=oHTML.sHTML;
+		else
+			this.sHTML=oHTML.sHTML+this.sHTML;
+		this.nCurrent+=oHTML.nCurrent;
+		this.nConsumed+=oHTML.nConsumed;			
+	}
+}
+
+function getMaxUnits()
+{
+	return Math.floor(gnMaxMargin/gnUHeight)+1;
+}
+
+function getFakeItemsHTMLbyCount(nB,nCount)
+{
+	var nMU=getMaxUnits();
+	var nNum=Math.floor(nCount/nMU);
+	var sHTML="";
+	for(var i=0;i<nNum;i++)
+		sHTML+=getFakeItemHTML(nB,nMU-1);
+		
+	var nRest=nCount%nMU;
+	sHTML+=getFakeItemHTML(nB,nRest-1);
+	return sHTML;
+}
+
+function getFakeItemHTML(nB,nNum)
+{
+	return "<h6 name=fk"+nB+" id=fk"+nB+" style=\"margin-top:"+gnUHeight*nNum+";margin-bottom:0\">&nbsp;</h6>";
+}
+
+function fakeItemsArea(nB,n,sKA,sKB,obj)
+{
+	this.nB=nB;
+	this.nNum=n;
+	this.sKA=sKA;
+	this.sKB=sKB;
+	this.obj=obj;
+	this.nMargin=(n-1)*gnUHeight;
+
+	this.setNum=function(n)
+	{
+		var nLastobj=-1;
+		var nDelta=this.nMargin;
+		this.nMargin=(n-1)*gnUHeight;
+		nDelta=nDelta-this.nMargin;
+		if(n>0)
+		{
+			this.nNum=n;
+			var nMU=getMaxUnits();
+			nLastobj=Math.floor((n-1)/nMU);
+			if(this.obj.length)
+				this.obj[nLastobj].style.marginTop=((n-1)%nMU)*gnUHeight;
+			else
+				this.obj.style.marginTop=((n-1)%nMU)*gnUHeight;
+		}
+		if(this.obj.length)
+		{
+			for(var i=this.obj.length-1;i>nLastobj;i--)
+				removeThis(this.obj[i]);
+		}
+		else
+		{
+			if(nLastobj==-1)
+				removeThis(this.obj);
+		}
+		return nDelta;
+	}
+	this.insertAdjacentHTML=function(sWhere,sHTML)
+	{
+		if(sWhere=="beforeBegin")
+		{
+			if(this.obj.length)
+				this.obj[0].insertAdjacentHTML(sWhere,sHTML);
+			else
+				this.obj.insertAdjacentHTML(sWhere,sHTML);
+		}
+		else if(sWhere=="afterEnd")
+		{
+			if(this.obj.length)
+			{
+				if(gbMac&&gbIE5&&this.obj[this.obj.length-1].nextSibling)
+					this.obj[this.obj.length-1].nextSibling.insertAdjacentHTML("beforeBegin",sHTML);
+				else
+					this.obj[this.obj.length-1].insertAdjacentHTML(sWhere,sHTML);
+			}
+			else
+			{
+				if(gbMac&&gbIE5&&this.obj.nextSibling)
+					this.obj.nextSibling.insertAdjacentHTML("beforeBegin",sHTML);
+				else
+					this.obj.insertAdjacentHTML(sWhere,sHTML);
+			}
+		}
+	}
+	this.getBtm=function()
+	{
+		if(this.obj.length)
+			return this.obj[this.obj.length-1].offsetTop;
+		else
+			return this.obj.offsetTop;
+	}
+	this.getTop=function()
+	{
+		return this.getBtm()-this.nMargin;
+	}
+}
+
+function usedItems(nB,nE)
+{
+	this.nB=nB;
+	this.nE=nE;
+	this.oN=null;
+}
+
+function checkReady()
+{
+	var len=gaChunks.length;
+	var bNeedLoad=false;
+	var aDataCon;
+	var s=0;
+	var bDown=(gsSKB==null);
+	var sK=bDown?gsSKA:gsSKB;
+	if(sK==null)
+	{
+		markEnd();
+		setTimeout("checkAgain();",50);
+		return;
+	}
+	if(!gsChK||sK!=gsChK||gnNum==0)
+	{
+		gnCheck=0;
+		gsChK=sK;
+		aDataCon=new Array();
+	}
+	else{
+		s=gnNum;
+		aDataCon=gaDataCon;
+	}
+	for(var i=gnCheck;i<len;i++)
+	{
+		var oCData=getChunkedData(i,bDown,sK);
+		if(oCData)
+		{
+			if(!oCData.aKs&&oCData.sFileName!=null)
+			{
+				bNeedLoad=true;
+				goCData=oCData;
+				gnNum=s;
+				gnCheck=i;
+				gaDataCon=aDataCon;
+				oCData.nProjId=i;
+				gbLoadInfo=false;
+				beginLoading();
+				loadData2(gaData[i].sPPath+gaData[i].sDPath+oCData.sFileName);
+				return;
+			}
+			else{
+				aDataCon[s++]=oCData;
+			}
+		}
+	}
+	if(!bNeedLoad)
+	{
+		gnNum=0;
+		gsSKA=gsSKB=gsShowK=null;
+		
+		var oHTML=new indexHTMLPart();
+		var aPos=new Array();
+		var aOriPos=new Array();
+		var aMaxPos=new Array();
+		var aMinPos=new Array();
+		
+		if(gbNeedCalc||gbFindCK) gnIns=0;
+		for(i=0;i<aDataCon.length;i++)
+		{
+			aPos[i]=getIdxPos(aDataCon[i],bDown,sK);
+			if(gbNeedCalc||gbFindCK)
+			{
+				gnIns+=aPos[i]+aDataCon[i].nTotal-aDataCon[i].nNum;
+				if(!bDown)
+				{
+					if(aPos[i]!=-1)
+					{
+						if(aDataCon[i].aKs)
+							gnIns+=aDataCon[i].aKs[aPos[i]].nNKOff;
+						else
+						{
+							var n=aPos[i]+1;
+							while(n<aDataCon[i].aKsOnly.length&&!aDataCon[i].aKsOnly[n])
+								n++;
+							n=n-aPos[i]-1;
+							gnIns+=n;
+						}
+					}
+				}
+			}
+			aOriPos[i]=aPos[i];
+			getLimit(aDataCon,aPos,aMaxPos,aMinPos,i);
+		}
+		if((gbNeedCalc||gbFindCK)&&!bDown&&gnIns!=-1)
+		{
+			gnIns+=(aDataCon.length-1)
+		}
+		if(gnIns!=-1||gbFindCK)
+		{
+			oHTML.nNeeded=gnNeeded;
+			var bDone=writeItems(oHTML,aDataCon,aPos,aMinPos,aMaxPos,bDown,1);
+			if(oHTML.nConsumed!=0)
+			{
+				var nB;
+				if(!bDown)
+					nB=gnIns-oHTML.nConsumed+1;
+				else
+					nB=gnIns;
+					
+				var oldScrollPos=document.body.scrollTop;
+				if(insertIdxKs(nB,oHTML,gbScrl))
+				{
+					updateUsedK(aDataCon,aOriPos,aPos,bDown);
+					if(!gbScrl&&gbMac)
+					{
+						while(document.body.scrollTop!=oldScrollPos)
+							document.body.scrollTop=oldScrollPos;
+					}
+					gbScrl=false;
+				}
+				if(gbFindCK)
+				{
+					gbFindCK=false;
+					gbNeedCalc=true;
+					gsSKB=oHTML.sFK;
+					gnIns=-1;
+					setTimeout("checkReady();",50);
+					return;
+				}
+			}
+			else if(gbFindCK)
+			{
+				gbFindCK=false;
+				gbNeedCalc=true;
+				gsSKB=getFirstKeyFromPos(aDataCon,aPos);
+				gnIns=-1;
+				setTimeout("checkReady();",50);
+				return;
+			}
+			if(!findCKInDom()) return;
+
+			gnNeeded=gnNeeded-oHTML.nCurrent;
+			gnIns=-1;
+			markEnd();
+			setTimeout("checkAgain();",50);
+			gbNeedCalc=false;
+		}
+		else
+		{
+			if(!findCKInDom()) return;
+			markEnd();
+			setTimeout("checkAgain();",50);
+		}
+	}
+}
+
+function getFirstKeyFromPos(aDataCon,aPos)
+{
+	var sCurrentK=getBiggestChar();
+	for(var i=0;i<aPos.length;i++)
+	{
+		if(aDataCon[i].aKs&&aDataCon[i].aKs.length>0&&aPos[i]>=0&&aPos[i]<aDataCon[i].aKs.length)
+		{
+			if(sCurrentK==""||
+				compare(sCurrentK,aDataCon[i].aKs[aPos[i]].sName)>0)
+			{
+				sCurrentK=aDataCon[i].aKs[aPos[i]].sName;
+			}
+		}
+	}
+	return sCurrentK;
+}
+
+function checkAgain()
+{
+	if(!gbProcess)
+	{
+		if(gsBCK!=null)
+		{
+			gsCK=gsBCK;
+			gsBCK=null;
+			findCK();
+		}
+		else
+		{
+			markBegin();
+			getUnitIdx(document.body.scrollTop,document.body.clientHeight);
+		}
+	}
+	else
+		setTimeout("checkAgain()",50);
+}
+
+function getLimit(aDataCon,aPos,aMaxPos,aMinPos,i)
+{
+	aMaxPos[i]=aDataCon[i].nNum;
+	aMinPos[i]=-1;
+	var oPNode=null;
+	if(aDataCon[i].oUsedItems)
+	{
+		var oUsedItems=aDataCon[i].oUsedItems;
+		do{
+			if(oUsedItems.nB>aPos[i])
+			{
+				aMaxPos[i]=oUsedItems.nB;
+				break;
+			}
+			oPNode=oUsedItems;
+			oUsedItems=oUsedItems.oN;
+		}while(oUsedItems!=null);
+		if(oPNode)
+			aMinPos[i]=oPNode.nE;
+	}
+	else if(aDataCon[i].aKs==null)
+	{
+		aMaxPos[i]=aMinPos[i]=aPos[i];
+	}
+	if(aMinPos[i]>=aPos[i]||aMaxPos[i]<=aPos[i])
+	{
+		aMaxPos[i]=aMinPos[i]=aPos[i];
+	}
+}
+
+function getIdxPos(oIdx,bDown,sK)
+{
+	var aKs=oIdx.aKs;
+	var nIdx;
+	if(bDown)
+		nIdx=oIdx.nNum;
+	else
+		nIdx=-1;
+	if(aKs!=null)
+	{
+		for(var i=0;i<aKs.length;i++)
+		{	
+			if(bDown)
+			{
+				if(compare(aKs[i].sName,sK)>0)
+				{
+					nIdx=i;
+					break;
+				}
+			}
+			else
+			{
+				if(compare(aKs[i].sName,sK)<0)
+					nIdx=i;
+				else
+					break;
+			}
+			i+=aKs[i].nNKOff;
+		}
+	}
+	else if(oIdx.aKsOnly)
+	{
+		var aKsOnly=oIdx.aKsOnly;
+		for(var i=0;i<aKsOnly.length;i++)
+		{	
+			if(aKsOnly[i])
+			{
+				if(bDown)
+				{
+					if(compare(aKsOnly[i],sK)>0)
+					{
+						nIdx=i;
+						break;
+					}
+				}
+				else
+				{
+					if(compare(aKsOnly[i],sK)<0)
+						nIdx=i;
+					else
+						break;
+				}
+			}
+		}
+	}
+	return nIdx;
+}
+
+function writeItems(oHTML,aDataCon,aPos,aMinPos,aMaxPos,bDown,nLevel)
+{
+	var aOldPos=new Array();
+	for(var i=0;i<aPos.length;i++)
+	{
+		aOldPos[i]=aPos[i];
+	}
+	var p;
+	do{
+		var sCurrentK="";
+		var aCurIdxSet=new Array();
+		p=0;
+		for(i=0;i<aDataCon.length;i++)
+		{
+			if(aDataCon[i].aKs&&aDataCon[i].aKs.length&&aPos[i]!=-1&&
+				(bDown&&aPos[i]<aMaxPos[i])||(!bDown&&aPos[i]>aMinPos[i]))
+			{
+				if(sCurrentK==""||
+					(bDown&&compare(sCurrentK,aDataCon[i].aKs[aPos[i]].sName)>0)||
+					(!bDown&&compare(sCurrentK,aDataCon[i].aKs[aPos[i]].sName)<0))
+				{
+					sCurrentK=aDataCon[i].aKs[aPos[i]].sName;
+					p=0;
+					aCurIdxSet[p++]=i;
+				}
+				else if(sCurrentK==aDataCon[i].aKs[aPos[i]].sName){
+					aCurIdxSet[p++]=i;
+				}
+			}
+			else if(nLevel==1&&aMaxPos[i]!=aMinPos[i]){
+				if(bDown&&aPos[i]==aMaxPos[i])
+				{
+					if(aDataCon[i].aKs)
+					{
+						gsSKA=aDataCon[i].aKs[aOldPos[i]].sName;
+						return false;
+					}
+				}
+				else if(!bDown&&aPos[i]==aMinPos[i])
+				{
+					if(aDataCon[i].aKs)
+					{
+						gsSKB=aDataCon[i].aKs[aOldPos[i]].sName;
+						return false;
+					}
+				}
+			}
+		}
+		if(p>=1){
+			for(var s=0;s<p;s++)
+			{
+				aOldPos[aCurIdxSet[s]]=aPos[aCurIdxSet[s]];
+			}
+			mergeItems(oHTML,bDown,aDataCon,aCurIdxSet,p,aPos,nLevel);
+			adjustPosition(bDown,aDataCon,aCurIdxSet,p,aPos);
+			
+			if(nLevel==1&&oHTML.nNeeded<=oHTML.nCurrent){
+				return true;
+			}
+		}
+	}while(p>0);
+	return true;
+}
+
+function updateUsedK(aDataCon,aOriPos,aOldPos,bDown)
+{
+	for(var i=0;i<aDataCon.length;i++)
+	{
+		if (aOldPos[i]!=aOriPos[i])
+		{
+			var nBP=0;
+			var nEP=0;
+			if(bDown)
+			{
+				nBP=aOriPos[i];
+				nEP=aOldPos[i]-1;
+			}
+			else
+			{
+				if (aOldPos[i]!=-1)
+					nBP=aOldPos[i]+aDataCon[i].aKs[aOldPos[i]].nNKOff+1;
+				else
+					nBP=0;
+				nEP=aOriPos[i]+aDataCon[i].aKs[aOriPos[i]].nNKOff;
+			}
+			if(nBP<=nEP)
+			{
+				setContentsUsed(aDataCon[i],nBP,nEP);
+				
+				var oFirstPair=aDataCon[i].oUsedItems;
+				if(oFirstPair.oN==null&&oFirstPair.nB==0&&oFirstPair.nE==aDataCon[i].nNum-1)
+				{
+					storeKeysOnly(aDataCon[i]);
+					aDataCon[i].oUsedItems=aDataCon[i].aKs=aDataCon[i].sFileName=null;
+				}
+			}
+		}
+	}
+}
+
+function storeKeysOnly(oCData)
+{
+	oCData.aKsOnly=new Array();
+	for(var i=0;i<oCData.aKs.length;i++)
+	{
+		oCData.aKsOnly[i]=oCData.aKs[i].sName;
+		i+=oCData.aKs[i].nNKOff;
+	}
+}
+
+function setContentsUsed(oIdx,nB,nE)
+{
+	if(!oIdx.oUsedItems)
+		oIdx.oUsedItems=new usedItems(nB,nE);
+	else
+	{
+		var oUsedItems=oIdx.oUsedItems;
+		var oPNode=null;
+		do{
+			if(oUsedItems.nB>nB)
+			{
+				if(oUsedItems.nB==nE+1)
+				{
+					oUsedItems.nB=nB;
+				}
+				else{
+					var oNewNode=new usedItems(oUsedItems.nB,oUsedItems.nE);
+					oNewNode.oN=oUsedItems.oN;
+					oUsedItems.nB=nB;
+					oUsedItems.nE=nE;
+					oUsedItems.oN=oNewNode;
+				}
+				break;
+			}
+			oPNode=oUsedItems;
+			oUsedItems=oUsedItems.oN;
+		}while(oUsedItems);
+		if(!oUsedItems)
+		{
+			if(oPNode!=null)
+				oPNode.oN=new usedItems(nB,nE);
+		}
+		if(oPNode!=null){
+			if(oPNode.nE==oPNode.oN.nB-1)
+			{
+				oPNode.nE=oPNode.oN.nE;
+				oPNode.oN=oPNode.oN.oN;
+			}
+		}
+	}
+}
+
+function projInfo(sPPath,sDPath,sFile)
+{
+	this.sPPath=sPPath;
+	this.sDPath=sDPath;
+	this.sFile=sFile;
+}
+
+function addProjInfo(sPPath,sDPath,sFile)
+{
+	var oIdxInfo=new projInfo(sPPath,sDPath,sFile);
+	gaData[gaData.length]=oIdxInfo;
+	return oIdxInfo;
+}
+
+function writeDataIFrame()
+{
+	if(gnLoad<gaData.length)
+	{
+		gbLoadInfo=true;
+		loadData2(gaData[gnLoad].sPPath+gaData[gnLoad].sDPath+gaData[gnLoad].sFile);
+	}
+	else{
+		if(gnItems!=0)
+		{
+			markBegin();
+			writeFakeItems();
+			gsSKA="";
+			gnNeeded=gnVisible;
+			gnIns=0;
+			checkReady();
+		}
+	}
+}
+
+function getH6ById(nPos)
+{
+	if(document.all)
+		return document.all("fk"+nPos);
+	else if(document.getElementsByName)
+		return document.getElementsByName("fk"+nPos);
+	return null;		
+}
+
+function showItemsInEvaluation(nBP)
+{
+	var bRtn=true;
+	var fPer=nBP/gnItems;
+	var nB=Math.floor(fPer*gnMaxItems);
+	var oCData=getChunkByIdx(gnRef,nB);
+	if(oCData)
+	{
+		if(!oCData.aKs&&oCData.sFileName!=null)
+		{
+			gnNKI=nB;
+			goCData=oCData;
+			oCData.nProjId=gnRef;
+			gbLoadInfo=false;
+			beginLoading();
+			loadData2(gaData[gnRef].sPPath+gaData[gnRef].sDPath+oCData.sFileName);
+		}
+		else{
+			gsSKA=getKByIdx(oCData,nB);
+			if(gsSKA)
+			{
+				gsSKB=null;
+				gbNeedCalc=true;
+				gbScrl=true;
+				checkReady()
+			}
+			else
+			{
+				markEnd();
+				bRtn=false;
+			}
+		}
+	}
+	else
+	{
+		markEnd();
+		bRtn=false;
+	}
+	return bRtn;
+}
+
+function isUsed(oCData,nPos)
+{
+	var oUsed=oCData.oUsedItems;
+	while(oUsed&&oUsed.nB<=nPos)
+	{
+		if(oUsed.nE>=nPos) return true;
+		oUsed=oUsed.oN;
+	}
+	return false;
+}
+
+function getKByIdx(oCData,nB)
+{
+	var nRelPos=nB-(oCData.nTotal-oCData.nNum);
+	var aIKs=oCData.aKs;
+	if(nRelPos>=0&&aIKs&&nRelPos<aIKs.length)
+	{
+		var oK=null;
+		do{
+			oK=aIKs[nRelPos++];
+		}	
+		while((oK.nType==3||isUsed(oCData,nRelPos-1))&&nRelPos<aIKs.length);
+		if(oK.nType!=3)
+		{
+			return oK.sName;
+		}
+		else{
+			nRelPos=nB-(oCData.nTotal-oCData.nNum)-1;
+			if(nRelPos>=0)
+			{
+				do{
+					oK=aIKs[nRelPos--];
+				}
+				while((oK.nType==3||isUsed(oCData,nRelPos+1))&&nRelPos>=0);
+			}
+			if(oK.nType!=3)
+			{
+				return oK.sName;
+			}
+		}
+	}
+	return null;
+}
+
+function loadData2(sFileName)
+{
+	disEvt();
+	if(gbXML)
+		loadDataXML(sFileName);
+	else
+		loadData(sFileName);
+	enEvt();
+}
+
+function projReady(aChunk)
+{
+	gaChunks[gnLoad++]=aChunk;
+	var len=aChunk.length;
+	var nTotal=0;
+	if(len>0)
+		nTotal=aChunk[len-1].nTotal;
+	gnItems+=nTotal;
+	if(nTotal>gnMaxItems)
+	{
+		gnMaxItems=nTotal;
+		gnRef=gnLoad-1;
+	}
+	setTimeout("writeDataIFrame();",1);
+}
+
+function writeFakeItems()
+{
+	disEvt();
+	gnUHeight=15;
+	var sHTML=getFakeItemsHTMLbyCount(0,gnItems);
+	document.body.insertAdjacentHTML("beforeEnd",sHTML);
+	var obj=getH6ById(0);
+	if (document.body != null)
+	{
+		gnVisible=Math.ceil(document.body.clientHeight/gnUHeight);
+	}
+	gaFakes[0]=new fakeItemsArea(0,gnItems,"",getEndString(),obj);
+	enEvt();
+}
+
+function getEndString()
+{
+	var sBC=getBiggestChar();
+	return sBC+sBC+sBC+sBC+sBC+sBC+sBC+sBC;
+}
+
+function getUnitIdx(nScrl,nHeight)
+{
+	if(gaFakes.length==0)
+	{
+		markEnd();
+		return;
+	}
+	var nB=0;
+	var nE=gaFakes.length-1;
+	var nM=-1;
+	var nTop=0;
+	var nBtm=0;
+	var bF=false;
+	do{
+		nM=(nB+nE)>>1;
+		nBtm=gaFakes[nM].getBtm();
+		nTop=gaFakes[nM].getTop();
+			
+		if(nTop>=nScrl+nHeight)
+			nE=nM-1;
+		else if(nBtm<nScrl)
+			nB=nM+1;
+		else{
+			bF=true;
+			break;
+		}
+	}while(nE>=nB);
+	if(bF)
+	{
+		if(nTop>=nScrl){
+			gsSKA=gaFakes[nM].sKA;
+			gsSKB=null;
+			gnNeeded=Math.ceil((nHeight-nTop+nScrl)/gnUHeight);
+			gnIns=gaFakes[nM].nB;
+			checkReady();
+		}
+		else if(nBtm<=nScrl+nHeight){
+			gsSKB=gaFakes[nM].sKB;
+			gsSKA=null;
+			gnNeeded=Math.ceil((nBtm-nScrl+gnScrlMgn)/gnUHeight);
+			gbNeedCalc=true;
+			checkReady();
+		}
+		else{
+			gnNeeded=gnVisible;
+			var nUnitIdx=gaFakes[nM].nB+Math.floor((nScrl-nTop)/gnUHeight);
+			if (!showItemsInEvaluation(nUnitIdx))
+			{
+				gsSKA=gaFakes[nM].sKA;
+				gsSKB=null;
+				gnNeeded=Math.ceil(nHeight/gnUHeight);
+				gnIns=gaFakes[nM].nB;
+				checkReady();
+			}
+		}
+	}
+	else
+		markEnd();
+}
+
+function disEvt()
+{
+	window.onscroll=null;
+	window.onresize=null;
+}
+
+function enEvt()
+{
+	window.onscroll=window_OnScroll;
+	window.onresize=window_OnResize;
+}
+
+function insertIdxKs(nIns,oHTML,bScrl)
+{
+	var bRtn=true;
+	disEvt();
+	var nCount=oHTML.nConsumed;
+	var nB=0;
+	var nE=gaFakes.length-1;
+	var nM=-1;
+	var bF=false;
+	do{
+		nM=(nB+nE)>>1;
+		if(gaFakes[nM].nB>nIns)
+			nE=nM-1;
+		else if(gaFakes[nM].nB+gaFakes[nM].nNum<=nIns)
+			nB=nM+1;
+		else{
+			bF=true;
+			break;
+		}
+	}while(nE>=nB);
+	if(bF)
+	{
+		var oFIA=gaFakes[nM];
+		var nOffsetTop=oFIA.getTop();
+		var nOffsetBottom=oFIA.getBtm();
+		var nDelta=0;
+		var nHDiff=nIns-oFIA.nB;
+		var nTDiff=oFIA.nNum+oFIA.nB-(nIns+nCount);
+		if(nHDiff>0)
+		{
+			nDelta=oFIA.setNum(nHDiff);
+			var sOldKBefore=oFIA.sKB;
+			oFIA.sKB=oHTML.sFK;
+			if(nTDiff>0)
+			{
+				var sHTML=getFakeItemsHTMLbyCount(nIns,nTDiff);
+				oFIA.insertAdjacentHTML("afterEnd",sHTML);
+				var obj=getH6ById(nIns);
+				insertItemIntoArray(gaFakes,nM+1,new fakeItemsArea(nIns+nCount,nTDiff,oHTML.sLK,sOldKBefore,obj));
+			}
+			oFIA.insertAdjacentHTML("afterEnd",oHTML.sHTML);	
+			if(bScrl)
+			{
+				if(gbMac&&gbIE4)
+				{
+					var nScrollPos=nOffsetBottom-nDelta;
+					while(document.body.scrollTop!=nScrollPos)
+						document.body.scrollTop=nScrollPos;
+				}
+				else
+					window.scrollTo(0,nOffsetBottom-nDelta);
+			}
+		}
+		else{
+			oFIA.insertAdjacentHTML("beforeBegin",oHTML.sHTML);
+			if(bScrl){
+				if(gbMac&&gbIE4)
+				{
+					var nScrollPos=nOffsetTop;
+					while(document.body.scrollTop!=nScrollPos)
+						document.body.scrollTop=nScrollPos;
+				}
+				else
+					window.scrollTo(0,nOffsetTop);
+			}
+					
+			if(nTDiff>0)
+			{
+				oFIA.nB=nIns+nCount;
+				nDelta=oFIA.setNum(nTDiff);
+				oFIA.sKA=oHTML.sLK;
+			}	
+			else{
+				gaFakes[nM].setNum(0);
+				removeItemFromArray(gaFakes,nM);
+			}
+		}
+	}
+	else
+		bRtn=false;
+	enEvt();
+	return bRtn;
+}
+
+function window_OnScroll()
+{
+	gnSE++;
+	setTimeout("procScroll();",50);	
+}
+
+function procScroll()
+{
+	if(gnSE==1&&!gbProcess)
+	{
+		markBegin();
+		getUnitIdx(document.body.scrollTop,document.body.clientHeight);
+	}
+	gnSE--;
+}
+
+function window_OnResize()
+{
+	gnRE++;
+	setTimeout("procResize();",50);
+}
+
+function procResize()
+{
+	if(gnRE==1&&!gbProcess)
+	{
+		markBegin();
+		gnVisible=Math.ceil(document.body.clientHeight/gnUHeight);
+		if(gnIns==-1)
+			getUnitIdx(document.body.scrollTop,document.body.clientHeight);
+	}
+	gnRE--;
+}
+
+function getChunkByIdx(nIdx,nPosition)
+{
+	var oCData=null;
+	if(nIdx<gaChunks.length)
+	{
+		var len=gaChunks[nIdx].length;
+		if(len>0)
+		{
+			var nB=0;
+			var nE=len-1;
+			var bF=false;
+			do{
+				var nM=(nB+nE)>>1;
+				if(nPosition<gaChunks[nIdx][nM].nTotal)
+				{
+					bF=true;
+					nE=nM;
+				}
+				else
+					nB=nM+1;
+			}while(nE>nB);
+			if(bF)
+				oCData=gaChunks[nIdx][nE];
+			else if(nPosition<gaChunks[nIdx][nB].nTotal)
+				oCData=gaChunks[nIdx][nB];
+		}
+	}
+	return oCData;
+}
+
+function getChunkedData(nIdx,bDown,sK)
+{
+	var oCData=null;
+	var nCandId=-1;
+	if(nIdx<gaChunks.length)
+	{
+		var len=gaChunks[nIdx].length;
+		if(len>0)
+		{
+			var nB=0;
+			var nE=len-1;
+			var bF=false;
+			do{
+				var nM=(nB+nE+(bDown?0:1))>>1;
+				if(bDown)
+				{
+					if(compare(sK,gaChunks[nIdx][nM].sEK)<0)
+					{
+						bF=true;
+						nE=nM;
+					}
+					else
+						nB=nM+1;
+				}
+				else
+				{
+					if(compare(sK,gaChunks[nIdx][nM].sBK)>0)
+					{
+						bF=true;
+						nB=nM;
+					}
+					else
+						nE=nM-1;
+				}
+			}while(nE>nB);
+			if(bF)
+			{
+				if(bDown)
+					nCandId=nE;
+				else
+					nCandId=nB;
+			}
+			else
+			{
+				if(bDown)
+				{
+					if(gaChunks[nIdx].length>nB&&compare(sK,gaChunks[nIdx][nB].sEK)<0)
+						nCandId=nB;
+					else
+						nCandId=gaChunks[nIdx].length-1;
+				}
+				else
+				{
+					if(0<=nE&&compare(sK,gaChunks[nIdx][nE].sBK)>0)
+						nCandId=nE;
+					else
+						nCandId=0;
+				}
+			}
+			return gaChunks[nIdx][nCandId];
+		}
+	}
+	return null;
+}
+
+function findCK()
+{
+	if(gsCK!=null)
+	{
+		gsSKA=gsCK;
+		gbFindCK=true;
+		gnNeeded=1;
+		markBegin();
+		checkReady();
+	}
+}
+
+function writeLoadingDiv(nIIdx)
+{
+	return "<div id=\""+gsLoadingDivID+"\" style=\"position:absolute;top:0;left:0;z-index:600;visibility:hidden;padding-left:4px;background-color:ivory;border-width:1;border-style:solid;border-color:black;width:150px;\">"+gsLoadingMsg+"</div>";
+}
+
+var gbWhHost=true;
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whibody.htm b/doc/salome/gui/SUPERV/whibody.htm
new file mode 100755
index 0000000..62cbf7a
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whibody.htm
@@ -0,0 +1,288 @@
+<html>
+<head>
+<title>Index content</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<base target="bsscright">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whlang.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whhost.js"></script>
+<script language="javascript1.2" src="whihost.js"></script>
+<script language="javascript1.2">
+<!--
+var gnPageWidth = 0;
+var gnPageHeight = 0;
+var goPopup = null;
+var gITE = new Array();
+var gIndexLetterArray = new Array();
+var gbPopupMenuTimeoutExpired=false;
+var gBsClientWidth=640;
+var gBsClientHeight=480;
+var g_bIsPopupMenuInit=false;
+
+function WritePopupMenuLayer()
+{
+	if (!g_bIsPopupMenuInit)
+	{
+		document.write("<DIV ID='PopupMenu' STYLE='position:absolute; left:0px; top:0px; z-index:4; visibility:hidden;'></DIV>");
+		document.write("<STYLE TYPE='text/css'>");
+		if (gbMac && gbIE4) {
+			document.write(".PopupOver {font-family:'Arial'; color:white; background:navy; font-size:10pt; text-decoration:none;}");
+			document.write(".PopupNotOver {font-family:'Arial'; color:black; background:#c0c0c0; font-size:10pt; text-decoration:none;}");
+		} else {
+			document.write(".PopupOver {font-family:'Arial'; color:white; background:navy; font-size:8pt; text-decoration:none;}");
+			document.write(".PopupNotOver {font-family:'Arial'; color:black; background:#c0c0c0; font-size:8pt; text-decoration:none;}");
+		}
+		document.write("</STYLE>");
+	}
+	g_bIsPopupMenuInit = true;
+}
+
+function PopupMenu_Invoke()
+{
+	if (gbNav6)
+		resetHighLight();
+	
+	if (!gbNav6  && document.readyState != "complete")
+		return false;
+	var fn_arguments = PopupMenu_Invoke.arguments; 
+	// Make sure we have reasonable arguments
+	var argLen = fn_arguments.length;
+	if (argLen < 3) {
+		return false;
+	}
+
+	// Check to see if we only have one target
+	var strTarget = "";
+	
+	strTarget = "TARGET='" + fn_arguments[1] + "'";
+	
+	if (argLen < 5) {
+		// Get the place that we will be putting the topic into
+		var strURL = fn_arguments[3];
+
+		if (fn_arguments[1] != null && typeof(fn_arguments[1]) != "undefined")
+			window.open(strURL, fn_arguments[1]);
+		else
+			window.open(strURL);
+			
+		return false;
+	}
+	
+	var strMenu = '<TABLE STYLE="border:2px outset white;" CELLSPACING=0';
+	if (gbMac && gbIE4) {
+		strMenu += ' CELLPADDING=4';
+	} else {
+		strMenu += ' CELLPADDING=2';
+	}	
+	strMenu += ' BGCOLOR=#c0c0c0>';
+
+	// Add each of the items
+	if (gbIE55)
+	{
+		var i = 2;
+		while (i <= argLen - 1) {
+			strMenu += '<TR><TD><NOBR>'
+			strMenu += '<DIV STYLE="padding-left:3pt; padding-right:3pt;"><A ';
+			strMenu += ' onclick="parent.PopupMenu_2HandleClick(\'' + fn_arguments[i + 1] + '\', \'' + fn_arguments[1] + '\');"';
+			strMenu += ' onmouseover="parent.PopupMenu_Over(event);"';
+			strMenu += ' onmouseout="parent.PopupMenu_Out(event);"';
+			strMenu += '>';
+			strMenu += '<SPAN CLASS="PopupNotOver">' + fn_arguments[i] + '</SPAN>';
+			strMenu += '</A></DIV></NOBR></TD></TR>';
+			i += 2;
+		}
+	}
+	else
+	{
+		var i = 2;
+		while (i <= argLen - 1) {
+			strMenu += '<TR><TD><NOBR>'
+			strMenu += '<DIV STYLE="padding-left:3pt; padding-right:3pt;"><A HREF="' + fn_arguments[i + 1] + '" ' + strTarget;
+			strMenu += ' onclick="PopupMenu_HandleClick(event);"';
+			strMenu += ' onmouseover="PopupMenu_Over(event);"';
+			strMenu += ' onmouseout="PopupMenu_Out(event);"';
+			strMenu += '>';
+			strMenu += '<SPAN CLASS="PopupNotOver">' + fn_arguments[i] + '</SPAN>';
+			strMenu += '</A></DIV></NOBR></TD></TR>';
+			i += 2;
+		}
+	}
+	strMenu += "</TABLE>";
+
+	if (gbMac && gbIE4) {
+	// ie5 in mac need something. </TABLE> is one of them.
+		strMenu +="<TABLE></TABLE>";
+	}
+
+	var layerPopup = null;
+	var stylePopup = null;
+	var nEventX = 0;
+	var nEventY = 0;
+	var nWindowWidth = 0;
+	if (gbIE4)
+	{
+		layerPopup = document.all["PopupMenu"];
+		layerPopup.innerHTML = strMenu;
+		stylePopup = layerPopup.style;
+
+		_BSPSGetClientSize();
+
+		// Get the position of the item causing the event (relative to its parent)
+		nEventX = window.event.clientX;
+		nEventY = window.event.clientY;
+		
+		if (nEventY + layerPopup.scrollHeight + 10 < gBsClientHeight) {
+			nEventY += document.body.scrollTop + 10;
+		} else {
+			nEventY = (document.body.scrollTop + gBsClientHeight) - layerPopup.scrollHeight - 20;
+		}
+		stylePopup.top = nEventY;
+
+		if (nEventX + layerPopup.scrollWidth + 20 > gBsClientWidth) {
+			if (gBsClientWidth - layerPopup.scrollWidth < 5) {
+				stylePopup.left = 5;
+			} else {
+				stylePopup.left = gBsClientWidth - layerPopup.scrollWidth - 5;
+			}
+		} else {
+			stylePopup.left = nEventX + document.body.scrollLeft + 20;
+		}
+
+		if (gbIE55) {
+			var nPosX = window.event.clientX;
+			var nPosY = window.event.clientY;
+			if (window.event.srcElement)
+			{
+				nPosX = window.event.srcElement.offsetLeft + window.event.srcElement.offsetWidth - document.body.scrollLeft;
+				nPosY = window.event.srcElement.offsetTop + window.event.srcElement.offsetHeight - document.body.scrollTop;
+			}
+			goPopup = window.createPopup();
+			var oPopupBody = goPopup.document.body;
+			goPopup.document.createStyleSheet();
+			goPopup.document.styleSheets[0].addRule(".PopupOver", "{font-family:\"Arial\"; cursor: hand;color:white; background:navy; font-size:8pt; text-decoration:none;}");
+			goPopup.document.styleSheets[0].addRule(".PopupNotOver", "{font-family:\"Arial\"; color:black; background:#c0c0c0; font-size:8pt; text-decoration:none;}");
+			oPopupBody.insertAdjacentHTML("afterBegin", strMenu);
+			goPopup.show(nPosX, nPosY, layerPopup.scrollWidth, layerPopup.scrollHeight, document.body);
+		}
+		else 
+		{
+			stylePopup.visibility = "visible";
+			document.onclick = PopupMenu_HandleClick;
+		}
+	} else if (gbNav6) {
+		layerPopup = document.getElementById("PopupMenu");
+		layerPopup.style.visibility = "hidden";
+	
+		var e = fn_arguments[0];
+		nEventX = e.pageX;
+		nEventY = e.pageY;
+		_BSPSGetClientSize();
+		layerPopup.innerHTML = strMenu;
+
+		if (nEventY + layerPopup.offsetHeight + 20  <  window.pageYOffset + gBsClientHeight) {
+			nEventY += 20;
+		} else {
+			nEventY = gBsClientHeight + window.pageYOffset - layerPopup.offsetHeight - 20;
+		}
+
+		if (nEventX + layerPopup.offsetWidth + 20 > gBsClientWidth + window.pageXOffset) {
+			if (gBsClientWidth + window.pageXOffset - layerPopup.offsetWidth < 20) {
+				nEventX = 5;
+			} else {
+				nEventX = gBsClientWidth + window.pageXOffset - layerPopup.offsetWidth - 20;
+			}
+		} else {
+			nEventX += 20;
+		}
+		layerPopup.style.top = nEventY;
+		layerPopup.style.left = nEventX;
+
+		// set again to avoid the frash in netscape 6.
+		layerPopup.innerHTML = strMenu;
+		layerPopup.style.visibility = "visible";
+		window.onclick = PopupMenu_HandleClick;
+	} 
+
+	window.gbPopupMenuTimeoutExpired = false;
+	setTimeout("PopupMenu_Timeout();", 100);
+	return false;
+}
+
+function PopupMenu_Timeout()
+{
+	window.gbPopupMenuTimeoutExpired = true;
+}
+
+function PopupMenu_Over(e)
+{
+	if (gbIE4)
+		e.srcElement.className = "PopupOver";
+	else if (gbNav6)
+		e.target.parentNode.className = "PopupOver";
+}
+
+function PopupMenu_Out(e)
+{
+	if (gbIE4)
+		e.srcElement.className = "PopupNotOver";
+	else if (gbNav6)
+		e.target.parentNode.className = "PopupNotOver";
+}
+
+function PopupMenu_2HandleClick(surl, starget)
+{
+	window.open(surl, starget);
+	goPopup.hide();
+}
+
+function PopupMenu_HandleClick(e)
+{
+	if (!window.gbPopupMenuTimeoutExpired) {
+		return;
+	}
+
+	var layerPopup = getElement("PopupMenu");
+	layerPopup.style.visibility = "hidden";
+
+	return;
+}
+
+//Get client size info
+function _BSPSGetClientSize()
+{
+	gBsClientWidth	= document.body.clientWidth;
+	gBsClientHeight = document.body.clientHeight;
+}
+
+if (window.gbWhIHost)
+{
+	setBackgroundcolor("White");
+	
+	setFont("Normal", "Tahoma","8pt","Black","Normal","Normal","none");
+	setFont("Empty", "Tahoma","8pt","Black","Normal","Normal","none");
+	setFont("Hover", "Tahoma","8pt","Navy","Normal","Normal","underline");
+	setActiveBgColor("Silver");
+	
+	
+	IndexWriteClassStyle();
+}
+else
+	document.location.reload();
+//-->
+</script>
+</head>
+<body topmargin="2" leftmargin="2" marginwidth="0" marginheight="0" bgproperties="fixed" scroll="auto" bgcolor="white">
+<script languageE="JavaScript">
+<!--
+WritePopupMenuLayer();
+//-->
+</script>
+</body>
+</html>
+
diff --git a/doc/salome/gui/SUPERV/whidhtml.htm b/doc/salome/gui/SUPERV/whidhtml.htm
new file mode 100755
index 0000000..8a420e4
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whidhtml.htm
@@ -0,0 +1,30 @@
+<html>
+<head>
+<title>Index</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2">
+<!--
+var gbIndexLayerInit = false;
+if (window.gbWhProxy&&window.gbWhMsg&&window.gbWhVer)
+{
+	var strWrite;
+	if (gbMac)
+		strWrite="<FRAMESET ROWS='45,100%' framespacing=0  frameborder=0>";
+	else
+		strWrite="<FRAMESET ROWS='60,100%' framespacing=0  frameborder=0>";
+	strWrite +="<FRAME SRC='whiform.htm' title='index form frame' name='idxform' noresize='yes' scrolling='no'>";
+	strWrite +="<FRAME SRC='whibody.htm' title='index content frame' name='idxbody' scrolling='yes'>";
+	strWrite +="</FRAMESET>";
+	document.write(strWrite);
+}
+else
+	document.location.reload();
+//-->
+</script>
+</html>
diff --git a/doc/salome/gui/SUPERV/whiform.htm b/doc/salome/gui/SUPERV/whiform.htm
new file mode 100755
index 0000000..1f2835d
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whiform.htm
@@ -0,0 +1,91 @@
+<html>
+<head>
+<title>Index form</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<style>
+<!--
+body {margin:0;}
+-->
+</style>
+<body bgcolor="#c0c0c0">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whform.js"></script>
+<script language="javascript1.2">
+<!--
+function indexLookup(bCR)
+{
+	var strInput = document.IndexInputForm.keywordField.value.toUpperCase();
+	if (strInput != "") {
+		var oParam = new Object();
+		oParam.sInput = strInput;
+		oParam.bCR = bCR;
+		var oMessage = new whMessage(WH_MSG_SEARCHINDEXKEY, this, 1, oParam);
+		SendMessage(oMessage);
+	}
+	if (gbMac) {
+		document.IndexInputForm.keywordField.focus();
+	}
+}
+
+function window_Unload()
+{
+	UnRegisterListener2(this, WH_MSG_SHOWTOC);
+	UnRegisterListener2(this, WH_MSG_SHOWIDX);
+	UnRegisterListener2(this, WH_MSG_SHOWFTS);
+	UnRegisterListener2(this, WH_MSG_SHOWGLO);
+}
+
+function onSendMessage(oMessage)
+{
+	if (oMessage.nMessageId == WH_MSG_SHOWIDX)
+	{
+		document.IndexInputForm.keywordField.focus();
+	}
+	else if (oMessage.nMessageId == WH_MSG_SHOWFTS ||
+		oMessage.nMessageId == WH_MSG_SHOWTOC || 
+		oMessage.nMessageId == WH_MSG_SHOWGLO)
+	{
+		document.IndexInputForm.keywordField.blur();
+	}
+	return true;
+}
+
+if (window.gbWhForm)
+{
+	RegisterListener2(this, WH_MSG_SHOWTOC);
+	RegisterListener2(this, WH_MSG_SHOWIDX);
+	RegisterListener2(this, WH_MSG_SHOWFTS);
+	RegisterListener2(this, WH_MSG_SHOWGLO);
+	window.onunload=window_Unload;
+	window.onload = init;
+	gfunLookUp = indexLookup;
+	gfunInit = null;
+	gstrFormName = "IndexInputForm"
+	gsTitle = "Type in the keyword to find:";
+	gsTitle = "Type in the keyword to find:";
+
+	setBackgroundcolor("White");
+	
+	setBtnType("none");
+	
+	
+	
+	setGoText("Go");
+	setFont("Title", "Tahoma","8pt","Navy","Normal","Normal","none");
+	
+	
+	document.write(getFormHTML());
+	writeFormStyle();
+}
+else
+	document.location.reload();
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whihost.js b/doc/salome/gui/SUPERV/whihost.js
new file mode 100755
index 0000000..7e2ab32
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whihost.js
@@ -0,0 +1,432 @@
+var gsDefaultTarget="bsscright";
+var gsBgColor="#ffffff";
+var gsBgImage="";
+var goIdxFont=null;
+var goIdxEmptyFont=null;
+var goIdxHoverFont=null;
+var gsIdxMargin="0pt";
+var gsIdxIndent="8pt";
+var gsIdxActiveBgColor="#cccccc";
+var gsCK = null;
+var gsBCK = null;
+var gbCR = false;
+var gbBCR = false;
+var gbWhIHost=true;
+
+function myEvent()
+{
+	this.pageX = 0;
+	this.pageY = 0;
+}
+var _event=new myEvent();
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
+{
+	var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+	if(sType=="Normal")
+		goIdxFont=vFont;
+	else if(sType=="Empty")
+		goIdxEmptyFont=vFont;
+	else if(sType=="Hover")
+		goIdxHoverFont=vFont;
+}
+
+function setActiveBgColor(sBgColor)
+{
+	gsIdxActiveBgColor=sBgColor;
+}
+
+function setMargin(sMargin)
+{
+	gsIdxMargin=sMargin;
+}
+
+function setIndent(sIndent)
+{
+	gsIdxIndent=sIndent;
+}
+
+function writeOneItem(oHTML,bDown,aDataCon,aCurIdxSet,nLength,aPos,nLevel)
+{
+	var sHTML="";
+	var nIdxSet=aCurIdxSet[0];
+	var nIIdx=aPos[nIdxSet];
+	var sKOriName=getItemName(aDataCon,nIdxSet,nIIdx);
+	var sKName=_textToHtml(sKOriName);
+
+	var nIdxIndent=parseInt(gsIdxIndent);
+	var sTopics="";
+	if(nLevel==1){
+		if(getItemType(aDataCon,nIdxSet,nIIdx)==1)
+		{
+			sHTML+="<H6><nobr>";
+			sHTML+="<b>"+sKName+"</b></nobr></H6>";
+		}
+		else{
+			for(var i=0;i<nLength;i++)
+				sTopics+=getIdxTopics(aDataCon,aCurIdxSet[i],aPos[aCurIdxSet[i]]);
+			sHTML+="<p style=\"margin-left:"+gsIdxIndent+"\"><nobr>";
+			sHTML+="<a alt=\"" + sKName + "\" href=\"javascript:void(0);\" onfocus=\"clearHighLight();\" onclick=\"PopupMenu_Invoke(event,'"+getTargetName(aDataCon,nIdxSet,nIIdx)+"'";
+			if(sTopics.length>0)
+				sHTML+=sTopics+");return false;\">"+sKName+"</a></nobr></p>";
+			else
+				sHTML+=");return false;\" style=\""+getFontStyle(goIdxEmptyFont)+"\">"+sKName+"</a></nobr></p>";
+		}
+	}
+	else if(nLevel>=2){
+		var nIndent=nIdxIndent*nLevel;
+		for(var i=0;i<nLength;i++)
+			sTopics+=getIdxTopics(aDataCon,aCurIdxSet[i],aPos[aCurIdxSet[i]]);
+		if (nLevel==2)
+			sHTML+="<h6 class=\"firstsub\" style=\"margin-left:"+nIndent+"pt\"><nobr>";
+		else
+			sHTML+="<h6 style=\"margin-left:"+nIndent+"pt\"><nobr>";
+		sHTML+="<a alt=\"" + sKName + "\" href=\"javascript:void(0);\" onfocus=\"clearHighLight();\" onclick=\"PopupMenu_Invoke(event,'"+getTargetName(aDataCon,nIdxSet,nIIdx)+"'";
+		if(sTopics.length>0)
+			sHTML+=sTopics+");return false;\">"+sKName+"</a></nobr></h6>";
+		else
+			sHTML+=");return false;\" style=\""+getFontStyle(goIdxEmptyFont)+"\">"+sKName+"</a></nobr></h6>";
+	}
+	oHTML.addHTML(sHTML,nLength,bDown,(nLevel==1),sKOriName);
+}
+
+function getTargetName(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		if(aDataCon[nIdxSet].aKs[nIIdx].sTarget)
+			return aDataCon[nIdxSet].aKs[nIIdx].sTarget;
+	return gsDefaultTarget;
+}
+
+function mergeItems(oHTML,bDown,aDataCon,aCurIdxSet,nLength,aPos,nLevel)
+{
+	var oLocalHTML=new indexHTMLPart();
+	writeOneItem(oLocalHTML,bDown,aDataCon,aCurIdxSet,nLength,aPos,nLevel);
+	
+	var aLocalPos=new Array();
+	var aMaxPos=new Array();
+	for(var i=0;i<aPos.length;i++)
+	{
+		aLocalPos[i]=aPos[i];
+		aMaxPos[i]=-1;
+	}
+	
+	for(i=0;i<nLength;i++)
+	{
+		var nNKOff=getNKOff(aDataCon,aCurIdxSet[i],aLocalPos[aCurIdxSet[i]]);
+		aLocalPos[aCurIdxSet[i]]++;
+		if(nNKOff>0)
+			aMaxPos[aCurIdxSet[i]]=aLocalPos[aCurIdxSet[i]]+nNKOff;
+	}
+	var oSubHTML=new indexHTMLPart();
+	writeItems(oSubHTML,aDataCon,aLocalPos,null,aMaxPos,true,nLevel+1);
+	oLocalHTML.addSubHTML(oSubHTML,true);
+	oHTML.appendHTML(oLocalHTML,bDown);
+}
+
+function adjustPosition(bDown,aDataCon,aCurIdxSet,nLength,aPos)
+{
+	if(bDown)
+	{
+		for(var i=0;i<nLength;i++)
+		{
+			var nNKOff=getNKOff(aDataCon,aCurIdxSet[i],aPos[aCurIdxSet[i]]);
+			aPos[aCurIdxSet[i]]+=(1+nNKOff);
+		}
+	}
+	else{
+		for(var i=0;i<nLength;i++)
+		{
+			var nPKOff=getPKOff(aDataCon,aCurIdxSet[i],aPos[aCurIdxSet[i]]);
+			aPos[aCurIdxSet[i]]-=(1+nPKOff);
+		}
+	}
+}
+
+function getItemName(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		return aDataCon[nIdxSet].aKs[nIIdx].sName;
+	else
+		return null;
+}
+
+function getItemType(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		return aDataCon[nIdxSet].aKs[nIIdx].nType;
+	else
+		return 0;
+}
+
+function getNKOff(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		return aDataCon[nIdxSet].aKs[nIIdx].nNKOff;
+	else
+		return null;
+}
+
+function getPKOff(aDataCon,nIdxSet,nIIdx)
+{
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+		return aDataCon[nIdxSet].aKs[nIIdx].nPKOff;
+	else
+		return null;
+}
+
+function window_OnLoad()
+{
+	if(gsBgImage&&gsBgImage.length>0)
+	{
+		document.body.background=gsBgImage;
+	}
+	if(gsBgColor&&gsBgColor.length>0)
+	{
+		document.body.bgColor=gsBgColor;
+	}
+	document.body.insertAdjacentHTML("beforeEnd",writeLoadingDiv());
+	loadIdx();
+	var oMsg=new whMessage(WH_MSG_SHOWIDX,this,1,null)
+	SendMessage(oMsg);
+}
+
+function loadIdx()
+{
+	if(!gbReady)
+	{
+		var oResMsg=new whMessage(WH_MSG_GETPROJINFO,this,1,null);
+		if(SendMessage(oResMsg)&&oResMsg.oParam)
+		{
+			gbReady=true;
+			var oProj=oResMsg.oParam;
+			var aProj=oProj.aProj;
+			gbXML=oProj.bXML;
+			if(aProj.length>0)
+			{
+				var sLangId=aProj[0].sLangId;
+				for(var i=0;i<aProj.length;i++)
+				{
+					if(aProj[i].sIdx!=null&&aProj[i].sIdx!=""&&aProj[i].sLangId==sLangId)
+					{
+						addProjInfo(aProj[i].sPPath,aProj[i].sDPath,aProj[i].sIdx);
+					}
+				}
+			}
+			writeDataIFrame();
+			enEvt();
+		}		
+	}
+}
+
+function getIdxTopics(aDataCon,nIdxSet,nIIdx)
+{
+	var sTopics="";
+	if(nIdxSet<aDataCon.length&&aDataCon[nIdxSet].aKs.length>nIIdx)
+	{
+		if(aDataCon[nIdxSet].aKs[nIIdx].aTopics)
+		{
+			var nLen=aDataCon[nIdxSet].aKs[nIIdx].aTopics.length;
+			var nProj=aDataCon[nIdxSet].nProjId;
+			var sPath=gaData[nProj].sPPath;
+			for(var i=0;i<nLen;i++)
+			{
+				var sURL=aDataCon[nIdxSet].aKs[nIIdx].aTopics[i].sURL;
+				var sFullPath=_getFullPath(sPath,sURL);
+				sTopics+=",'"+excapeSingleQuot(_textToHtml(aDataCon[nIdxSet].aKs[nIIdx].aTopics[i].sName))+"','"+_textToHtml_nonbsp(sFullPath)+"'";
+			}
+		}
+	}
+	return sTopics;		
+}
+
+function excapeSingleQuot(str)
+{
+	if(str==null) return null;
+	var sRes=str;
+	var re=new RegExp("'","g");
+	sRes=sRes.replace(re,"\\'");
+	return sRes;
+}
+
+function findCKInDom()
+{
+	if(gsCK!=null)
+	{
+		var sK=gsCK;
+		var oP=getElementsByTag(document,"P");
+		if(!oP) return false;
+		var len=oP.length;
+		var nB=0;
+		var nE=len-1;
+		var nM=0;
+		var sItem="";
+		var bF=false;
+		while(nB<nE){
+			nM=(nB+nE+1)>>1;
+			sItem=getInnerText(oP[nM]);
+			
+			if(compare(sItem,sK)==0)
+			{
+				bF=true;
+				break;
+			}
+			else if(compare(sItem,sK)>0)
+				nE=nM-1;
+			else if(compare(sItem,sK)<0)
+				nB=nM;
+		}
+		if(!bF)
+		{
+			if(nB==nE) nM=nB;
+		
+			if(nM+1<len)
+			{
+				sItem=getInnerText(oP[nM+1]);
+				if(compare(sItem,sK)<=0) nM++;
+			}			
+			if(nM+1<len)
+			{
+				sItem=getInnerText(oP[nM+1]);
+				if(compare(sItem.substring(0,sK.length),sK)==0) nM++;
+			}			
+		}
+	
+		var oMatch=oP[nM];
+		if(oMatch)
+		{
+			window.scrollTo(0,oMatch.offsetTop);
+			var tempColl=getElementsByTag(oMatch,"A");
+			if(tempColl&&tempColl.length>0){
+				var nbTag=getElementsByTag(oMatch,"NOBR");
+				if(nbTag&&nbTag.length>0)
+					HighLightElement(nbTag[0], gsIdxActiveBgColor, "transparent");
+				if (gbCR)
+				{
+					if (gbIE4)
+						tempColl(0).click();
+					else
+					{
+						var strCommand = tempColl[0].getAttribute("onClick");
+						var nstrCommand = strCommand.indexOf(";");
+						strCommand = strCommand.substring(0, nstrCommand);
+						strCommand = strCommand.replace("event", "_event");
+						window._event.pageX = oMatch.offsetLeft ;
+						window._event.pageY = oMatch.offsetTop + 20;
+						window.setTimeout(strCommand, 100);
+					}
+				}
+			}
+		}
+		gsCK=gsBCK;
+		gbCR=gbBCR;
+		if(gsBCK!=null)
+		{
+			gsBCK=null;
+			gbBCR=false;
+			findCK();
+			return false;
+		}
+		
+	}
+	return true;
+}
+
+function clearHighLight()
+{
+	resetHighLight(gsBgColor);
+}
+
+function IndexWriteClassStyle()
+{
+	var sStyle="";
+	sStyle+="<STYLE TYPE='text/css'>";
+	if (gsBgImage)
+		sStyle+="body {border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="body {border-top:black 1px solid;}\n";
+	if(gbIE4&&gbMac&&!gbIE5)
+	{
+		var nMargin=parseInt(gsIdxMargin);
+		nMargin-=10;
+		sStyle+="P {"+getFontStyle(goIdxFont)+"margin-top:"+gsIdxMargin+";margin-bottom:"+gsIdxMargin+";}\n";
+		sStyle+="H6 {"+getFontStyle(goIdxFont)+"margin-top:"+gsIdxMargin+";margin-bottom:"+gsIdxMargin+";}\n";
+		sStyle+="H6.firstsub {"+getFontStyle(goIdxFont)+"margin-top:"+nMargin+"pt;margin-bottom:"+gsIdxMargin+";}\n";
+	}
+	else
+	{
+		sStyle+="P {"+getFontStyle(goIdxFont)+"margin-top:"+gsIdxMargin+";margin-bottom:"+gsIdxMargin+";}\n";
+		sStyle+="H6 {"+getFontStyle(goIdxFont)+"margin-top:"+gsIdxMargin+";margin-bottom:"+gsIdxMargin+";}\n";
+	}
+	sStyle+="DIV {margin-top:"+gsIdxMargin+";margin-bottom:"+gsIdxMargin+";}\n";
+	sStyle+="A:link {"+getFontStyle(goIdxFont)+"}\n";
+	sStyle+="A:visited {"+getFontStyle(goIdxFont)+"}\n";
+	sStyle+="A:active {background-color:"+gsIdxActiveBgColor+";}\n";
+	sStyle+="A:hover {"+getFontStyle(goIdxHoverFont)+"}\n";
+	sStyle+="</STYLE>";	
+	document.write(sStyle);
+	return;
+}
+
+function window_Unload()
+{
+	UnRegisterListener2(this,WH_MSG_PROJECTREADY);
+	UnRegisterListener2(this,WH_MSG_SEARCHINDEXKEY);
+}
+
+function onSendMessage(oMsg)
+{
+	if(oMsg)
+	{
+		var nMsgId=oMsg.nMessageId;
+		if(nMsgId==WH_MSG_SEARCHINDEXKEY)
+		{
+			if(oMsg.oParam && oMsg.oParam.sInput)
+			{
+				if(gsCK==null)
+				{
+					gsCK=oMsg.oParam.sInput;
+					gbCR = oMsg.oParam.bCR;
+					findCK();
+				}
+				else
+				{
+					gsBCK=oMsg.oParam.sInput;
+					gbBCR = oMsg.oParam.bCR;
+				}
+			}
+		}
+		else if(nMsgId==WH_MSG_PROJECTREADY)
+		{
+			loadIdx();
+		}
+	}
+	return true;
+}
+
+if(window.gbWhVer&&window.gbWhLang&&window.gbWhMsg&&window.gbWhUtil&&window.gbWhHost&&window.gbWhProxy)
+{
+	RegisterListener2(this,WH_MSG_PROJECTREADY);
+	RegisterListener2(this,WH_MSG_SEARCHINDEXKEY);
+	goIdxFont=new whFont("Verdana","8pt","#000000","normal","normal","none");
+	goIdxEmptyFont=new whFont("Verdana","8pt","#666666","normal","normal","none");
+	goIdxHoverFont=new whFont("Verdana","8pt","#007f00","normal","normal","underline");
+
+	window.onload=window_OnLoad;
+	window.onbeforeunload=window_BUnload;
+	window.onunload=window_Unload;
+	gbWhIHost=true;
+}
+else
+	document.location.reload();
+
diff --git a/doc/salome/gui/SUPERV/whlang.js b/doc/salome/gui/SUPERV/whlang.js
new file mode 100755
index 0000000..055b5b8
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whlang.js
@@ -0,0 +1,452 @@
+var garrSortChar=new Array();
+var gaFtsStop=new Array();
+var gaFtsStem=new Array();
+var gbWhLang=false;
+
+garrSortChar[0] = 0;
+garrSortChar[1] = 1;
+garrSortChar[2] = 2;
+garrSortChar[3] = 3;
+garrSortChar[4] = 4;
+garrSortChar[5] = 5;
+garrSortChar[6] = 6;
+garrSortChar[7] = 7;
+garrSortChar[8] = 8;
+garrSortChar[9] = 40;
+garrSortChar[10] = 41;
+garrSortChar[11] = 42;
+garrSortChar[12] = 43;
+garrSortChar[13] = 44;
+garrSortChar[14] = 9;
+garrSortChar[15] = 10;
+garrSortChar[16] = 11;
+garrSortChar[17] = 12;
+garrSortChar[18] = 13;
+garrSortChar[19] = 14;
+garrSortChar[20] = 15;
+garrSortChar[21] = 16;
+garrSortChar[22] = 17;
+garrSortChar[23] = 18;
+garrSortChar[24] = 19;
+garrSortChar[25] = 20;
+garrSortChar[26] = 21;
+garrSortChar[27] = 22;
+garrSortChar[28] = 23;
+garrSortChar[29] = 24;
+garrSortChar[30] = 25;
+garrSortChar[31] = 26;
+garrSortChar[32] = 38;
+garrSortChar[33] = 45;
+garrSortChar[34] = 46;
+garrSortChar[35] = 47;
+garrSortChar[36] = 48;
+garrSortChar[37] = 49;
+garrSortChar[38] = 50;
+garrSortChar[39] = 33;
+garrSortChar[40] = 51;
+garrSortChar[41] = 52;
+garrSortChar[42] = 53;
+garrSortChar[43] = 88;
+garrSortChar[44] = 54;
+garrSortChar[45] = 34;
+garrSortChar[46] = 55;
+garrSortChar[47] = 56;
+garrSortChar[48] = 115;
+garrSortChar[49] = 119;
+garrSortChar[50] = 121;
+garrSortChar[51] = 123;
+garrSortChar[52] = 125;
+garrSortChar[53] = 126;
+garrSortChar[54] = 127;
+garrSortChar[55] = 128;
+garrSortChar[56] = 129;
+garrSortChar[57] = 130;
+garrSortChar[58] = 57;
+garrSortChar[59] = 58;
+garrSortChar[60] = 89;
+garrSortChar[61] = 90;
+garrSortChar[62] = 91;
+garrSortChar[63] = 59;
+garrSortChar[64] = 60;
+garrSortChar[65] = 131;
+garrSortChar[66] = 148;
+garrSortChar[67] = 150;
+garrSortChar[68] = 154;
+garrSortChar[69] = 158;
+garrSortChar[70] = 168;
+garrSortChar[71] = 171;
+garrSortChar[72] = 173;
+garrSortChar[73] = 175;
+garrSortChar[74] = 185;
+garrSortChar[75] = 187;
+garrSortChar[76] = 189;
+garrSortChar[77] = 191;
+garrSortChar[78] = 193;
+garrSortChar[79] = 197;
+garrSortChar[80] = 214;
+garrSortChar[81] = 216;
+garrSortChar[82] = 218;
+garrSortChar[83] = 220;
+garrSortChar[84] = 225;
+garrSortChar[85] = 230;
+garrSortChar[86] = 240;
+garrSortChar[87] = 242;
+garrSortChar[88] = 244;
+garrSortChar[89] = 246;
+garrSortChar[90] = 252;
+garrSortChar[91] = 61;
+garrSortChar[92] = 62;
+garrSortChar[93] = 63;
+garrSortChar[94] = 64;
+garrSortChar[95] = 66;
+garrSortChar[96] = 67;
+garrSortChar[97] = 131;
+garrSortChar[98] = 148;
+garrSortChar[99] = 150;
+garrSortChar[100] = 154;
+garrSortChar[101] = 158;
+garrSortChar[102] = 168;
+garrSortChar[103] = 171;
+garrSortChar[104] = 173;
+garrSortChar[105] = 175;
+garrSortChar[106] = 185;
+garrSortChar[107] = 187;
+garrSortChar[108] = 189;
+garrSortChar[109] = 191;
+garrSortChar[110] = 193;
+garrSortChar[111] = 197;
+garrSortChar[112] = 214;
+garrSortChar[113] = 216;
+garrSortChar[114] = 218;
+garrSortChar[115] = 220;
+garrSortChar[116] = 225;
+garrSortChar[117] = 230;
+garrSortChar[118] = 240;
+garrSortChar[119] = 242;
+garrSortChar[120] = 244;
+garrSortChar[121] = 246;
+garrSortChar[122] = 252;
+garrSortChar[123] = 68;
+garrSortChar[124] = 69;
+garrSortChar[125] = 70;
+garrSortChar[126] = 71;
+garrSortChar[127] = 27;
+garrSortChar[128] = 114;
+garrSortChar[129] = 28;
+garrSortChar[130] = 82;
+garrSortChar[131] = 170;
+garrSortChar[132] = 85;
+garrSortChar[133] = 112;
+garrSortChar[134] = 109;
+garrSortChar[135] = 110;
+garrSortChar[136] = 65;
+garrSortChar[137] = 113;
+garrSortChar[138] = 223;
+garrSortChar[139] = 86;
+garrSortChar[140] = 213;
+garrSortChar[141] = 29;
+garrSortChar[142] = 255;
+garrSortChar[143] = 30;
+garrSortChar[144] = 31;
+garrSortChar[145] = 80;
+garrSortChar[146] = 81;
+garrSortChar[147] = 83;
+garrSortChar[148] = 84;
+garrSortChar[149] = 111;
+garrSortChar[150] = 36;
+garrSortChar[151] = 37;
+garrSortChar[152] = 79;
+garrSortChar[153] = 229;
+garrSortChar[154] = 222;
+garrSortChar[155] = 87;
+garrSortChar[156] = 212;
+garrSortChar[157] = 32;
+garrSortChar[158] = 254;
+garrSortChar[159] = 251;
+garrSortChar[160] = 39;
+garrSortChar[161] = 72;
+garrSortChar[162] = 97;
+garrSortChar[163] = 98;
+garrSortChar[164] = 99;
+garrSortChar[165] = 100;
+garrSortChar[166] = 73;
+garrSortChar[167] = 101;
+garrSortChar[168] = 74;
+garrSortChar[169] = 102;
+garrSortChar[170] = 133;
+garrSortChar[171] = 93;
+garrSortChar[172] = 103;
+garrSortChar[173] = 35;
+garrSortChar[174] = 104;
+garrSortChar[175] = 75;
+garrSortChar[176] = 105;
+garrSortChar[177] = 92;
+garrSortChar[178] = 122;
+garrSortChar[179] = 124;
+garrSortChar[180] = 76;
+garrSortChar[181] = 106;
+garrSortChar[182] = 107;
+garrSortChar[183] = 108;
+garrSortChar[184] = 77;
+garrSortChar[185] = 120;
+garrSortChar[186] = 199;
+garrSortChar[187] = 94;
+garrSortChar[188] = 116;
+garrSortChar[189] = 117;
+garrSortChar[190] = 118;
+garrSortChar[191] = 78;
+garrSortChar[192] = 131;
+garrSortChar[193] = 131;
+garrSortChar[194] = 131;
+garrSortChar[195] = 131;
+garrSortChar[196] = 131;
+garrSortChar[197] = 131;
+garrSortChar[198] = 131;
+garrSortChar[199] = 150;
+garrSortChar[200] = 158;
+garrSortChar[201] = 158;
+garrSortChar[202] = 158;
+garrSortChar[203] = 158;
+garrSortChar[204] = 175;
+garrSortChar[205] = 175;
+garrSortChar[206] = 175;
+garrSortChar[207] = 175;
+garrSortChar[208] = 154;
+garrSortChar[209] = 193;
+garrSortChar[210] = 197;
+garrSortChar[211] = 197;
+garrSortChar[212] = 197;
+garrSortChar[213] = 197;
+garrSortChar[214] = 197;
+garrSortChar[215] = 95;
+garrSortChar[216] = 197;
+garrSortChar[217] = 230;
+garrSortChar[218] = 230;
+garrSortChar[219] = 230;
+garrSortChar[220] = 230;
+garrSortChar[221] = 246;
+garrSortChar[222] = 227;
+garrSortChar[223] = 224;
+garrSortChar[224] = 131;
+garrSortChar[225] = 131;
+garrSortChar[226] = 131;
+garrSortChar[227] = 131;
+garrSortChar[228] = 131;
+garrSortChar[229] = 131;
+garrSortChar[230] = 131;
+garrSortChar[231] = 150;
+garrSortChar[232] = 158;
+garrSortChar[233] = 158;
+garrSortChar[234] = 158;
+garrSortChar[235] = 158;
+garrSortChar[236] = 175;
+garrSortChar[237] = 175;
+garrSortChar[238] = 175;
+garrSortChar[239] = 175;
+garrSortChar[240] = 154;
+garrSortChar[241] = 193;
+garrSortChar[242] = 197;
+garrSortChar[243] = 197;
+garrSortChar[244] = 197;
+garrSortChar[245] = 197;
+garrSortChar[246] = 197;
+garrSortChar[247] = 96;
+garrSortChar[248] = 197;
+garrSortChar[249] = 230;
+garrSortChar[250] = 230;
+garrSortChar[251] = 230;
+garrSortChar[252] = 230;
+garrSortChar[253] = 246;
+garrSortChar[254] = 227;
+garrSortChar[255] = 250;
+
+gaFtsStop[0] = "a";
+gaFtsStop[1] = "about";
+gaFtsStop[2] = "after";
+gaFtsStop[3] = "against";
+gaFtsStop[4] = "all";
+gaFtsStop[5] = "also";
+gaFtsStop[6] = "among";
+gaFtsStop[7] = "an";
+gaFtsStop[8] = "and";
+gaFtsStop[9] = "are";
+gaFtsStop[10] = "as";
+gaFtsStop[11] = "at";
+gaFtsStop[12] = "be";
+gaFtsStop[13] = "became";
+gaFtsStop[14] = "because";
+gaFtsStop[15] = "been";
+gaFtsStop[16] = "between";
+gaFtsStop[17] = "but";
+gaFtsStop[18] = "by";
+gaFtsStop[19] = "can";
+gaFtsStop[20] = "come";
+gaFtsStop[21] = "do";
+gaFtsStop[22] = "during";
+gaFtsStop[23] = "each";
+gaFtsStop[24] = "early";
+gaFtsStop[25] = "for";
+gaFtsStop[26] = "form";
+gaFtsStop[27] = "found";
+gaFtsStop[28] = "from";
+gaFtsStop[29] = "had";
+gaFtsStop[30] = "has";
+gaFtsStop[31] = "have";
+gaFtsStop[32] = "he";
+gaFtsStop[33] = "her";
+gaFtsStop[34] = "his";
+gaFtsStop[35] = "however";
+gaFtsStop[36] = "in";
+gaFtsStop[37] = "include";
+gaFtsStop[38] = "into";
+gaFtsStop[39] = "is";
+gaFtsStop[40] = "it";
+gaFtsStop[41] = "its";
+gaFtsStop[42] = "late";
+gaFtsStop[43] = "later";
+gaFtsStop[44] = "made";
+gaFtsStop[45] = "many";
+gaFtsStop[46] = "may";
+gaFtsStop[47] = "me";
+gaFtsStop[48] = "med";
+gaFtsStop[49] = "more";
+gaFtsStop[50] = "most";
+gaFtsStop[51] = "near";
+gaFtsStop[52] = "no";
+gaFtsStop[53] = "non";
+gaFtsStop[54] = "not";
+gaFtsStop[55] = "of";
+gaFtsStop[56] = "on";
+gaFtsStop[57] = "only";
+gaFtsStop[58] = "or";
+gaFtsStop[59] = "other";
+gaFtsStop[60] = "over";
+gaFtsStop[61] = "several";
+gaFtsStop[62] = "she";
+gaFtsStop[63] = "some";
+gaFtsStop[64] = "such";
+gaFtsStop[65] = "than";
+gaFtsStop[66] = "that";
+gaFtsStop[67] = "the";
+gaFtsStop[68] = "their";
+gaFtsStop[69] = "then";
+gaFtsStop[70] = "there";
+gaFtsStop[71] = "these";
+gaFtsStop[72] = "they";
+gaFtsStop[73] = "this";
+gaFtsStop[74] = "through";
+gaFtsStop[75] = "to";
+gaFtsStop[76] = "under";
+gaFtsStop[77] = "until";
+gaFtsStop[78] = "use";
+gaFtsStop[79] = "was";
+gaFtsStop[80] = "we";
+gaFtsStop[81] = "were";
+gaFtsStop[82] = "when";
+gaFtsStop[83] = "where";
+gaFtsStop[84] = "which";
+gaFtsStop[85] = "who";
+gaFtsStop[86] = "with";
+gaFtsStop[87] = "you";
+
+gaFtsStem[0] = "s";
+gaFtsStem[1] = "e";
+gaFtsStem[2] = "ed";
+gaFtsStem[3] = "es";
+gaFtsStem[4] = "er";
+gaFtsStem[5] = "ly";
+gaFtsStem[6] = "ing";
+gaFtsStem[7] = "ingly";
+
+
+// as javascript 1.3 support unicode instead of ISO-Latin-1
+// need to transfer come code back to ISO-Latin-1 for compare purpose
+// Note: Different Language(Code page) maybe need different array:
+var gaUToC=new Array();
+gaUToC[8364]=128;
+gaUToC[8218]=130;
+gaUToC[402]=131;
+gaUToC[8222]=132;
+gaUToC[8230]=133;
+gaUToC[8224]=134;
+gaUToC[8225]=135;
+gaUToC[710]=136;
+gaUToC[8240]=137;
+gaUToC[352]=138;
+gaUToC[8249]=139;
+gaUToC[338]=140;
+gaUToC[381]=142;
+gaUToC[8216]=145;
+gaUToC[8217]=146;
+gaUToC[8220]=147;
+gaUToC[8221]=148;
+gaUToC[8226]=149;
+gaUToC[8211]=150;
+gaUToC[8212]=151;
+gaUToC[732]=152;
+gaUToC[8482]=153;
+gaUToC[353]=154;
+gaUToC[8250]=155;
+gaUToC[339]=156;
+gaUToC[382]=158;
+gaUToC[376]=159;
+
+var gsBiggestChar="";
+function getBiggestChar()
+{
+	if(gsBiggestChar.length==0)
+	{
+		if(garrSortChar.length<256)
+			gsBiggestChar=String.fromCharCode(255);
+		else
+		{
+			var nBiggest=0;
+			var nBigChar=0;
+			for(var i=0;i<=255;i++)
+			{
+				if(garrSortChar[i]>nBiggest)
+				{
+					nBiggest=garrSortChar[i];
+					nBigChar=i;
+				}
+			}
+			gsBiggestChar=String.fromCharCode(nBigChar);
+		}
+
+	}	
+	return gsBiggestChar;
+}
+
+function getCharCode(str,i)
+{
+	var code=str.charCodeAt(i)
+	if(code>256)
+	{
+		code=gaUToC[code];
+	}
+	return code;
+}
+
+function compare(strText1,strText2)
+{
+	if(garrSortChar.length<256)
+	{
+		var strt1=strText1.toLowerCase();
+		var strt2=strText2.toLowerCase();
+		if(strt1<strt2) return -1;
+		if(strt1>strt2) return 1;
+		return 0;
+	}
+	else
+	{
+		for(var i=0;i<strText1.length&&i<strText2.length;i++)
+		{
+			if(garrSortChar[getCharCode(strText1,i)]<garrSortChar[getCharCode(strText2,i)]) return -1;
+			if(garrSortChar[getCharCode(strText1,i)]>garrSortChar[getCharCode(strText2,i)]) return 1;
+		}
+		if(strText1.length<strText2.length) return -1;
+		if(strText1.length>strText2.length) return 1;
+		return 0;
+	}
+}
+gbWhLang=true;
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whmozemu.js b/doc/salome/gui/SUPERV/whmozemu.js
new file mode 100755
index 0000000..699779f
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whmozemu.js
@@ -0,0 +1,68 @@
+if (! window.gbIE4 && window.gbNav6 && !document.childNodes[0].insertAdjacentHTML){
+
+HTMLElement.prototype.insertAdjacentElement = function(where,parsedNode)
+{
+	switch (where){
+	case 'beforeBegin':
+		this.parentNode.insertBefore(parsedNode,this)
+		break;
+	case 'afterBegin':
+		this.insertBefore(parsedNode,this.firstChild);
+		break;
+	case 'beforeEnd':
+		this.appendChild(parsedNode);
+		break;
+	case 'afterEnd':
+		if (this.nextSibling){
+		this.parentNode.insertBefore
+(parsedNode,this.nextSibling);
+		} else {
+		this.parentNode.appendChild(parsedNode)
+		}
+		break;
+	}
+}
+
+HTMLElement.prototype.insertAdjacentHTML = function(where,htmlStr){
+
+	var r = this.ownerDocument.createRange();
+	r.setStartBefore(this);
+	var parsedHTML = r.createContextualFragment(htmlStr);
+	this.insertAdjacentElement(where,parsedHTML)
+}
+
+
+HTMLElement.prototype.insertAdjacentText = function(where,txtStr){
+
+	var parsedText = document.createTextNode(txtStr)
+	this.insertAdjacentElement(where,parsedText)
+}
+}
+
+function testScroll() {
+	// Initialize scrollbar cache if necessary
+	if (window._pageXOffset==null) {
+		window._pageXOffset = window.pageXOffset
+		window._pageYOffset = window.pageYOffset
+	}
+	// Expose Internet Explorer compatible object model
+	document.body.scrollTop = window.pageYOffset
+	document.body.scrollLeft = window.pageXOffset
+	window.document.body.scrollHeight = document.height
+	window.document.body.scrollWidth = document.width
+	window.document.body.clientWidth = window.innerWidth;
+	window.document.body.clientHeight = window.innerHeight;
+
+	// If cache!=current values, call the onscroll event
+	if (((window.pageXOffset!=window._pageXOffset) || 
+			(window.pageYOffset!=window._pageYOffset)) && (window.onscroll)) 
+		window.onscroll()
+	// Cache new values
+	window._pageXOffset = window.pageXOffset
+	window._pageYOffset = window.pageYOffset
+	}
+
+// Create compatibility layer for Netscape
+if (window.gbNav6) {
+	setInterval("testScroll()",50)
+}
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whmsg.js b/doc/salome/gui/SUPERV/whmsg.js
new file mode 100755
index 0000000..e08cc08
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whmsg.js
@@ -0,0 +1,64 @@
+var WH_MSG_RESIZEPANE		=0x0100;
+var WH_MSG_SHOWPANE			=0x0101;
+var WH_MSG_HIDEPANE			=0x0102;
+var WH_MSG_SYNCTOC			=0x0103;
+var WH_MSG_NEXT				=0x0104;
+var WH_MSG_PREV				=0x0105;
+var WH_MSG_ENABLEPREV		=0x0106;
+var WH_MSG_ENABLESYNC		=0x0107;
+var WH_MSG_ENABLEWEBSEARCH 	=0x0108;
+
+var WH_MSG_ISPANEVISIBLE	=0x0109;
+var WH_MSG_PANESTATUE		=0x010a;
+
+var	WH_MSG_SYNCINFO			=0x010b;
+var WH_MSG_PANEINFO			=0x010c;
+var WH_MSG_WEBSEARCH		=0x010d;
+
+var WH_MSG_SEARCHINDEXKEY 	=0x0201;
+
+var WH_MSG_SEARCHFTSKEY 	=0x020a;
+
+var WH_MSG_PROJECTREADY		=0x0301;
+var WH_MSG_GETPROJINFO 		=0x0302;
+
+var WH_MSG_SHOWTOC 			=0x0401;
+var WH_MSG_SHOWIDX 			=0x0402;
+var WH_MSG_SHOWFTS 			=0x0403;
+var WH_MSG_SHOWGLO 			=0x0404;
+
+var WH_MSG_SHOWGLODEF 		=0x0500;
+
+var WH_MSG_GETTOCPATHS 		=0x0600;
+var WH_MSG_GETAVIAVENUES 	=0x0601;
+var WH_MSG_GETCURRENTAVENUE =0x0602;
+var WH_MSG_GETPANEINFO		=0x0603;
+var WH_MSG_AVENUEINFO		=0x0604;
+
+var WH_MSG_GETSTARTFRAME 	=0x0701;
+var WH_MSG_GETDEFAULTTOPIC	=0x0702;
+
+var WH_MSG_SEARCHTHIS		=0x0801;
+var WH_MSG_GETSEARCHS		=0x0802;
+
+var WH_MSG_ISINFRAMESET		=0x0900;
+
+var WH_MSG_TOOLBARORDER		=0x0a00;
+var WH_MSG_MINIBARORDER		=0x0a01;
+var WH_MSG_ISSYNCSSUPPORT	=0x0a02;
+var WH_MSG_ISSEARCHSUPPORT	=0x0a03;
+var WH_MSG_GETPANETYPE		=0x0a04;
+var WH_MSG_BACKUPSEARCH		=0x0a05;
+var WH_MSG_GETPANES			=0x0a06;
+var WH_MSG_INITSEARCHSTRING =0x0a07;
+var WH_MSG_RELOADNS6		=0x0a08;
+var WH_MSG_ISAVENUESUPPORT	=0x0a09;
+
+function whMessage(nMessageId,wSender,nVersion,oParam)
+{
+	this.nMessageId=nMessageId;
+	this.wSender=wSender;
+	this.nVersion=nVersion;
+	this.oParam=oParam;
+}
+var gbWhMsg=true;
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whnjs.htm b/doc/salome/gui/SUPERV/whnjs.htm
new file mode 100755
index 0000000..5e10919
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whnjs.htm
@@ -0,0 +1,15 @@
+<html>
+<head>
+<title>SUPERVISION reference manual</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whstub.js"></script>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whstart.js"></script>
+</head>
+
+<frameset id="whPfset" cols="260,*"><noframes><p>Your browser does not support frames. We recommend that you update your browser to a version that supports frames.</p><p>To view the Help system without frames click on this<a href="whgdata/whnvp30.htm">hyperlink.</a></p></noframes><frame src="whgdata/whnvp30.htm" title="navigation pane" name="navigation pane" scrolling="no"><frame src="files/introduction_to_supervisor.htm" title="topic pane" name="bsscright" scrolling="yes"></frameset>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whphost.js b/doc/salome/gui/SUPERV/whphost.js
new file mode 100755
index 0000000..d4c80bb
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whphost.js
@@ -0,0 +1,526 @@
+var gaProj=new Array();
+var gnChecked=0;
+var gsProjName="";
+var gbReady=false;
+var goMan=null;
+var gbXML=false;
+var gsFirstPane="";
+var gServerEnabled=false;
+var gsPath="";
+var gbWhPHost=false;
+var goDiv = null;
+var gsHTML = "";
+
+if (navigator.currentNavPen)
+	gsFirstPane = navigator.currentNavPen;
+
+
+function delayLoad()
+{
+	if (goDiv&&gsHTML)
+	{
+		goDiv.innerHTML=gsHTML;
+		goDiv=null;
+		gsHTML="";
+	}
+}
+
+function whCom(sName,sComFile)
+{
+	this.msName=sName;
+	this.msDivId=sName+"Div";
+	this.msIFrameId=sName+"IFrame";
+	this.msComFile=sComFile;
+	this.mbloaded=false;
+	this.mbShow=false;
+	this.show=function(bShow)
+	{
+		if(this.mbShow!=bShow)
+		{
+			if(bShow&&!this.mbloaded)
+			{
+				this.load();
+			}
+
+			var oDiv=getElement(this.msDivId);
+			if(oDiv)
+			{
+				if(gbIE55||(gbIE5&&gbMac))
+				{
+					var oIframe=getElement(this.msIFrameId);
+					if(oIframe)
+					{
+						if(bShow)
+						{
+							oDiv.style.zIndex=3;
+							if(oIframe!=null)
+							{
+								oIframe.style.zIndex=3;
+								if (!gbIE55)
+									oIframe.style.visibility="visible";
+							}
+						}
+						else
+						{
+							oDiv.style.zIndex=2;
+							if(oIframe!=null)
+							{
+								oIframe.style.zIndex=2;
+								if (!gbIE55)
+									oIframe.style.visibility="hidden";
+							}
+						}
+					}
+				}
+				if (!gbIE55)
+					oDiv.style.visibility=(bShow==true)?'visible':'hidden';
+				this.mbShow=bShow;
+			}
+
+		}
+	}
+	this.load=function()
+	{
+		if(!this.mbloaded)
+		{
+			if(this.msComFile.length>0){
+				var strFile= _getFullPath(getPath(), this.msComFile);
+				var oDiv=getElement(this.msDivId);
+				if(oDiv){
+					if(gbIE4){
+						var nIFrameHeight=oDiv.style.pixelHeight;
+						var nIFrameWidth=oDiv.style.pixelWidth;
+						var sHTML="<IFRAME ID="+this.msIFrameId+" title=\"" + this.msName + "\" SRC=\""+strFile+"\" BORDER=0 FRAMEBORDER=no STYLE=\"width:";
+						if(gbMac){
+							sHTML+=nIFrameWidth+"px;height:"+nIFrameHeight+"px;\"></IFRAME>";
+						}else{
+							sHTML+="100%; height:100%;\"></IFRAME>";
+						}
+						oDiv.innerHTML=sHTML;
+					}else if(gbNav6){
+						gsHTML="<IFRAME ID="+this.msIFrameId+" title=\"" + this.msName + "\" SRC=\""+strFile+"\" BORDER=0 FRAMEBORDER=no STYLE=\"width:100%;border:0;height:";
+						gsHTML+="100%;\"></IFRAME>";
+						goDiv = oDiv;
+						setTimeout("delayLoad()", 100);
+					}
+					this.mbloaded=true;
+				}
+			}
+		}
+	}
+	this.unload=function()
+	{
+		var oDiv=getElement(this.msDivId);
+		if(oDiv)
+			oDiv.innerHTML="";
+	}
+	this.getDivHTML=function()
+	{
+		var sHTML="";
+		if(gbMac&&gbIE4)
+			sHTML+="<DIV ID="+this.msDivId+" ALIGN=left STYLE=\"position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:0;\">";
+		else
+			if (gbIE5)
+				sHTML+="<DIV ID="+this.msDivId+" ALIGN=left STYLE=\"position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;\">";
+			else
+				sHTML+="<DIV ID="+this.msDivId+" ALIGN=left STYLE=\"position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;visibility:hidden\">";
+		sHTML+="</DIV>";
+		return sHTML;
+	}
+}  
+
+function whComMan()
+{
+	this.sName="";
+	this.maCom=new Array();
+	this.addCom=function(sName,sComFile)
+	{
+		var owhCom=new whCom(sName,sComFile);
+		this.maCom[this.maCom.length]=owhCom;
+	}
+	this.init=function()
+	{
+		var sHTML="";
+		for(var i=0;i<this.maCom.length;i++)
+		{
+			sHTML+=this.maCom[i].getDivHTML();
+		}
+		document.body.insertAdjacentHTML("beforeEnd",sHTML);
+
+	}
+	this.showById=function(nId)
+	{
+		for(var s=0;s<this.maCom.length;s++)
+		{
+			if(s!==nId)
+				this.maCom[s].show(false);
+		}
+		this.maCom[nId].show(true);
+	}
+	this.show=function(sName)
+	{
+		navigator.currentNavPen = sName;
+		var bFound=false;
+		for(var i=0;i<this.maCom.length;i++)
+		{
+			if(sName==this.maCom[i].msName)
+			{
+				bFound=true;
+				break;
+			}
+		}
+		if(bFound)
+		{
+			this.showById(i);
+			this.sName=sName;
+		}
+	}
+	this.unload=function()
+	{
+		for(var i=0;i<this.maCom.length;i++)
+		{
+			this.maCom[i].unload();
+		}		
+	}
+	this.getCurrent=function()
+	{
+		return this.sName;
+	}
+}
+
+function getPath()
+{
+	if(gsPath=="")
+	{
+		gsPath=location.href;
+		gsPath=_replaceSlash(gsPath);
+		var nPosFile=gsPath.lastIndexOf("/");
+		gsPath=gsPath.substring(0,nPosFile+1);
+	}
+	return gsPath;
+}
+
+goMan=new whComMan();
+function addPane(sName,sFileName)
+{
+	goMan.addCom(sName,sFileName);	
+}
+
+function setShowPane(sName, bForce)
+{
+	if ((gsFirstPane == "") || bForce)
+		gsFirstPane=sName;
+}
+
+function window_OnLoad()
+{
+	if(gsProjName!="")
+	{
+		goMan.init();
+		if(gsFirstPane!="")
+			goMan.show(gsFirstPane);
+		else
+			goMan.showById(0);
+		loadData2(gsProjName);
+	}
+	else if (gServerEnabled)
+	{
+		goMan.init();
+		if(gsFirstPane!="")
+			goMan.show(gsFirstPane);
+		else
+			goMan.showById(0);
+	}
+}
+
+function setServerEnabled()
+{
+	gServerEnabled = true;
+}
+
+function loadData2(strFile)
+{
+	if(gbXML)
+		loadDataXML(strFile);
+	else
+		loadData(strFile);
+}
+
+function addProject(bPreferXML,sXMLName,sHTMLName)
+{
+	var bLoadXML=bPreferXML;
+	if(!gbIE4&&!gbNav6)
+		return;
+	if(gbIE4&&!gbIE5)
+		bLoadXML=false;
+	if (gbIE5&&!gbMac)
+		bLoadXML=true;
+	if(gbIE55||gbNav6)
+		bLoadXML=true;
+	if(bLoadXML)
+		addProjectXML(sXMLName);
+	else
+		addProjectHTML(sHTMLName);
+}
+
+function addProjectHTML(sName)
+{
+	gbXML=false;
+	gsProjName=sName;
+}
+
+function addProjectXML(sName)
+{
+	gbXML=true;
+	gsProjName=sName;
+}
+
+function window_MyBunload()
+{
+	goMan.unload();
+	window_BUnload();
+}
+
+function putDataXML(xmlDoc,sdocPath)
+{
+	if(xmlDoc!=null)
+	{
+		var projectNode=xmlDoc.getElementsByTagName("project")[0];
+		if(projectNode)
+		{
+			var aRProj=new Array();
+			aRProj[0]=new Object();
+			aRProj[0].sPPath=_getPath(sdocPath);
+			var sLangId=projectNode.getAttribute("langid");
+			if(sLangId)
+			{
+				aRProj[0].sLangId=sLangId;
+			}
+			var sDPath=projectNode.getAttribute("datapath");
+			if(sDPath)
+			{
+				if(sDPath.lastIndexOf("/")!=sDPath.length-1)
+					sDPath+="/";
+				aRProj[0].sDPath=sDPath;
+			}
+			else
+				aRProj[0].sDPath="";
+			aRProj[0].sToc=projectNode.getAttribute("toc");
+			aRProj[0].sIdx=projectNode.getAttribute("index");
+			aRProj[0].sFts=projectNode.getAttribute("fts");
+			aRProj[0].sGlo=projectNode.getAttribute("glossary");
+			var RmtProject=projectNode.getElementsByTagName("remote");
+			var nCount=1;
+			for (var i=0;i<RmtProject.length;i++)
+			{
+				var sURL=RmtProject[i].getAttribute("url");
+				if(sURL)
+				{
+					aRProj[nCount]=new Object();
+					aRProj[nCount++].sPPath=_getFullPath(aRProj[0].sPPath,sURL);
+				}
+			}
+			putProjectInfo(aRProj);
+		}
+		else
+		{
+			// on Netscape 6.0 under some situation the xml file cannot be loaded.
+			// so we use pure html instead.
+			setTimeout("redirectToList();",100);
+		}
+	}
+}
+
+function redirectToList()
+{
+	if(gbReDirectThis)
+		document.location=gsNavReDirect;
+	else
+		parent.document.location=gsNavReDirect;
+}
+
+function putProjectInfo(aRProj)
+{
+	if(gnChecked==0||isSamePath(gaProj[gnChecked].sPPath,aRProj[0].sPPath))
+	{
+		if(gnChecked!=0)
+		{
+			if(aRProj[0].sLangId!=gaProj[0].sLangId)
+				alert("The project: "+aRProj[0].sPPath+" is using a different language to the main project, which will cause the index and full text search functionality to be disabled for this remote project.");
+		}
+		gaProj[gnChecked]=aRProj[0];
+		for(var i=1;i<aRProj.length;i++)
+		{
+			var bFound=false;
+			for(var j=0;j<gaProj.length;j++)
+			{
+				if(isSamePath(gaProj[j].sPPath,aRProj[i].sPPath))
+				{
+					bFound=true;
+					break;
+				}
+			}
+			if(!bFound)
+			{
+				gaProj[gaProj.length]=aRProj[i];
+			}
+		}
+		gnChecked++;
+		checkRemoteProject();
+	}
+	else
+		alert("Could not load correctly, please click Refresh.");
+}
+
+function isSamePath(sPath1,sPath2)
+{
+	return (sPath1.toLowerCase()==sPath2.toLowerCase());
+}
+
+function checkRemoteProject()
+{
+	if(gaProj.length!=gnChecked)
+	{
+		setTimeout("cancelProj("+gnChecked+");",10000);
+		loadData2(gaProj[gnChecked].sPPath+gsProjName);
+	}
+	else{
+		var oMsg=new whMessage(WH_MSG_PROJECTREADY,this,1,null);
+		gbReady=true;
+		SendMessage(oMsg);
+	}
+}
+
+function cancelProj(i)
+{
+	if(i==gnChecked)
+	{
+		alert("Can't load project::"+gaProj[i].sPPath);
+		gnChecked++;
+		checkRemoteProject();
+	}	
+}
+
+function window_resize()
+{
+	for(var i=0;i<goMan.maCom.length;i++)
+	{
+		var oFrame=getElement(goMan.maCom[i].msIFrameId);
+		if(oFrame)
+		{
+			oFrame.style.height=document.body.clientHeight;
+			oFrame.style.width=document.body.clientWidth;
+		}
+	}
+	window_resize2();
+}
+
+function window_resize2()
+{
+	if(document.body)
+	{
+		if(document.body.clientWidth > 1 && document.body.clientHeight>1)
+		{
+			var oMsg = new whMessage(WH_MSG_RESIZEPANE, this, 1, null);
+			SendMessage(oMsg);
+		}
+	}
+}
+
+function window_unload()
+{
+	UnRegisterListener2(this,WH_MSG_GETPROJINFO);
+	UnRegisterListener2(this,WH_MSG_SHOWTOC);
+	UnRegisterListener2(this,WH_MSG_SHOWIDX);
+	UnRegisterListener2(this,WH_MSG_SHOWFTS);
+	UnRegisterListener2(this,WH_MSG_SHOWGLO);
+	UnRegisterListener2(this,WH_MSG_GETPANEINFO);
+}
+
+function onSendMessage(oMsg)
+{
+	if(oMsg)
+	{
+		var nMsgId=oMsg.nMessageId;
+		if(nMsgId==WH_MSG_GETPROJINFO)
+		{
+			if(gbReady)
+			{
+				var oProj=new Object();
+				oProj.aProj=gaProj;
+				oProj.bXML=gbXML;
+				oMsg.oParam=oProj;
+			}
+			else
+				return false;
+		}
+		else if(nMsgId==WH_MSG_SHOWTOC)
+		{
+			if(goMan)
+				goMan.show("toc");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "toc");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWIDX)
+		{
+			if(goMan)
+				goMan.show("idx");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "idx");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWFTS)
+		{
+			if(goMan)
+				goMan.show("fts");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "fts");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWGLO)
+		{
+			if(goMan)
+				goMan.show("glo");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "glo");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_GETPANEINFO)
+		{
+			oMsg.oParam=goMan.getCurrent();
+			return false;
+		}
+	}
+	return true;
+}
+
+if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
+{
+	RegisterListener2(this,WH_MSG_GETPROJINFO);
+	RegisterListener2(this,WH_MSG_SHOWTOC);
+	RegisterListener2(this,WH_MSG_SHOWIDX);
+	RegisterListener2(this,WH_MSG_SHOWFTS);
+	RegisterListener2(this,WH_MSG_SHOWGLO);
+	RegisterListener2(this,WH_MSG_GETPANEINFO);
+
+	if((gbMac&&gbIE4)||(gbSunOS&&gbIE5))
+	{
+		window.onresize=window_resize;
+	}
+	else if(gbIE4)
+	{
+		window.onresize=window_resize2;
+	}
+	window.onload=window_OnLoad;
+	window.onbeforeunload=window_MyBunload;
+	window.onunload=window_unload;
+	gbWhPHost=true;
+}
+else
+	document.location.reload();
+
diff --git a/doc/salome/gui/SUPERV/whproj.htm b/doc/salome/gui/SUPERV/whproj.htm
new file mode 100755
index 0000000..455bec7
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whproj.htm
@@ -0,0 +1,24 @@
+<html>
+<head>
+<title>project description</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<body>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whproj.js"></script>
+<script language="javascript1.2">
+<!--
+  setLangId("1033");
+  setDataPath("whdata");
+  addToc("whtoc.htm");
+
+  addFts("whfts.htm");
+  addGlo("whglo.htm");
+
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whproj.js b/doc/salome/gui/SUPERV/whproj.js
new file mode 100755
index 0000000..0e23515
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whproj.js
@@ -0,0 +1,82 @@
+var gaProj=new Array();
+
+gaProj[0]=new project("");
+
+function setLangId(sLangId)
+{
+	gaProj[0].sLangId=sLangId;
+}
+
+function setDataPath(sPath)
+{
+	if(sPath.length!=0)
+	{
+		if(sPath.lastIndexOf("/")!=sPath.length-1)
+			sPath+="/";
+		gaProj[0].sDPath=sPath;	
+	}
+	else
+		gaProj[0].sDPath="";
+}
+
+function addToc(sFile)
+{
+	gaProj[0].sToc=sFile;
+}
+
+function addIdx(sFile)
+{
+	gaProj[0].sIdx=sFile;
+}
+
+function addFts(sFile)
+{
+	gaProj[0].sFts=sFile;
+}
+
+function addGlo(sFile)
+{
+	gaProj[0].sGlo=sFile;
+}
+
+function addRemoteProject(sProjRelPath)
+{
+	gaProj[gaProj.length]=new project(sProjRelPath);
+}
+
+function project(sPPath)
+{
+	this.sPPath=sPPath;
+	this.sLangId="";
+	this.sDPath="";
+	this.sToc="";
+	this.sIdx="";
+	this.sFts="";
+	this.sGlo="";
+}
+
+window.onload=window_OnLoad;
+
+function window_OnLoad()
+{
+	gsName=document.location.href;
+	gsName=_replaceSlash(gsName);
+	var nPos=gsName.lastIndexOf("/");
+	if(nPos!=-1)
+		gaProj[0].sPPath=gsName.substring(0,nPos+1);
+	else
+		alert("Error in Loading navigation component. Please regenerate WebHelp.");
+	patchPath(gaProj);
+	if(parent&&parent!=this&& typeof(parent.putProjectInfo)=="function")
+	{
+		parent.putProjectInfo(gaProj);
+	}
+}
+
+function patchPath(aProj)
+{
+	for(var i=1;i<aProj.length;i++)
+	{
+		aProj[i].sPPath=_getFullPath(gaProj[0].sPPath,aProj[i].sPPath);
+	}
+}
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whproj.xml b/doc/salome/gui/SUPERV/whproj.xml
new file mode 100755
index 0000000..d16f189
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whproj.xml
@@ -0,0 +1,3 @@
+<?xml version='1.0' encoding='ISO-8859-1' ?>
+<project langid="1033" datapath="whdata" toc="whtoc.xml" fts="whfts.xml" glossary="whglo.xml" >
+</project>
diff --git a/doc/salome/gui/SUPERV/whproxy.js b/doc/salome/gui/SUPERV/whproxy.js
new file mode 100755
index 0000000..222927a
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whproxy.js
@@ -0,0 +1,63 @@
+var gbInited=false;
+var gWndStubPage=null;
+function getStubPage()
+{
+	if(!gbInited)
+	{
+		gWndStubPage=getStubPage_inter(window);
+		gbInited=true;
+	}
+	return gWndStubPage;
+}
+
+function getStubPage_inter(wCurrent)
+{
+	if(null==wCurrent.parent||wCurrent.parent==wCurrent)
+		return null;
+
+	if(typeof(wCurrent.parent.whname)=="string"&&"wh_stub"==wCurrent.parent.whname)
+		return wCurrent.parent;
+	else
+		if(wCurrent.parent.frames.length!=0&&wCurrent.parent!=wCurrent)
+			return getStubPage_inter(wCurrent.parent);
+		else
+			return null;
+}
+
+function RegisterListener(framename,nMessageId)
+{
+	var wSP=getStubPage();
+	if(wSP&&wSP!=this)
+		return wSP.RegisterListener(framename,nMessageId);
+	else
+		return false;
+}
+
+function RegisterListener2(oframe,nMessageId)
+{
+	var wSP=getStubPage();
+	if(wSP&&wSP!=this)
+		return wSP.RegisterListener2(oframe,nMessageId);
+	else
+		return false;
+}
+
+function UnRegisterListener2(oframe,nMessageId)
+{
+	var wSP=getStubPage();
+	if(wSP&&wSP!=this&&wSP.UnRegisterListener2)
+		return wSP.UnRegisterListener2(oframe,nMessageId);
+	else
+		return false;
+}
+
+function SendMessage(oMessage)
+{
+	var wSP=getStubPage();
+	if(wSP&&wSP!=this&&wSP.SendMessage)
+		return wSP.SendMessage(oMessage);
+	else
+		return false;
+}
+
+var gbWhProxy=true;
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whres.xml b/doc/salome/gui/SUPERV/whres.xml
new file mode 100755
index 0000000..9634684
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whres.xml
@@ -0,0 +1,239 @@
+<?xml version='1.0' encoding='ISO-8859-1' ?>
+<resource>
+<item name="Prev" value="&lt;&lt;" />
+<item name="Hide" value="Hide" />
+<item name="SyncTocTooltip" value="Sync TOC" />
+<item name="InTopicSearchBtnText" value="Go" />
+<item name="FtsInputPrompt" value="Type in the word(s) to search for:" />
+<item name="Done" value="Done" />
+<item name="JS_alert_cantLoadProject" value="Can't load project:" />
+<item name="Next" value="&gt;&gt;" />
+<item name="SyncToc" value="SyncToc" />
+<item name="ToolBarSearchBtnText" value="Go" />
+<item name="SuggestViewNoFrameMessage" value="To view the Help system without frames click on this" />
+<item name="Hide_Navigation_Component" value="Hide Navigation Component" />
+<item name="FtsBtnText" value="Go" />
+<item name="TopicsFound" value="Topics Found" />
+<item name="LoadingContentsData" value="Loading, click here to cancel..." />
+<item name="Definition" value="Definition:" />
+<item name="CompletingContents" value="Completing Contents..." />
+<item name="Seperate" value="|" />
+<item name="Contents" value="Contents" />
+<item name="Disabled Prev" value="&lt;&lt;" />
+<item name="Glossary" value="Glossary" />
+<item name="Search" value="Search" />
+<item name="CantSearch" value="Cannot search for that phrase." />
+<item name="LoadingIndex" value="Loading Index..." />
+<item name="LoadingData" value="Loading data, please wait..." />
+<item name="Show_Navigation_Component" value="Show Navigation Component" />
+<item name="Book" value="Book" />
+<item name="Disabled Next" value="&gt;&gt;" />
+<item name="Find" value="Find" />
+<item name="CantOpenURLorFile" value="Can't open URL or file" />
+<item name="Blank_topic_text" value="This topic was created by WinHelp Project Conversion Wizard, and is the destination of a missing topic or broken hyperlink." />
+<item name="BrowserLimitedMessage" value="Your browser does not support frames. We recommend that you update your browser to a version that supports frames." />
+<item name="LoadingTOCItem" value="Loading Table of Contents:" />
+<item name="Display" value="Display" />
+<item name="Cancel" value="Cancel" />
+<item name="SearchLabel" value="Search" />
+<item name="RelateTopicListPrompt" value="Click a topic, then click Display." />
+<item name="NextTooltip" value="Next Topic" />
+<item name="JS_alert_colorlimitation" value="WebHelp has detected that your display is set to 16 colors. For full WebHelp support, please set your display to use 256 or more colors." />
+<item name="TopicsNotFound" value="No Topics Found." />
+<item name="Show" value="Show" />
+<item name="PreTooltip" value="Previous Topic" />
+<item name="SearchPrompt" value="- Search -" />
+<item name="IndexBtnText" value="Go" />
+<item name="JS_alert_ProjectLoadingFail" value="Could not load correctly, please click Refresh." />
+<item name="LoadingContents" value="Loading contents, please wait..." />
+<item name="Term" value="Term:" />
+<item name="WebSearchButton" value="WebSearch" />
+<item name="Remote_Page" value="Remote Page" />
+<item name="WebSearch" value="WebSearch" />
+<item name="LoadingFTS" value="Reading Search Data..." />
+<item name="Index" value="Index" />
+<item name="JS_alert_ErrorInLoading" value="Error in Loading navigation component. Please regenerate WebHelp." />
+<item name="JS_alert_appletNotLoad" value="Unable to load applet. If you are using an old version of Netscape, the prefs.js file needs to be edited." />
+<item name="IndexInputPrompt" value="Type in the keyword to find:" />
+<item name="Page" value="Page" />
+<item name="SuggestViewNoFrameMsg2" value="hyperlink." />
+<item name="Searching" value="Searching..." />
+
+  <item name="English"   value="" />
+  <item name="langorder" value="0,1,2,3,4,5,6,7,8,40,41,42,43,44,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,38,45,46,47,48,49,50,33,51,52,53,88,54,34,55,56,115,119,121,123,125,126,127,128,129,130,57,58,89,90,91,59,60,131,148,150,154,158,168,171,173,175,185,187,189,191,193,197,214,216,218,220,225,230,240,242,244,246,252,61,62,63,64,66,67,131,148,150,154,158,168,171,173,175,185,187,189,191,193,197,214,216,218,220,225,230,240,242,244,246,252,68,69,70,71,27,114,28,82,170,85,112,109,110,65,113,223,86,213,29,255,30,31,80,81,83,84,111,36,37,79,229,222,87,212,32,254,251,39,72,97,98,99,100,73,101,74,102,133,93,103,35,104,75,105,92,122,124,76,106,107,108,77,120,199,94,116,117,118,78,131,131,131,131,131,131,131,150,158,158,158,158,175,175,175,175,154,193,197,197,197,197,197,95,197,230,230,230,230,246,227,224,131,131,131,131,131,131,131,150,158,158,158,158,175,175,175,175,154,193,197,197,197,197,197,96,197,230,230,230,230,246,227,250," />
+
+  <panes show="0">
+    <toc />
+    <fts />
+    <glossary />
+  </panes>
+
+  <stopwords>
+    <word name="a" />
+    <word name="about" />
+    <word name="after" />
+    <word name="against" />
+    <word name="all" />
+    <word name="also" />
+    <word name="among" />
+    <word name="an" />
+    <word name="and" />
+    <word name="are" />
+    <word name="as" />
+    <word name="at" />
+    <word name="be" />
+    <word name="became" />
+    <word name="because" />
+    <word name="been" />
+    <word name="between" />
+    <word name="but" />
+    <word name="by" />
+    <word name="can" />
+    <word name="come" />
+    <word name="do" />
+    <word name="during" />
+    <word name="each" />
+    <word name="early" />
+    <word name="for" />
+    <word name="form" />
+    <word name="found" />
+    <word name="from" />
+    <word name="had" />
+    <word name="has" />
+    <word name="have" />
+    <word name="he" />
+    <word name="her" />
+    <word name="his" />
+    <word name="however" />
+    <word name="in" />
+    <word name="include" />
+    <word name="into" />
+    <word name="is" />
+    <word name="it" />
+    <word name="its" />
+    <word name="late" />
+    <word name="later" />
+    <word name="made" />
+    <word name="many" />
+    <word name="may" />
+    <word name="me" />
+    <word name="med" />
+    <word name="more" />
+    <word name="most" />
+    <word name="near" />
+    <word name="no" />
+    <word name="non" />
+    <word name="not" />
+    <word name="of" />
+    <word name="on" />
+    <word name="only" />
+    <word name="or" />
+    <word name="other" />
+    <word name="over" />
+    <word name="several" />
+    <word name="she" />
+    <word name="some" />
+    <word name="such" />
+    <word name="than" />
+    <word name="that" />
+    <word name="the" />
+    <word name="their" />
+    <word name="then" />
+    <word name="there" />
+    <word name="these" />
+    <word name="they" />
+    <word name="this" />
+    <word name="through" />
+    <word name="to" />
+    <word name="under" />
+    <word name="until" />
+    <word name="use" />
+    <word name="was" />
+    <word name="we" />
+    <word name="were" />
+    <word name="when" />
+    <word name="where" />
+    <word name="which" />
+    <word name="who" />
+    <word name="with" />
+    <word name="you" />
+  </stopwords>
+
+  <stems>
+    <stem name="s" />
+    <stem name="e" />
+    <stem name="ed" />
+    <stem name="es" />
+    <stem name="er" />
+    <stem name="ly" />
+    <stem name="ing" />
+    <stem name="ingly" />
+  </stems>
+
+	<paneskin>
+		<background color="#ffffff" img="" />
+		<font name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="none" />
+		<toc>
+			<background color="#ffffff" img="" />
+			<icons>
+				<book open="wht_toc2.gif" close="wht_toc1.gif" />
+				<item  local="wht_toc3.gif" remote="wht_toc4.gif" />
+				<newbook open="" close="" />
+				<newitem  local="" remote="" />
+			</icons>
+			<fonts>
+				<normal name="Tahoma" size="8pt" color="#000000" style="Normal" weight="Normal" decoration="none" />
+				<hover name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="underline" />
+			</fonts>
+			<activebackgroundcolor attr="#c0c0c0" />
+			<margin attr="" />
+			<indent attr="" />
+		</toc>
+		<index>
+			<form>
+				<fonts>
+					<title name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="none" />
+				</fonts>
+				<button normal="" hover="" />
+				<editwith value="20" />
+			</form>
+			<background color="#ffffff" img="" />
+			<fonts>
+				<normal name="Tahoma" size="8pt" color="#000000" style="Normal" weight="Normal" decoration="none" />
+				<hover name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="underline" />
+				<empty name="" size="8pt" color="" style="" weight="" decoration="" />
+			</fonts>
+			<activebackgroundcolor attr="#c0c0c0" />
+			<margin attr="" />
+			<indent attr="" />
+		</index>
+		<fts>
+			<form>
+				<fonts>
+					<title name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="none" />
+				</fonts>
+				<button normal="" hover="" />
+				<editwith value="20" />
+			</form>
+			<background color="#ffffff" img="" />
+			<fonts>
+				<normal name="Tahoma" size="8pt" color="#000000" style="Normal" weight="Normal" decoration="none" />
+				<hover name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="underline" />
+				<error name="Tahoma" size="8pt" color="#000000" style="Normal" weight="Normal" decoration="none" />
+			</fonts>
+			<activebackgroundcolor attr="#c0c0c0" />
+			<margin attr="" />
+			<indent attr="" />
+		</fts>
+		<glossary>
+			<background color="#ffffff" img="" />
+			<fonts>
+				<normal name="Tahoma" size="8pt" color="#000000" style="Normal" weight="Normal" decoration="none" />
+				<hover name="Tahoma" size="8pt" color="#000080" style="Normal" weight="Normal" decoration="underline" />
+			</fonts>
+			<activebackgroundcolor attr="#c0c0c0" />
+			<margin attr="" />
+			<indent attr="" />
+		</glossary>
+	</paneskin>
+</resource>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whrstart.ico b/doc/salome/gui/SUPERV/whrstart.ico
new file mode 100755
index 0000000..bffcd6e
Binary files /dev/null and b/doc/salome/gui/SUPERV/whrstart.ico differ
diff --git a/doc/salome/gui/SUPERV/whskin_banner.htm b/doc/salome/gui/SUPERV/whskin_banner.htm
new file mode 100755
index 0000000..afe2d3f
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_banner.htm
@@ -0,0 +1,41 @@
+<html>
+<head>
+<title>About WebHelp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<style type="text/css">
+<!--
+P {margin-left:10pt;font-size:8pt;font-family:Verdana,sans-serif;}
+//-->
+</style>
+<script>
+<!--
+// this block fix: HTML Dialog Ignores Size Parameters Without SCRIPT Block
+//-->
+</script> 
+<body bgcolor="white" scroll=no RIGHTMARGIN=0 BOTTOMMARGIN=0 TOPMARGIN=0 LEFTMARGIN=0>
+<table border="0" cellpadding="0" cellspacing="0" width="350">
+  <tr>
+   <td><img src="wht_spac.gif" width="99" height="1" border="0"></td>
+   <td><img src="wht_spac.gif" width="251" height="1" border="0"></td>
+   <td><img src="wht_spac.gif" width="1" height="1" border="0"></td>
+  </tr>
+  <tr>
+   <td rowspan="2"><img src="wht_abgw.jpg" width="99" height="190" border="0"></td>
+   <td><img src="wht_abtw.jpg" width="211" height="86" border="0"></td>
+   <td><img src="wht_spac.gif" width="1" height="86" border="0"></td>
+  </tr>
+  <tr>
+   <td valign="top">
+		<p>Author:&nbsp;eHelp Corporation</p>
+		<p>Powered by:&nbsp;WebHelp 5.00
+		<br>Generated by:&nbsp;RoboHelp 2002</p>
+		<p><a class="tail" href="http://www.ehelp.com/webhelp1" target="_blank">www.ehelp.com</a></p>
+   </td>
+   <td><img src="wht_spac.gif" width="1" height="104" border="0"></td>
+  </tr>
+</table>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_blank.htm b/doc/salome/gui/SUPERV/whskin_blank.htm
new file mode 100755
index 0000000..5b506c2
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_blank.htm
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title>Blank Page</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<body>
+</body>
+</html>
diff --git a/doc/salome/gui/SUPERV/whskin_frmset01.htm b/doc/salome/gui/SUPERV/whskin_frmset01.htm
new file mode 100755
index 0000000..6916dee
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_frmset01.htm
@@ -0,0 +1,172 @@
+
+<html>
+<head>
+</head>
+<script type="text/javascript" language="javascript" src="whver.js"></script>
+<script type="text/javascript" language="javascript" src="whutils.js"></script>
+<script type="text/javascript" language="javascript" src="whmsg.js"></script>
+<script type="text/javascript" language="javascript" >
+<!--
+if (!window.gbWhVer||!window.gbWhUtil||!window.gbWhMsg)
+	document.location.reload();
+//-->
+</script>
+
+<script type="text/javascript" language="javascript" src="whproxy.js"></script>
+<script type="text/javascript" language="javascript">
+<!--
+if (!window.gbWhProxy)
+	document.location.reload();
+//-->
+</script>
+
+
+<script language="javascript">
+<!--
+var gsPane="";
+var gnType=3;
+
+var oMsgPane = new whMessage(WH_MSG_GETPANETYPE, this, 1, null);
+if (SendMessage(oMsgPane))
+{
+	gsPane = oMsgPane.oParam.sPaneURL;
+	gnType = oMsgPane.oParam.nType;
+}
+
+	var strDefaultTopic = "about:blank";
+	var oParam = new Object();
+	oParam.sTopic = "";
+	var oMsg = new whMessage(WH_MSG_GETDEFAULTTOPIC, this, 1, oParam);
+	if (SendMessage(oMsg) && oParam.sTopic != "")
+		strDefaultTopic =  oParam.sTopic;
+var strHTML = "";
+if (gnType == 4)
+{
+	//no navipane at all
+	strHTML += "<frameset border=\"0\" cols=\"100%,*\">";
+	strHTML += "<frame src=\"" + strDefaultTopic + "\" name=\"bsscright\" framespacing=\"0\" frameborder=\"0\" border=\"0\" scrolling=\"auto\">";
+	strHTML += "<frame src=\"whskin_blank.htm\" noresize>";
+	strHTML += "</frameset>";
+}
+else
+	strHTML += "<frameset cols=\"220,*\" hostof=\"parent:minibar_navpane|topic!startpage:no\" frameborder=\"yes\" id=\"whPfset\"><frame src=\"whskin_frmset010.htm\" id=\"minibar_navpane\" frameborder=\"no\" border=\"0\" scrolling=\"auto\" marginheight=\"0\" marginwidth=\"0\"></frame><frame src=\""+strDefaultTopic+"\" id=\"topic\" frameborder=\"yes\" border=\"1\" scrolling=\"auto\" title=\"Topic\" name=\"bsscright\"></frame></frameset>";
+document.write(strHTML);
+// handle show pane, hide pane and query pane status message.
+RegisterListener2(this, WH_MSG_RESIZEPANE);
+RegisterListener2(this, WH_MSG_SHOWPANE);
+RegisterListener2(this, WH_MSG_HIDEPANE);
+RegisterListener2(this, WH_MSG_ISPANEVISIBLE);
+
+function window_unload()
+{
+	UnRegisterListener2(this, WH_MSG_RESIZEPANE);
+	UnRegisterListener2(this, WH_MSG_SHOWPANE);
+	UnRegisterListener2(this, WH_MSG_HIDEPANE);
+	UnRegisterListener2(this, WH_MSG_ISPANEVISIBLE);
+}
+
+window.onunload=window_unload;
+
+var gbShow=false;
+var gstrFrameLastSetting="";
+function onSendMessage(oMsg)
+{
+	var oMsgout = null;
+	var nMsgId = oMsg.nMessageId;
+	var oFrameset = null;
+	if (nMsgId == WH_MSG_SHOWPANE)
+	{
+		if (!gbShow)
+		{
+			oFrameset = getElement("whPfset");
+			if (oFrameset)
+			{
+				if (gstrFrameLastSetting)
+					oFrameset.cols= gstrFrameLastSetting;
+				else
+ 					oFrameset.cols= "220,*";
+			}
+			gbShow=true;
+			oMsgout = new whMessage(WH_MSG_PANESTATUE, this, 1, "visible");
+			SendMessage(oMsgout);
+		}
+		return false;
+	}
+	else if (nMsgId == WH_MSG_HIDEPANE)
+	{
+		oFrameset = getElement("whPfset");
+		if (oFrameset)
+		{
+			gstrFrameLastSetting=oFrameset.cols; 
+			var oWnd=frames[0];
+			if (oWnd && oWnd.document && oWnd.document.body)
+			{
+				var nPos=0;
+				if ("cols"=="cols")
+					nPos=oWnd.document.body.offsetWidth;
+				else
+					nPos=oWnd.document.body.offsetHeight;
+				if(0==0)
+					gstrFrameLastSetting=nPos+",*";
+				else
+					gstrFrameLastSetting="*,"+nPos;
+			}
+	 		oFrameset.cols = "0,*";
+		}
+		gbShow=false;
+		oMsgout = new whMessage(WH_MSG_PANESTATUE, this, 1, "invisible");
+		SendMessage(oMsgout);
+		return false;
+	}
+	else if (nMsgId == WH_MSG_RESIZEPANE)
+	{
+		if (!gbShow)
+		{
+			gbShow=true;
+			oMsgout = new whMessage(WH_MSG_PANESTATUE, this, 1, "visible");
+			SendMessage(oMsgout);
+		}
+		return false;
+	}
+	else if (nMsgId == WH_MSG_ISPANEVISIBLE)
+	{
+		oMsg.oParam.bVisible = isNavPaneVisible();
+		return false;
+	}
+	return true;
+}
+
+function isNavPaneVisible()
+{
+	var bVisible = false;
+	var sSplit = getElement("whPfset").cols;
+	var nSplit = sSplit.indexOf(",");
+	if (nSplit != -1)
+	{
+		var sPart1 = sSplit.substring(0, nSplit);
+		var sPart2 = sSplit.substring(nSplit + 1);
+		if ("minibar_navpane" == "navpane")
+		{
+			var sTemp = sPart1;
+			sPart1 = sPart2;
+			sPart2 = sTemp;
+		}
+
+		if (sPart2 != "*")
+		{
+			var n = parseInt(sPart2);
+			if (n>0)
+				bVisible = true;
+		}
+		else
+		{
+			if (sPart1 != "100%")
+				bVisible = true;
+		}
+	}
+	return bVisible;
+}
+//-->
+</script>
+
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_frmset010.htm b/doc/salome/gui/SUPERV/whskin_frmset010.htm
new file mode 100755
index 0000000..357fc82
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_frmset010.htm
@@ -0,0 +1,50 @@
+
+<html>
+<head>
+</head>
+<script type="text/javascript" language="javascript" src="whver.js"></script>
+<script type="text/javascript" language="javascript" src="whutils.js"></script>
+<script type="text/javascript" language="javascript" src="whmsg.js"></script>
+<script type="text/javascript" language="javascript" >
+<!--
+if (!window.gbWhVer||!window.gbWhUtil||!window.gbWhMsg)
+	document.location.reload();
+//-->
+</script>
+
+<script type="text/javascript" language="javascript" src="whproxy.js"></script>
+<script type="text/javascript" language="javascript">
+<!--
+if (!window.gbWhProxy)
+	document.location.reload();
+//-->
+</script>
+
+
+<script language="javascript">
+<!--
+var gsPane="";
+var gnType=3;
+
+var oMsgPane = new whMessage(WH_MSG_GETPANETYPE, this, 1, null);
+if (SendMessage(oMsgPane))
+{
+	gsPane = oMsgPane.oParam.sPaneURL;
+	gnType = oMsgPane.oParam.nType;
+}
+var strHTML = "";
+if (gnType == 4)
+{
+	//no navipane at all
+	strHTML += "<frameset border=\"0\" cols=\"100%,*\">";
+	strHTML += "<frame src='whskin_mbars.htm' id='minibar' frameborder='no' border='0' scrolling='no' marginheight='0' title='Mini Toolbar'></frame>";
+	strHTML += "<frame src=\"whskin_blank.htm\" noresize>";
+	strHTML += "</frameset>";
+}
+else
+	strHTML += "<frameset rows=\"24,*\" hostof=\"parent:minibar|navpane!startpage:no\" frameborder=\"no\" border=\"0\"><frame src=\"whskin_mbars.htm\" id=\"minibar\" frameborder=\"no\" border=\"0\" scrolling=\"no\" marginheight=\"0\" title=\"Mini Toolbar\"></frame><frame src=\""+gsPane+"\" id=\"navpane\" frameborder=\"no\" border=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" title=\"Navigator Pane\"></frame></frameset>";
+
+document.write(strHTML);
+//-->
+</script>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_info.htm b/doc/salome/gui/SUPERV/whskin_info.htm
new file mode 100755
index 0000000..bf5eddc
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_info.htm
@@ -0,0 +1,20 @@
+<html>
+<head>
+<title>WebHelp 5.00 </title>
+<meta name="description" content="output from robohelp">
+<meta name="keywords" content="robohelp,webhelp,webhelp 2002,webhelp enterprise,webehelp enterprise 2002,roboinfo,roboinfo 2002">
+</head>
+<body>
+<h1> WebHelp 5.00 System  Info </h1>
+<table>
+<tr><td> Start Page </td><td>supervision.html</td></tr>
+<tr><td> Skin Name </td><td>Default</td></tr>
+<tr><td> Generating Time </td><td>11:30 02/18/2004</td></tr>
+<tr><td> Language ID </td><td>1033</td></tr>
+<tr><td> Compile Script </td><td>webhelp5_compile_script.xml</td></tr>
+<tr><td> Compile Build Version </td><td>10.00.949</td></tr>
+<tr><td> Product Name </td><td>WebHelp 5.00</td></tr>
+<tr><td> Authoring Tool Name </td><td>RoboHelp 2002</td></tr>
+<table>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_mbars.htm b/doc/salome/gui/SUPERV/whskin_mbars.htm
new file mode 100755
index 0000000..66e8c53
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_mbars.htm
@@ -0,0 +1,56 @@
+<html>
+<head>
+<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
+</head>
+<style>
+<!--
+body {margin:0;}
+-->
+</style>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whtbar.js"></script>
+<body marginheight="0"  marginwidth="0"  bgcolor="#99ccff"     scroll="no">
+<script language="javascript1.2">
+<!--
+if (window.gbWhTBar)
+{
+	setButtonFont("avprev","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("avnext","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("synctoc","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("hide2","Tahoma","8pt","Black","Normal","Normal","none");
+
+	gsIPrev = "wht_prev.gif";
+	gsIPrevD = "wht_prev_g.gif";
+	gsINext = "wht_next.gif";
+	gsINextD = "wht_next_g.gif";
+	gsISync = "wht_sync.gif";
+	gsIHide = "wht_hide.gif";
+	setBackgroundcolor("#99ccff");
+	
+	
+	addButton("avprev",BTN_TEXT|BTN_IMG,"","","","","",0,0,"","","","","","");
+addButton("avnext",BTN_TEXT|BTN_IMG,"","","","","",0,0,"","","","","","");
+addButton("synctoc",BTN_TEXT|BTN_IMG,"","","","","",0,0,"","","","","","");
+addButton("hide2",BTN_TEXT|BTN_IMG,"","","","","",0,0,"","","","","","");
+
+	addButton("blankblock");
+	writeStyle(true);
+	ReSortMinibarButtons();
+	writeToolBar();
+}
+else
+	document.location.reload();
+
+if (window.gbNav6)
+{
+	var oMsg=new whMessage(WH_MSG_RELOADNS6,this, 1,null);
+	SendMessage(oMsg);
+}
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_papplet.htm b/doc/salome/gui/SUPERV/whskin_papplet.htm
new file mode 100755
index 0000000..aab44dd
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_papplet.htm
@@ -0,0 +1,357 @@
+<html>
+<head>
+<title>Navigation Pane</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<SCRIPT LANGUAGE="JavaScript1.2" ARCHIVE="nsdnsfix.jar" ID="ChangeProfileScriptinNavPane2"> var sd_strAgent	= navigator.userAgent.toLowerCase(); 	var sd_strVersion  = navigator.appVersion.toLowerCase();  var sd_nVerMajor	= parseInt(sd_strVersion);  var	sd_nVerMinor	= parseFloat(sd_strVersion); var	sd_bNS	    = ((sd_strAgent.indexOf("mozilla") != -1) && ((sd_strAgent.indexOf('spoofer') == -1) && (sd_strAgent.indexOf('compatible') == -1))); var 	sd_bNS4			= ((sd_bNS) && (sd_nVerMajor >= 4)); if (sd_nVerMinor == 4.60) 	{  netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesRead");  var sd_prefValue = navigator.preference("security.lower_java_network_security_by_trusting_proxies"); if (!sd_prefValue) { alert("There are some limitations in Netscape 4.6. Please download and install the latest version of Netscape. Your current Netscape profile needs to be modified. Select 'Remember this decision' and click 'Grant' when prompted to allow the modifications. Click OK to proceed."); netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite"); navigator.preference("security.lower_java_network_security_by_trusting_proxies", true); alert("Please restart Netscape"); window.close(); } } </SCRIPT>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2">
+<!--
+var gsInitPane="toc";
+var gsCurrentPane="";
+var gbLoading = "unknown";
+var gbTryTime = 0;
+var gbMaxTryTime = 6;
+var gbPassPhase0 = 0;
+var gbretried = 0;
+var gbmaxretry = 3;
+var gbretrytime = new Array();
+
+var origWidth = 0;
+var origHeight = 0;
+
+gbretrytime[0]= 5000;
+gbretrytime[1]= 30000;
+gbretrytime[2]= 60000;
+
+function addPane(sName, sFile)
+{
+}
+
+function setShowPane(sName)
+{
+	gsInitPane=sName;
+}
+  addPane("toc","whtdhtml.htm");
+  addPane("fts","whfdhtml.htm");
+  addPane("glo","whgdhtml.htm");
+  setShowPane("toc");
+
+
+function window_unload()
+{
+	if (!gbNav4 || gbNav6) // resize will call unload, but the register code will never be called on Netscape 4.
+	{
+		UnRegisterListener2(this, WH_MSG_SHOWTOC);
+		UnRegisterListener2(this, WH_MSG_SHOWIDX);
+		UnRegisterListener2(this, WH_MSG_SHOWFTS);
+		UnRegisterListener2(this, WH_MSG_SHOWGLO);
+		UnRegisterListener2(this, WH_MSG_SYNCTOC);
+		UnRegisterListener2(this, WH_MSG_SEARCHTHIS);
+		UnRegisterListener2(this, WH_MSG_GETPANEINFO);
+	}
+}
+
+function window_OnLoad()
+{
+	if (gsInitPane == "toc")
+	{
+		var oMsg=new whMessage(WH_MSG_SHOWTOC,this,1,null)
+		SendMessage(oMsg);	
+	}
+	else if (gsInitPane=="idx")
+	{
+		var oMsg=new whMessage(WH_MSG_SHOWIDX,this,1,null)
+		SendMessage(oMsg);	
+	}
+	else if (gsInitPane=="fts")
+	{
+		var oMsg=new whMessage(WH_MSG_SHOWFTS,this,1,null)
+		SendMessage(oMsg);	
+	}
+	else if (gsInitPane=="glo")
+	{
+		var oMsg=new whMessage(WH_MSG_SHOWGLO,this,1,null)
+		SendMessage(oMsg);	
+	}
+	
+}
+
+function onResize()
+{
+	if (gbIE4)
+	{
+		if(document.body)
+		{
+			if(document.body.clientWidth > 1 && document.body.clientHeight>1)
+			{
+				var oMsg = new whMessage(WH_MSG_RESIZEPANE, this, 1, null);
+				SendMessage(oMsg);
+			}
+		}
+	}
+	else 
+	{
+		if (window.innerWidth != 0 && window.innerHeight != 0)
+		{
+			var oMsg = new whMessage(WH_MSG_RESIZEPANE, this, 1, null);
+			SendMessage(oMsg);
+		}
+	}
+}
+
+function CheckLoadingPhase0()
+{
+	if (!gbPassPhase0) {
+		setTimeout("CheckLoadingPhase0()", 1000);
+		document.applets[0];
+		gbPassPhase0 = 1;
+	}
+	else {
+		CheckLoadingPhase1();
+	}
+}
+
+function CheckLoadingPhase1()
+{
+	if (gbNav4) {
+		if ("unknown" == gbLoading && document.readystate < 4) {
+			setTimeout("CheckLoadingPhase1()", 1000);
+		}
+		else if ("unknown" == gbLoading) {
+			CheckLoadingPhase2();
+		}
+	}
+}
+
+function CheckLoadingPhase2()
+{
+	if (gbNav4) {
+		gbTryTime ++;
+		if ("unknown" == gbLoading) {
+			if (gbTryTime <= gbMaxTryTime )
+				setTimeout("CheckLoadingPhase2()", 1000);
+			else {
+				if (gnVerMinor != 4.60) {
+					if (gnVerMinor >= 4.06)
+						document.location.href = "nsdnsfix.htm"
+					else {
+						alert("Unable to load applet. If you are using an old version of Netscape, the prefs.js file needs to be edited.");
+					}
+				}
+			}	
+		}
+	}
+}
+
+function CheckAppletLoaded()
+{
+	if (typeof(document.WebHelp) == "undefined")
+	{
+		document.location.reload();
+		if (gbretried < gbmaxretry)
+		{
+			gbretried ++;
+			setTimeout("CheckAppletLoaded();", gbretrytime[gbretried]);
+		}
+	}
+}
+
+function reDo() 
+{
+	if (innerWidth != origWidth || innerHeight != origHeight)  
+	{
+		//reloaded applet if nessary
+		gbretried = 0;
+
+		if (gnVerMinor == 4.60) 
+		{
+			//reload the applet again.
+			document.location.reload();
+			gbretried ++;
+		}
+		setTimeout("CheckAppletLoaded();", gbretrytime[gbretried]);
+	}
+}
+
+function onSendMessage(oMsg)
+{
+	if (oMsg)
+	{	
+		var nMsgId = oMsg.nMessageId;
+		var WebHelpApplet = null;
+		if (gbNav4)
+		{
+			WebHelpApplet = document.applets["WebHelp"];
+			if (!WebHelpApplet.Command)
+				document.location="whskin_plist.htm";
+		}
+		else
+			WebHelpApplet = window.WebHelp;
+
+		if (nMsgId == WH_MSG_SHOWTOC)
+		{
+			gsCurrentPane="toc";
+			WebHelpApplet.Command("Contents",null);
+			var onMsg=new whMessage(WH_MSG_PANEINFO,this,1,"toc");
+			SendMessage(onMsg);
+			onMsg=new whMessage(WH_MSG_SHOWPANE,this,1,null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWIDX)
+		{
+			gsCurrentPane="idx";
+			WebHelpApplet.Command("Index",null);
+			var onMsg=new whMessage(WH_MSG_PANEINFO,this,1,"idx");
+			SendMessage(onMsg);
+			onMsg=new whMessage(WH_MSG_SHOWPANE,this,1,null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWFTS)
+		{
+			gsCurrentPane="fts";
+			WebHelpApplet.Command("Search",null);
+			var onMsg=new whMessage(WH_MSG_PANEINFO,this,1,"fts");
+			SendMessage(onMsg);
+			onMsg=new whMessage(WH_MSG_SHOWPANE,this,1,null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWGLO)
+		{
+			gsCurrentPane="glo";
+			WebHelpApplet.Command("Glossary",null);
+			var onMsg=new whMessage(WH_MSG_PANEINFO,this,1,"glo");
+			SendMessage(onMsg);
+			onMsg=new whMessage(WH_MSG_SHOWPANE,this,1,null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SYNCTOC)
+		{
+			gsCurrentPane="toc";
+			var oTopicParam=oMsg.oParam;
+			if(oTopicParam&&oTopicParam.aPaths&&oTopicParam.aPaths.length>0&&oTopicParam.sPPath)
+			{
+				var sPPath=_browserURLToAppletURL(oTopicParam.sPPath);
+				var sParam="";
+				for(var i=0;i<oTopicParam.aPaths.length;i++)
+				{
+					sParam+=oTopicParam.aPaths[i]+"\r\r";
+				}
+				if(gbLoading!="unknown")
+					WebHelpApplet.Command("SyncToc",sPPath,sParam);
+			}
+		}
+		else if(nMsgId==WH_MSG_SEARCHTHIS)
+		{
+			gsCurrentPane="fts";
+			WebHelpApplet.Command("Search",oMsg.oParam);
+			var onMsg=new whMessage(WH_MSG_PANEINFO,this,1,"fts");
+			SendMessage(onMsg);
+			onMsg=new whMessage(WH_MSG_SHOWPANE,this,1,null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_GETPANEINFO)
+		{
+			oMsg.oParam=gsCurrentPane;
+			return false;
+		}
+	}
+	return true;
+}
+
+function _browserURLToAppletURL(sBURL)
+{
+	var sAURL="";
+	var nPos=sBURL.indexOf('%');
+	while(nPos!=-1)
+	{
+		sAURL+=sBURL.substring(0,nPos);
+		sBURL=sBURL.substring(nPos+1);
+		var sNum="";
+		var i=0;
+		while(sBURL.charAt(i)>='0'&&sBURL.charAt(i)<='9')
+		{
+			sNum+=sBURL.charAt(i++);	
+		}
+		if(sNum!="")
+		{
+			var nNum=parseInt(sNum,16);
+			sAURL+=String.fromCharCode(nNum);
+			sBURL=sBURL.substring(i);
+		}
+		nPos=sBURL.indexOf('%');
+	}
+	sAURL+=sBURL;
+	return sAURL;
+}
+
+function getInitTocInfo()
+{
+	var oParam=new Object();
+	oParam.oTocInfo=null;
+	var oMsg=new whMessage(WH_MSG_GETTOCPATHS,this,1,oParam);
+	if(SendMessage(oMsg))
+	{
+		var oTopicParam=oMsg.oParam.oTocInfo;
+		if(oTopicParam&&oTopicParam.aPaths&&oTopicParam.aPaths.length>0&&oTopicParam.sPPath)
+		{
+			var sPPath=_browserURLToAppletURL(oTopicParam.sPPath);
+			var sParam="";
+			for(var i=0;i<oTopicParam.aPaths.length;i++)
+			{
+				sParam+=oTopicParam.aPaths[i]+"\r\r";
+			}
+			var WebHelpApplet;
+			if(gbNav4)
+				WebHelpApplet=document.applets["WebHelp"];
+			else
+				WebHelpApplet=WebHelp;
+			WebHelpApplet.Command("SyncToc",sPPath,sParam);
+		}
+	}
+}
+
+if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
+{
+	RegisterListener2(this, WH_MSG_SHOWTOC);
+	RegisterListener2(this, WH_MSG_SHOWIDX);
+	RegisterListener2(this, WH_MSG_SHOWFTS);
+	RegisterListener2(this, WH_MSG_SHOWGLO);
+	RegisterListener2(this, WH_MSG_SYNCTOC);
+	RegisterListener2(this, WH_MSG_SEARCHTHIS);
+	RegisterListener2(this, WH_MSG_GETPANEINFO);
+
+	window.onresize=onResize;
+	window.onunload = window_unload;
+	window.onload=window_OnLoad;
+	window.onerror = null;
+	var gbWindows = ((gAgent.indexOf("win") != -1) || (gAgent.indexOf("16bit") != -1));
+
+	if (gbNav4 && !gbNav6 && gbWindows) {
+		setTimeout("CheckLoadingPhase0()", 1000);
+	}
+	if (gbNav4)
+	{
+		origWidth = innerWidth;
+		origHeight = innerHeight;
+		onresize = reDo;
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>
+</head>
+<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="c0c0c0">
+<applet code=WebHelp.class name=WebHelp  archive=webhelp.jar width=100% height=100% MAYSCRIPT hspace=0 vspace=0>
+<PARAM name=ProjectFile value=whproj.xml><PARAM name=ResourceFile value=whres.xml>
+<PARAM name=HideTabs value=true>
+<PARAM name=Frame value=bsscright>
+<PARAM name=cabbase value=webhelp.cab>
+</applet>
+</body>
+</html>
diff --git a/doc/salome/gui/SUPERV/whskin_pdhtml.htm b/doc/salome/gui/SUPERV/whskin_pdhtml.htm
new file mode 100755
index 0000000..ffb2439
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_pdhtml.htm
@@ -0,0 +1,57 @@
+<html>
+<head>
+<title> Navigation Pane </title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+</head>
+<body border=0 topmargin=0 bottommargin=0 rightmargin=0 leftmargin=0 scroll=no>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whphost.js"></script>
+<script language="javascript1.2">
+<!--
+if (window.gbWhPHost)
+{
+	var gsNavReDirect="whskin_plist.htm";
+	var gbReDirectThis=true;
+	var oMsg = new whMessage(WH_MSG_GETPANES, this, 1, null);
+	if (SendMessage(oMsg))
+	{
+		if (oMsg.oParam)
+		{
+			for (var i=0;i<oMsg.oParam.aPanes.length;i++)
+			{
+				addPane(oMsg.oParam.aPanes[i].sPaneName, oMsg.oParam.aPanes[i].sPaneURL);
+			}
+			setShowPane(oMsg.oParam.sDefault);
+			setServerEnabled();
+		}
+		else
+			writeWebHelpPane();
+	}
+	else
+		writeWebHelpPane();
+}
+else
+	document.location.reload();
+
+function writeWebHelpPane()
+{
+  var bPreferXML	      = false;
+  var strProjectFileXML =  "whproj.xml";
+  var strProjectFileHTM =  "whproj.htm";	
+  addProject(bPreferXML, strProjectFileXML, strProjectFileHTM);
+  addPane("toc","whtdhtml.htm");
+  addPane("fts","whfdhtml.htm");
+  addPane("glo","whgdhtml.htm");
+  setShowPane("toc");
+
+}
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_plist.htm b/doc/salome/gui/SUPERV/whskin_plist.htm
new file mode 100755
index 0000000..35f0155
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_plist.htm
@@ -0,0 +1,204 @@
+<html>
+<head>
+<title> Navigation Pane </title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+</head>
+<script language="javascript">
+<!--
+var strFrmToc = "";
+var strFrmNdx = "";
+var strFrmFts = "";
+var strFrmGls = "";
+var strFrmDft = "";
+var gstrName = "";
+
+//set overwrite here
+function setListFrames(strToc,strNdx,strFts,strGls,strDefault)
+{
+	strFrmToc = strToc;
+	strFrmNdx = strNdx;
+	strFrmFts = strFts;
+	strFrmGls = strGls;
+	strFrmDft = strDefault;
+	if (strFrmDft == strFrmToc)
+	{
+		gstrName = "toc";
+	}
+	else if (strFrmDft == strFrmNdx) 
+	{
+		gstrName = "idx";
+
+	}
+	else if (strFrmDft == strFrmFts) 
+	{
+		gstrName = "fts";
+	}
+	else if (strFrmDft == strFrmGls) 
+	{
+		gstrName = "glo";
+	}
+}
+
+function setWebHelpPane()
+{
+	setListFrames("whgdata/whnvf30.htm","whgdata/whnvf31.htm","whgdata/whnvf32.htm","whgdata/whnvf33.htm","whgdata/whnvf30.htm");
+}
+
+function window_unload()
+{
+	if (!gbNav4 || gbNav6) // resize will call unload, but the register code will never be called on Netscape 4.
+	{
+		UnRegisterListener2(this,WH_MSG_SHOWTOC);
+		UnRegisterListener2(this,WH_MSG_SHOWIDX);
+		UnRegisterListener2(this,WH_MSG_SHOWFTS);
+		UnRegisterListener2(this,WH_MSG_SHOWGLO);
+		UnRegisterListener2(this, WH_MSG_GETPANEINFO);
+	}
+}
+
+function window_onload()
+{
+	if (gstrName)
+	{
+		var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, gstrName);
+		SendMessage(onMsg);
+	}
+}
+
+function switchNvp(strName)
+{
+	var strFile = "";
+  	if (strName == "toc")		strFile = strFrmToc;
+	else if (strName == "idx")	strFile = strFrmNdx;
+	else if (strName == "fts")	strFile = strFrmFts;
+	else if (strName == "glo")	strFile = strFrmGls;
+
+	gstrName = strName;
+	frames[0].location = strFile;	
+}
+
+function onSendMessage(oMsg)
+{
+	if(oMsg)
+	{
+		var nMsgId=oMsg.nMessageId;
+		if (nMsgId==WH_MSG_SHOWTOC)
+		{
+			switchNvp("toc");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "toc");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWIDX)
+		{
+			switchNvp("idx");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "idx");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWFTS)
+		{
+			switchNvp("fts");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "fts");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if(nMsgId==WH_MSG_SHOWGLO)
+		{
+			switchNvp("glo");
+			var onMsg=new whMessage(WH_MSG_PANEINFO, this, 1, "glo");
+			SendMessage(onMsg);
+			onMsg = new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+			SendMessage(onMsg);
+		}
+		else if (nMsgId==WH_MSG_GETPANEINFO)
+		{
+			oMsg.oParam = gstrName;
+			return false;
+		}
+	}
+	return true;
+}
+
+function onResize()
+{
+	if (gbIE4)
+	{
+		if(document.body)
+		{
+			if(document.body.clientWidth > 1 && document.body.clientHeight>1)
+			{
+				var oMsg = new whMessage(WH_MSG_RESIZEPANE, this, 1, null);
+				SendMessage(oMsg);
+			}
+		}
+	}
+	else 
+	{
+		if (window.innerWidth != 0 && window.innerHeight != 0)
+		{
+			var oMsg = new whMessage(WH_MSG_RESIZEPANE, this, 1, null);
+			SendMessage(oMsg);
+		}
+	}
+}
+
+if (window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
+{
+	var oMsg = new whMessage(WH_MSG_GETPANES, this, 1, null);
+	if (SendMessage(oMsg))
+	{
+		if (oMsg.oParam)
+		{
+			for (var i=0;i<oMsg.oParam.aPanes.length;i++)
+			{
+				if (oMsg.oParam.aPanes[i].sPaneName == "toc")
+					strFrmToc = oMsg.oParam.aPanes[i].sPaneURL;
+				else if (oMsg.oParam.aPanes[i].sPaneName == "idx")
+					strFrmNdx = oMsg.oParam.aPanes[i].sPaneURL;
+				else if (oMsg.oParam.aPanes[i].sPaneName == "fts")
+					strFrmFts = oMsg.oParam.aPanes[i].sPaneURL;
+				else if (oMsg.oParam.aPanes[i].sPaneName == "glo")
+					strFrmGls = oMsg.oParam.aPanes[i].sPaneURL;
+				if (oMsg.oParam.sDefault == oMsg.oParam.aPanes[i].sPaneName)
+				{
+					strFrmDft = oMsg.oParam.aPanes[i].sPaneURL;
+				}
+			}
+		}
+		else
+			setWebHelpPane();
+	}
+	else
+		setWebHelpPane();
+
+	RegisterListener2(this,WH_MSG_SHOWTOC);
+	RegisterListener2(this,WH_MSG_SHOWIDX);
+	RegisterListener2(this,WH_MSG_SHOWFTS);
+	RegisterListener2(this,WH_MSG_SHOWGLO);
+	RegisterListener2(this, WH_MSG_GETPANEINFO);
+
+	window.onresize=onResize;
+	window.onunload=window_unload;
+	window.onload=window_onload;
+
+	var strHtml = "";
+	strHtml += "<frameset rows=\'100%,*\'>";
+	strHtml += "<frame name=\'nvplist\' title=\'navpane frame\' src=\'" + strFrmDft +"\'></frame>";
+	strHtml += "<frame src=\'whskin_blank.htm\' noresize></frame>";
+	strHtml += "</frameset>";
+	document.write(strHtml);
+}
+else
+	document.location.reload();
+//-->
+</script>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whskin_tbars.htm b/doc/salome/gui/SUPERV/whskin_tbars.htm
new file mode 100755
index 0000000..8b70544
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whskin_tbars.htm
@@ -0,0 +1,98 @@
+<html>
+<head>
+<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
+</head>
+<style>
+<!--
+body {margin:0;}
+-->
+</style>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whtbar.js"></script>
+
+
+<body marginheight="0"  marginwidth="0"  bgcolor="#99ccff"     scroll="no">
+<script language="javascript1.2">
+<!--
+if (window.gbWhTBar)
+{
+	setButtonFont("toc","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("toc","Tahoma","8pt","White","Normal","Normal","none", true);
+setButtonFont("idx","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("idx","Tahoma","8pt","White","Normal","Normal","none", true);
+setButtonFont("fts","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("fts","Tahoma","8pt","White","Normal","Normal","none", true);
+setButtonFont("glo","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("glo","Tahoma","8pt","White","Normal","Normal","none", true);
+setButtonFont("websearch","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("websearch","Tahoma","8pt","White","Normal","Normal","none", true);
+setButtonFont("searchform","Tahoma","8pt","Black","Normal","Normal","none");
+setButtonFont("searchform","","","","","","", true);
+setButtonFont("banner","","","","","","");
+setButtonFont("banner","","","","","","", true);
+
+	gsIToc = "wht_toc_n.gif";
+	gsITocS = "wht_toc_h.gif";
+	gsIIndex = "wht_idx_n.gif";
+	gsIIndexS = "wht_idx_h.gif";
+	gsISearch = "wht_fts_n.gif";
+	gsISearchS = "wht_fts_h.gif";
+	gsIGlossary = "wht_glo_n.gif";
+	gsIGlossaryS = "wht_glo_h.gif";
+	gsIWebSearch = "wht_ws.gif";
+	gsIWebSearchD = "wht_ws_g.gif";
+	gsIBanner = "wht_logo1.gif";
+	gsIGo = "wht_go.gif";
+	setBackgroundcolor("#99ccff");
+	
+	setAlignment("left");
+	
+	
+	if (!gsBgImage)
+	{
+	setButtonBgColor("toc", gsBgColor);
+	setButtonBgColor("idx", gsBgColor);
+	setButtonBgColor("fts", gsBgColor);
+	setButtonBgColor("glo", gsBgColor);
+	setButtonBgColor("toc", gsTBSelectedBgColor, true);
+	setButtonBgColor("idx", gsTBSelectedBgColor, true);
+	setButtonBgColor("fts", gsTBSelectedBgColor, true);
+	setButtonBgColor("glo", gsTBSelectedBgColor, true);
+	setButtonBgColor("toc","#99ccff");
+setButtonBgColor("idx","#99ccff");
+setButtonBgColor("fts","#99ccff");
+setButtonBgColor("glo","#99ccff");
+setButtonBgColor("websearch","#99ccff");
+setButtonBgColor("searchform","");
+setButtonBgColor("banner","");
+
+	}
+	setButtonBgColor("toc","#639ace", true);
+setButtonBgColor("idx","#639ace", true);
+setButtonBgColor("fts","#639ace", true);
+setButtonBgColor("glo","#639ace", true);
+setButtonBgColor("websearch","#639ace", true);
+setButtonBgColor("searchform","", true);
+setButtonBgColor("banner","", true);
+
+	addButton("toc",BTN_TEXT|BTN_IMG,"Contents","","","","",0,0,"","","","","","");
+addButton("fts",BTN_TEXT|BTN_IMG,"Search","","","","",0,0,"","","","","","");
+addButton("glo",BTN_TEXT|BTN_IMG,"Glossary","","","","",0,0,"","","","","","");
+addButton("searchform",BTN_TEXT,"","","","","",0,0,"","","","","","");
+addButton("banner",BTN_IMG,"eHelp Corporation","","","","",0,0,"","","","","","");
+
+	addButton("blankblock");
+	writeStyle(false);
+	ReSortToolbarButtons();
+	writeToolBar();
+}
+else
+	document.location.reload();
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whst_topics.xml b/doc/salome/gui/SUPERV/whst_topics.xml
new file mode 100755
index 0000000..2a61402
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whst_topics.xml
@@ -0,0 +1,81 @@
+<?xml version='1.0' encoding='ISO-8859-1' ?>
+<topictemplate>
+ <topic type="normal">
+  <add tag="head" pos="endbefore" >
+   <![CDATA["<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_MESSAGE_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript\" src=\"";SF_VERSION_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_PROXY_JS ;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_UTILS_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_TOPIC_JS;"\"></script>
+";]]>
+  </add>
+  <add tag="body" pos="beginafter">
+    <![CDATA["<script type=\"text/javascript\" language=\"javascript1.2\">
+<!--
+if (window.gbWhTopic)
+{
+	if (window.addTocInfo)
+	{
+	";
+	  OutputInTopicNavBarDataToc("addTocInfo(\"%s\");\r\n");
+	  OutputInTopicNavBarDataBrowse("addAvenueInfo(\"%s\",\"%s\",\"%s\");\r\n");
+	  OutputInTopicNavBarDataButtons("addButton(%s);\r\n");
+	"
+	}
+	if (window.writeBtnStyle)
+		writeBtnStyle();
+
+	if (window.writeIntopicBar)
+		writeIntopicBar(";WH_WEBSKIN.topic.bar.top.pos;");
+
+	if (window.setRelStartPage)
+	{
+	";
+	  OutputInTopicNavBarDataHomePage("setRelStartPage(\"%s\");\r\n");
+	  OutputInTopicNavBarDataWebSearch.href("addSearchFormHref(\"%s\");\r\n");
+	"
+		autoSync(";WH_USER_OPTIONS.autosync_toc;");
+		sendSyncInfo();
+		sendAveInfoOut();
+	}
+}
+else
+	document.location.reload();
+//-->
+</script>"]]>	
+  </add>
+  <add tag="body" pos="endbefore">
+   <![CDATA["<script type=\"text/javascript\" language=\"javascript1.2\">
+<!--
+if (window.writeIntopicBar)
+	writeIntopicBar(";WH_WEBSKIN.topic.bar.bottom.pos;");
+//-->
+</script>";
+OutputInTopicNavBarDataWebSearch.form();]]>	
+  </add>
+ </topic>
+ <topic type="frameset">
+  <add tag="head" pos="endbefore" >
+   <![CDATA["<script type=\"text/javascript1.2\" language=\"javascript\" src=\"";SF_MESSAGE_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript\" src=\"";SF_VERSION_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_PROXY_JS ;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_UTILS_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\" src=\"";SF_FRAMESET_JS;"\"></script>
+<script type=\"text/javascript\" language=\"javascript1.2\">
+<!--
+if (window.setRelStartPage)
+{
+";
+  OutputInTopicNavBarDataHomePage("setRelStartPage(\"%s\");\r\n");
+  OutputInTopicNavBarDataToc("addTocInfo(\"%s\");\r\n");
+  OutputInTopicNavBarDataBrowse("addAvenueInfo(\"%s\",\"%s\",\"%s\");\r\n");
+"
+}
+if (window.autoSync)
+	autoSync(";WH_USER_OPTIONS.autosync_toc;");
+//-->
+</script>
+";]]>
+  </add>
+ </topic>
+</topictemplate>
diff --git a/doc/salome/gui/SUPERV/whstart.ico b/doc/salome/gui/SUPERV/whstart.ico
new file mode 100755
index 0000000..365ecea
Binary files /dev/null and b/doc/salome/gui/SUPERV/whstart.ico differ
diff --git a/doc/salome/gui/SUPERV/whstart.js b/doc/salome/gui/SUPERV/whstart.js
new file mode 100755
index 0000000..50e53f6
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whstart.js
@@ -0,0 +1,244 @@
+RegisterListener2(this, WH_MSG_GETSTARTFRAME);
+RegisterListener2(this, WH_MSG_GETDEFAULTTOPIC);
+RegisterListener2(this, WH_MSG_MINIBARORDER);
+RegisterListener2(this, WH_MSG_TOOLBARORDER);
+RegisterListener2(this, WH_MSG_ISSEARCHSUPPORT);
+RegisterListener2(this, WH_MSG_ISSYNCSSUPPORT);
+RegisterListener2(this, WH_MSG_ISAVENUESUPPORT);
+RegisterListener2(this, WH_MSG_GETPANETYPE);
+RegisterListener2(this, WH_MSG_GETPANES);
+RegisterListener2(this, WH_MSG_RELOADNS6);
+
+if (gbNav6)
+{
+	var gnReload=0;
+	setTimeout("delayReload();",5000);
+}
+
+function delayReload()
+{
+	if(!gnReload)
+	{
+		if(nViewFrameType&&nViewFrameType==1)
+			document.location=document.location;
+	}
+}
+
+var gsToolbarOrder = "toc|fts|glo|blankblock|banner";
+var gsMinibarOrder = "blankblock|hide2|";
+
+var gsTopic = "files/introduction_to_supervisor.htm";
+
+if (location.hash.length > 1)
+	gsTopic = location.hash.substring(1);
+
+function setToolbarOrder(sOrder)
+{
+	gsToolbarOrder = sOrder;
+}
+
+function setMinibarOrder(sOrder)
+{
+	gsMinibarOrder = sOrder;
+}
+
+function onSendMessageX(oMsg)
+{
+	var nMsgId = oMsg.nMessageId;
+	if (nMsgId == WH_MSG_GETSTARTFRAME)
+	{
+		oMsg.oParam.oFrame = this;
+		return false;
+	}
+	else if (nMsgId == WH_MSG_GETDEFAULTTOPIC)
+	{
+		if (this.cMRServer && cMRServer.m_strVersion)
+		{
+			if (cMRServer.m_strURLTopic);
+			{
+				oMsg.oParam.sTopic = cMRServer.m_strURLTopic;
+				return false;
+			}
+
+		}
+		oMsg.oParam.sTopic = gsTopic;
+		return false;
+	}
+	else if (nMsgId == WH_MSG_TOOLBARORDER)
+	{
+		var oMsg1 = new whMessage(WH_MSG_GETPANES, this, 1, null);
+		if (SendMessage(oMsg1))
+		{
+			if (oMsg1.oParam)
+			{
+				if (this.cMRServer && cMRServer.m_strVersion)
+				{
+					var aToolbarOrder=cMRServer.m_strAgentList.split(";");
+					var i=0;
+					for (i=0;i<aToolbarOrder.length;i++)
+						aToolbarOrder[i]=transferANToPN2(aToolbarOrder[i]);
+					aToolbarOrder[aToolbarOrder.length] = "blankblock";
+					if (cMRServer.m_bShowSearchInput)
+					{
+						aToolbarOrder[aToolbarOrder.length] = "searchform";
+					}
+					aToolbarOrder[aToolbarOrder.length] = "banner";
+					var aToolbarOrderNew = new Array();
+					for (i=0;i<aToolbarOrder.length;i++)
+					{
+						if (isAPane(aToolbarOrder[i]))
+						{
+							if (oMsg1.oParam.aPanes && oMsg1.oParam.aPanes.length)
+							{
+								for (var j=0;j<oMsg1.oParam.aPanes.length;j++)
+								{
+									if (aToolbarOrder[i] == oMsg1.oParam.aPanes[j].sPaneName)
+									{
+										aToolbarOrderNew[aToolbarOrderNew.length] = aToolbarOrder[i];
+										break;
+									}
+								}
+							}
+						}
+						else
+							aToolbarOrderNew[aToolbarOrderNew.length] = aToolbarOrder[i];
+					}
+					oMsg.oParam = aToolbarOrderNew.join("|");
+					return false;
+				}
+			}
+		}
+		oMsg.oParam = gsToolbarOrder;
+		return false;
+	}
+	else if (nMsgId == WH_MSG_MINIBARORDER)
+	{
+		oMsg.oParam = gsMinibarOrder;
+		return false;
+	}
+	else if (nMsgId == WH_MSG_ISSYNCSSUPPORT)
+	{
+		if (this.cMRServer && cMRServer.m_strVersion)
+		{
+			if (cMRServer.m_bShowSync)
+				oMsg.oParam=true;
+			else
+				oMsg.oParam=false;
+			return false;
+		}
+		else
+		{
+			if(nViewFrameType)
+			{
+				oMsg.oParam= (nViewFrameType < 3);
+				return false;
+			}
+		}
+	}
+	else if (nMsgId == WH_MSG_ISAVENUESUPPORT)
+	{
+		if (this.cMRServer && cMRServer.m_strVersion)
+		{
+			if (cMRServer.m_bShowBrowseSequences)
+				oMsg.oParam=true;
+			else
+				oMsg.oParam=false;
+		}
+		else
+		{
+			oMsg.oParam=true;
+		}
+		return false;
+	}
+	else if (nMsgId == WH_MSG_ISSEARCHSUPPORT)
+	{
+		if(nViewFrameType)
+		{
+			oMsg.oParam= (nViewFrameType < 3);
+			return false;
+		}
+	}
+	else if (nMsgId == WH_MSG_GETPANETYPE)
+	{
+		if(nViewFrameType)
+		{
+			var oPaneInfo = new Object();
+			oPaneInfo.nType = nViewFrameType;
+			oPaneInfo.sPaneURL = strPane;
+			oMsg.oParam = oPaneInfo;
+			return false;
+		}
+	}
+	else if (nMsgId == WH_MSG_GETPANES)
+	{
+		if (this.cMRServer && cMRServer.m_strVersion)
+		{
+			var oPanes = new Object();
+			var aAgentNames = null;
+			if (cMRServer.m_strDefAgent)
+				oPanes.sDefault = transferAgentNameToPaneName(cMRServer.m_strDefAgent);
+
+			aPanes = new Array();
+			for(var i=0; i< cMRServer.m_cAgents.length; i++)
+			{
+				var nCur = aPanes.length;
+				aPanes[nCur] = new Object();
+				aPanes[nCur].sPaneName = transferAgentNameToPaneName(cMRServer.m_cAgents[i].m_strID);
+				aPanes[nCur].sPaneURL = cMRServer.m_cAgents[i].m_strURL;
+			}
+			oPanes.aPanes = aPanes;
+			oMsg.oParam = oPanes;
+			return false;
+		}
+		else
+		{
+			oMsg.oParam = null;
+			return false;
+		}
+	}
+	else if(nMsgId==WH_MSG_RELOADNS6)
+	{
+		if(gbNav6)
+			gnReload=1;
+		return false;
+	}
+	return true;
+}
+
+function transferANToPN2(sAN)
+{
+	if (sAN =="toc")
+		return "toc";
+	else if	(sAN =="ndx")
+		return "idx";
+	else if	(sAN =="nls")
+		return "fts";
+	else if	(sAN =="Glossary")
+		return "glo";
+	else if	(sAN =="WebSearch")
+		return "websearch";
+	else if (sAN.indexOf("custom_")==0);
+		return "custom" + sAN.substring(7);
+	return sAN;
+}
+
+function transferAgentNameToPaneName(sAgentName)
+{
+	if (sAgentName =="toc")
+		return "toc";
+	else if	(sAgentName =="ndx")
+		return "idx";
+	else if	(sAgentName =="nls")
+		return "fts";
+	else if	(sAgentName =="gls")
+		return "glo";
+	return "";
+}
+
+function isAPane(sPaneName)
+{
+	if (sPaneName == "toc" || sPaneName == "idx" || sPaneName == "fts" || sPaneName == "glo")
+		return true;
+	else
+		return false;
+}
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whstub.js b/doc/salome/gui/SUPERV/whstub.js
new file mode 100755
index 0000000..7a67691
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whstub.js
@@ -0,0 +1,156 @@
+window.whname="wh_stub";
+function getframehandle(frames,framename)
+{
+	var frame=null;
+	if(null==frames) return null;
+	for(var i=0;i<frames.length;i++)
+	{
+		if(typeof(frames[i].name)!="unknown")
+		{
+			if(frames[i].name==framename)
+				return frames[i];
+			if(frames[i].frames.length>0)
+				frame=getframehandle(frames[i].frames,framename);
+				if(null!=frame)
+					return frame;
+		}
+	}
+	return frame;
+}
+
+function AddToArray(arr,obj)
+{
+	var bFound=false;
+	for(var i=0;i<arr.length;i++){
+		if(arr[i]==obj){
+			bFound=true;
+			break;
+		}
+		else if(arr[i]==null){
+			break;
+		}
+	}
+	if(!bFound) arr[i]=obj;
+}
+
+var gArrayRegistedMessage=new Array();
+var gArrayCompoentsArray=new Array();
+
+function GetComponentsArray(nMessageId)
+{
+	var len=gArrayRegistedMessage.length;
+	for(var i=0;i<len;i++)
+	{
+		if(gArrayRegistedMessage[i]==nMessageId){
+			if(gArrayCompoentsArray.length>i)
+				return gArrayCompoentsArray[i];
+			else
+				return null;
+		}
+	}
+	return null;
+}
+
+function CreateComponentsArray(nMessageId)
+{
+	var len=gArrayRegistedMessage.length;
+	gArrayRegistedMessage[len]=nMessageId;
+	gArrayCompoentsArray[len]=new Array();
+	return gArrayCompoentsArray[len];
+}
+
+function listener(sName,oWindow)
+{
+	this.sName=sName;
+	this.oWindow=oWindow;
+}
+
+function RegisterListener(windowName,nMessageId)
+{
+	var arrayComponents=GetComponentsArray(nMessageId);
+	if(arrayComponents==null)
+		arrayComponents=CreateComponentsArray(nMessageId);
+	
+	if(arrayComponents!=null)
+	{
+		for (var i=0;i<arrayComponents.length;i++)
+		{
+			if (arrayComponents[i].sName == windowName)
+				return false;
+		}
+		var oListener=new listener(windowName,null);
+		AddToArray(arrayComponents,oListener);
+		return true;
+	}
+	else
+		return false;
+}
+
+function RegisterListener2(oWindow,nMessageId)
+{
+	var arrayComponents=GetComponentsArray(nMessageId);
+	if(arrayComponents==null)
+		arrayComponents=CreateComponentsArray(nMessageId);
+	
+	if(arrayComponents!=null)
+	{
+		var oListener=new listener("",oWindow);
+		AddToArray(arrayComponents,oListener);
+		return true;
+	}
+	else
+		return false;
+}
+
+function UnRegisterListener2(oWindow,nMessageId)
+{
+	var arrayComponents=GetComponentsArray(nMessageId);
+	if(arrayComponents!=null)
+	{
+		for(var i=0;i<arrayComponents.length;i++)
+		{
+			if(arrayComponents[i].oWindow==oWindow)
+			{
+				removeItemFromArray(arrayComponents,i);
+				return true;
+			}
+		}
+	}
+	else
+		return false;
+}
+
+function SendMessage(oMessage)
+{
+	var bDelivered=false;
+	var arrayComponents=GetComponentsArray(oMessage.nMessageId);
+	if(arrayComponents!=null&&arrayComponents.length>0){
+		for(var i=0;i<arrayComponents.length;i++)
+		{
+			if(null!=arrayComponents[i])
+			{
+				var pFrame;
+				if(arrayComponents[i].oWindow==null)
+					pFrame=getframehandle(frames,arrayComponents[i].sName);
+				else
+					pFrame=arrayComponents[i].oWindow;
+				if(null!=pFrame)
+				{
+					if(pFrame.onSendMessageX)
+					{
+						bDelivered=true;
+						if(!pFrame.onSendMessageX(oMessage))
+							break;
+					}
+					if(pFrame.onSendMessage)
+					{
+						bDelivered=true;
+						if(!pFrame.onSendMessage(oMessage))
+							break;
+					}
+				}
+			}
+		}
+	}
+	return bDelivered;
+}
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/wht_abge.jpg b/doc/salome/gui/SUPERV/wht_abge.jpg
new file mode 100755
index 0000000..bfab652
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_abge.jpg differ
diff --git a/doc/salome/gui/SUPERV/wht_abgi.jpg b/doc/salome/gui/SUPERV/wht_abgi.jpg
new file mode 100755
index 0000000..f0729b7
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_abgi.jpg differ
diff --git a/doc/salome/gui/SUPERV/wht_abgw.jpg b/doc/salome/gui/SUPERV/wht_abgw.jpg
new file mode 100755
index 0000000..74de750
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_abgw.jpg differ
diff --git a/doc/salome/gui/SUPERV/wht_abte.jpg b/doc/salome/gui/SUPERV/wht_abte.jpg
new file mode 100755
index 0000000..78fabbb
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_abte.jpg differ
diff --git a/doc/salome/gui/SUPERV/wht_abti.jpg b/doc/salome/gui/SUPERV/wht_abti.jpg
new file mode 100755
index 0000000..92c2d68
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_abti.jpg differ
diff --git a/doc/salome/gui/SUPERV/wht_abtw.jpg b/doc/salome/gui/SUPERV/wht_abtw.jpg
new file mode 100755
index 0000000..1fdd1a8
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_abtw.jpg differ
diff --git a/doc/salome/gui/SUPERV/wht_fts_h.gif b/doc/salome/gui/SUPERV/wht_fts_h.gif
new file mode 100755
index 0000000..feb79ae
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_fts_h.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_fts_n.gif b/doc/salome/gui/SUPERV/wht_fts_n.gif
new file mode 100755
index 0000000..8483be4
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_fts_n.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_glo_h.gif b/doc/salome/gui/SUPERV/wht_glo_h.gif
new file mode 100755
index 0000000..12223e5
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_glo_h.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_glo_n.gif b/doc/salome/gui/SUPERV/wht_glo_n.gif
new file mode 100755
index 0000000..32803eb
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_glo_n.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_go.gif b/doc/salome/gui/SUPERV/wht_go.gif
new file mode 100755
index 0000000..106f1d1
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_go.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_hide.gif b/doc/salome/gui/SUPERV/wht_hide.gif
new file mode 100755
index 0000000..6ec602d
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_hide.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_idx_h.gif b/doc/salome/gui/SUPERV/wht_idx_h.gif
new file mode 100755
index 0000000..2df1b16
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_idx_h.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_idx_n.gif b/doc/salome/gui/SUPERV/wht_idx_n.gif
new file mode 100755
index 0000000..fd193a0
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_idx_n.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_logo1.gif b/doc/salome/gui/SUPERV/wht_logo1.gif
new file mode 100755
index 0000000..2ef5700
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_logo1.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_logo2.gif b/doc/salome/gui/SUPERV/wht_logo2.gif
new file mode 100755
index 0000000..2ac62e8
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_logo2.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_next.gif b/doc/salome/gui/SUPERV/wht_next.gif
new file mode 100755
index 0000000..8ea834d
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_next.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_next_g.gif b/doc/salome/gui/SUPERV/wht_next_g.gif
new file mode 100755
index 0000000..c0e9758
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_next_g.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_prev.gif b/doc/salome/gui/SUPERV/wht_prev.gif
new file mode 100755
index 0000000..b7eaba8
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_prev.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_prev_g.gif b/doc/salome/gui/SUPERV/wht_prev_g.gif
new file mode 100755
index 0000000..8647909
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_prev_g.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_spac.gif b/doc/salome/gui/SUPERV/wht_spac.gif
new file mode 100755
index 0000000..fc25609
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_spac.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_sync.gif b/doc/salome/gui/SUPERV/wht_sync.gif
new file mode 100755
index 0000000..0ef1747
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_sync.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab0.gif b/doc/salome/gui/SUPERV/wht_tab0.gif
new file mode 100755
index 0000000..955c42f
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab0.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab1.gif b/doc/salome/gui/SUPERV/wht_tab1.gif
new file mode 100755
index 0000000..b3ec41d
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab1.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab2.gif b/doc/salome/gui/SUPERV/wht_tab2.gif
new file mode 100755
index 0000000..08fb0ce
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab2.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab3.gif b/doc/salome/gui/SUPERV/wht_tab3.gif
new file mode 100755
index 0000000..1819c8e
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab3.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab4.gif b/doc/salome/gui/SUPERV/wht_tab4.gif
new file mode 100755
index 0000000..1a6fc4f
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab4.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab5.gif b/doc/salome/gui/SUPERV/wht_tab5.gif
new file mode 100755
index 0000000..9340192
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab5.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab6.gif b/doc/salome/gui/SUPERV/wht_tab6.gif
new file mode 100755
index 0000000..fe312d2
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab6.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab7.gif b/doc/salome/gui/SUPERV/wht_tab7.gif
new file mode 100755
index 0000000..3b95ae2
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab7.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_tab8.gif b/doc/salome/gui/SUPERV/wht_tab8.gif
new file mode 100755
index 0000000..c80acc8
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_tab8.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_toc1.gif b/doc/salome/gui/SUPERV/wht_toc1.gif
new file mode 100755
index 0000000..515c352
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_toc1.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_toc2.gif b/doc/salome/gui/SUPERV/wht_toc2.gif
new file mode 100755
index 0000000..2e3d6c8
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_toc2.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_toc3.gif b/doc/salome/gui/SUPERV/wht_toc3.gif
new file mode 100755
index 0000000..330f369
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_toc3.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_toc4.gif b/doc/salome/gui/SUPERV/wht_toc4.gif
new file mode 100755
index 0000000..3f9a036
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_toc4.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_toc_h.gif b/doc/salome/gui/SUPERV/wht_toc_h.gif
new file mode 100755
index 0000000..fe20f68
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_toc_h.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_toc_n.gif b/doc/salome/gui/SUPERV/wht_toc_n.gif
new file mode 100755
index 0000000..ce28310
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_toc_n.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_ws.gif b/doc/salome/gui/SUPERV/wht_ws.gif
new file mode 100755
index 0000000..563db8b
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_ws.gif differ
diff --git a/doc/salome/gui/SUPERV/wht_ws_g.gif b/doc/salome/gui/SUPERV/wht_ws_g.gif
new file mode 100755
index 0000000..3056b75
Binary files /dev/null and b/doc/salome/gui/SUPERV/wht_ws_g.gif differ
diff --git a/doc/salome/gui/SUPERV/whtbar.js b/doc/salome/gui/SUPERV/whtbar.js
new file mode 100755
index 0000000..a183c98
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whtbar.js
@@ -0,0 +1,1990 @@
+var gaButtons=new Array();
+var	gaTypes=new Array();
+var gaBtnBgColor=new Array();
+var gaSelBtnBgColor=new Array();
+var gaOrders=null;
+var gaObjBtns=new Array();
+var BTN_TEXT=1;
+var BTN_IMG=2;
+var BTN_IMG_TOP=4
+var BTN_IMG_BOTTOM=8;
+var BTN_IMG_LEFT=16;
+var BTN_IMG_RIGHT=32;
+var gsAlign="left";
+var gsBgImage="";
+var gsBgColor="#99ccff";
+var gsShadow="#cccccc";
+var gsTBBgImage="";
+var gnShowHideStyle=0;
+var goTocInfo=null;
+var gbTocInfoInited=false;
+var goWebSearch=null;
+var gsTBFontFamily="Arial";
+var gsTBFontSize="xx-small";
+var gsTBFontColor="#003063";
+var gsTBDarkColor="#808080";
+var gsTBLightColor="#FFFAFA";
+var gsTBSelectedBgColor="#639ace";
+var gsTBFontSelectedColor="#ffffff";
+var gaOnLoads=new Array();
+var goWebSearchEnable=true;
+
+var goShow=null;
+var goHide=null;
+var goHide2=null;
+var goSync=null;
+
+var goToc=null;
+var goIdx=null;
+var goFts=null;
+var goGlo=null;
+var goNext=null;
+var goPrev=null;
+
+var LAYOUT=1;
+var HLAYOUT=0;
+var VLAYOUT=1;
+var ALIGN=2;
+var BALIGN=0;
+var EALIGN=2;
+var goEl=null;
+var gnRE=0;
+
+var gnButtonLayout=0;
+var gnShowHide=-1;
+
+var gbEqualSize=false;
+var goCusButton=new Array();
+var gsBtnStyle="";
+var gaAvenues=null;
+var gsCurAveName="";
+
+var gsIToc=null;
+var gsITocS=null;
+var gsIIndex=null;
+var gsIIndexS=null;
+var gsISearch=null;
+var gsISearchS=null;
+var gsIGlossary=null;
+var gsIGlossaryS=null;
+var gsIBanner=null;
+var gsIGo=null;
+
+var gsIHide=null;
+var gsIPrev=null;
+var gsINext=null;
+var gsISync=null;
+var gsINextD=null;
+var gsIPrevD=null;
+var gsIWebSearch=null;
+var gsIWebSearchD=null;
+
+var gbAveButttnInited=false;
+var goNextParent=null;
+var goPrevParent=null;
+var gsSearchPrompt="- Search -";
+
+var gstrSearch="";
+var gbPreview=false;
+gbPreview=false; 
+var gsSearchFormTitle="";
+var gnHasNavPane=-1;
+var gbInitBtn=false;
+var gaBtns=new Array();
+var gbWhTBar=false;
+var goTextFont=null;
+var goSelTextFont=null;
+var gsPane="";
+var gbNeedUpdateAve=false;
+var gbUpdateTimerCount=0;
+
+function setGoImage(sGoImage)
+{
+	if(sGoImage)
+	{
+		gsIGo=sGoImage;
+	}
+}
+
+function btnBgColor(sType,sColor)
+{
+	this.sType=sType;
+	this.sColor=sColor;
+}
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function setAlignment(strAlignment)
+{
+	gnButtonLayout=0;
+	if(strAlignment=="left")
+	{
+		gnButtonLayout=HLAYOUT|BALIGN;
+	}
+	else if(strAlignment=="right")
+	{
+		gnButtonLayout=HLAYOUT|EALIGN;
+	}
+	else if(strAlignment=="top")
+	{
+		gnButtonLayout=VLAYOUT|BALIGN;
+	}
+	else if(strAlignment=="bottom")
+	{
+		gnButtonLayout=VLAYOUT|EALIGN;
+	}
+}
+
+function writeStyle(bMiniBar)
+{
+	var sStyle="";
+	sStyle+="<style type='text/css'>\n";
+	sStyle+="<!--\n";
+	sStyle+=".clsBtnNormal {\n";
+	if(!(gbNav4&&!gbNav6))
+		if (bMiniBar)
+			sStyle+="padding:2px;\n";
+		else
+			sStyle+="padding:5px;\n";
+	sStyle+="cursor:hand;\n";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";\n";
+	sStyle+="color:"+gsTBFontColor+";}\n";
+
+	sStyle+=".clsNoBNormal {\n";
+	sStyle+="padding-left:2px;padding-right:2px;\n";
+	sStyle+="cursor:hand;\n";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";\n";
+	sStyle+="color:"+gsTBFontColor+";}\n";
+
+	sStyle+=".clsNotBtn {\n";
+	if(!(gbNav4&&!gbNav6))
+		if (bMiniBar)
+			sStyle+="padding:2px;\n";
+		else
+			sStyle+="padding:5px;\n";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";\n";
+	sStyle+="color:"+gsTBFontColor+";}\n";
+
+	sStyle+=".clsBtnUp{\n";
+	if(!(gbNav4&&!gbNav6))
+		if (bMiniBar)
+			sStyle+="padding:1px;\n";
+		else
+			sStyle+="padding:4px;\n";
+	sStyle+="border-bottom:"+gsTBDarkColor+" 1px solid;\n";
+	sStyle+="border-left:"+gsTBLightColor+" 1px solid;\n";
+	sStyle+="border-right:"+gsTBDarkColor+" 1px solid;\n";
+	sStyle+="border-top:"+gsTBLightColor+" 1px solid;\n";
+	sStyle+="cursor:hand;";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";\n";
+	sStyle+="color:"+gsTBFontColor+";}\n";
+
+	sStyle+=".clsNoBUp{\n";
+	sStyle+="padding-left:2px;padding-right:2px;\n";
+	sStyle+="cursor:hand;";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";\n";
+	sStyle+="color:"+gsTBFontColor+";}\n";
+
+	sStyle+=".clsBtnDown{\n";
+	if(!(gbNav4&&!gbNav6))
+		if (bMiniBar)
+			sStyle+="padding:1px;\n";
+		else
+			sStyle+="padding:4px;\n";
+	sStyle+="border-bottom:"+gsTBLightColor+" 1px solid;\n";
+	sStyle+="border-left:"+gsTBDarkColor+" 1px solid;\n";
+	sStyle+="border-right:"+gsTBLightColor+" 1px solid;\n";
+	sStyle+="border-top:"+gsTBDarkColor+" 1px solid;\n";
+	sStyle+="color:"+gsTBFontColor+";\n";
+	sStyle+="cursor:hand;\n";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";}\n";
+
+	sStyle+=".clsNoBDown{\n";
+	sStyle+="padding-left:2px;padding-right:2px;\n";
+	sStyle+="cursor:hand;";
+	sStyle+="font-family:"+gsTBFontFamily+";\n";
+	sStyle+="font-size:"+gsTBFontSize+";\n";
+	sStyle+="color:"+gsTBFontColor+";}\n";
+
+	sStyle+=getDefaultButtonFont();
+	sStyle+=gsBtnStyle;
+	sStyle+=".clsToolbarBackground{\n";
+	sStyle+="margin:2px;}\n";
+	sStyle+="-->\n";
+	sStyle+=" body {\n";
+	if (gsBgImage)
+		sStyle+="border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="border-top:black 1px solid;}\n";
+	sStyle+="-->\n";
+	sStyle+="</style>\n";
+	document.write(sStyle);
+}
+
+function button(sType,sText,nWidth,nHeight)
+{
+	this.sType=sType;
+	this.sText=sText;
+	this.nWidth=nWidth;
+	this.nHeight=nHeight;
+	
+	this.aIs=new Array();
+	var i=0;
+	while(button.arguments.length>i+4)
+	{
+		if (button.arguments[4+i])
+			this.aIs[i]=_getFullPath(_getPath(document.location.href),button.arguments[4+i]);
+		else
+			this.aIs[i]="";
+		i++;
+	}
+}
+
+function getImage(oImage,sTitle)
+{
+	if(oImage.aIs[0])
+	{
+		var sI="";
+		if(sTitle=="")
+			sTitle=oImage.sText;
+		sI+="<img alt=\""+sTitle+"\" src=\""+oImage.aIs[0]+"\"";
+		if(oImage.nWidth>0)
+			sI+=" width="+oImage.nWidth;
+		if(oImage.nHeight>0)
+			sI+=" height="+oImage.nHeight;
+		sI+=" border=no align=\"absmiddle\">";
+		return sI;
+	}
+	return "";
+}
+
+function getCurrentAveName()
+{
+	var oSelect=getElement("avenue");
+	if(oSelect)
+		return oSelect.value;
+	else
+		return "";
+}
+
+function updateWebSearch(bEnable)
+{
+	var oWebSearch=getElement("btnwebsearch");
+	var oWebSearchParent=null;
+	if(oWebSearch)
+		oWebSearchParent=getParentNode(oWebSearch);
+	goWebSearchEnable=bEnable;
+	if(oWebSearchParent)
+	{
+		if(bEnable)
+			enableButton(oWebSearchParent,goWebSearch);
+		else
+			disableButton(oWebSearchParent,goWebSearch);
+	}
+
+}
+
+function setState(oEL,sState)
+{
+	if(gbNav6)
+		oEL.setAttribute("state",sState);
+	else
+		oEL.state=sState;	
+}
+
+function updateAvenueIfNeeded()
+{
+	gbUpdateTimerCount--;
+	if (gbNeedUpdateAve&&gbUpdateTimerCount==0)
+	{
+		updateAvenue();
+	}
+}
+
+function updateAvenue()
+{
+	var sSelect=getAvenueHTML(gaAvenues);
+	var oSelect=getElement("avenue");
+	if(oSelect)
+	{
+		if(gbNav6)
+		{
+			var oParent=getParentNode(oSelect);
+			
+			if(oParent)
+			{
+				removeThis(oSelect);
+				oParent.insertAdjacentHTML("afterBegin",sSelect);
+			}
+		}
+		else
+			oSelect.outerHTML=sSelect;	
+		oSelect=getElement("avenue");
+		if(isValidAvenue(gaAvenues,gsCurAveName))
+			oSelect.value=gsCurAveName;
+	}
+	updateAveButton();
+}
+
+function initAveButtonObj()
+{
+	if(!gbAveButttnInited)
+	{
+		var oNext=getElement("btnavnext");
+		if(oNext)
+			goNextParent=getParentNode(oNext);
+
+		var oPrev=getElement("btnavprev");
+		if(oPrev)
+			goPrevParent=getParentNode(oPrev);
+	}
+	gbAveButttnInited=true;
+}
+
+function disableAveButton()
+{
+	initAveButtonObj();
+	if(goNextParent)
+		disableButton(goNextParent,goNext);
+	if(goPrevParent)
+		disableButton(goPrevParent,goPrev);
+}
+
+function disableButton(oEl,oBtn)
+{
+	setState(oEl,"disable");
+	var sPF=oEl.className.substring(0,6);
+	oEl.className=sPF+"Normal";
+	var oIs=getElementsByTag(oEl,"img");
+	if(oIs.length>0&&oBtn&&oBtn.aIs&&oBtn.aIs.length>3)
+	{
+		if(oBtn.aIs[3])
+			oIs[0].src=oBtn.aIs[3];
+	}
+	else
+		oEl.style.visibility="hidden";
+}
+
+function enableButton(oEl,oBtn)
+{
+	setState(oEl,"normal");
+	if(oEl==goEl)
+	{
+		var sPF=oEl.className.substring(0,6);
+		oEl.className=sPF+"Up";
+	}
+	var oIs=getElementsByTag(oEl,"img");
+	if(oIs.length>0&&oBtn&&oBtn.aIs&&oBtn.aIs.length>0)
+	{
+		if(oBtn.aIs[0])
+			oIs[0].src=oBtn.aIs[0];
+	}
+	oEl.style.visibility="visible";
+}
+
+function updateAveButton()
+{
+	initAveButtonObj();	
+	var strAveName=getCurrentAvenue();
+	if(strAveName!="")
+	{
+		if(gaAvenues)
+		{
+			for(var i=0;i<gaAvenues.length;i++)
+			if(gaAvenues[i].sName==strAveName)
+			{
+				if(goNextParent)
+				{
+					if(gaAvenues[i].sNext!=null&&gaAvenues[i].sNext!="")
+						enableButton(goNextParent,goNext);
+					else
+						disableButton(goNextParent,goNext);
+				}
+				if(goPrevParent)
+				{
+					if(gaAvenues[i].sPrev!=null&&gaAvenues[i].sPrev!="")
+						enableButton(goPrevParent,goPrev);
+					else
+						disableButton(goPrevParent,goPrev);
+				}	
+				break;
+			}
+		}
+	}
+	else
+	{
+		var bNext=false;
+		var bPrev=false;
+		if(gaAvenues&&gaAvenues.length>0)
+		{
+			for(var i=0;i<gaAvenues.length&&(!bNext||!bPrev);i++)
+			{
+				if(!bNext)
+					if(gaAvenues[i].sNext!=null&&gaAvenues[i].sNext!="")
+						bNext=true;	
+				if(!bPrev)
+					if(gaAvenues[i].sPrev!=null&&gaAvenues[i].sPrev!="")
+						bPrev=true;	
+			}
+		}
+		if(goNextParent)
+		{
+			if(bNext)
+				enableButton(goNextParent,goNext);
+			else
+				disableButton(goNextParent,goNext);
+		}
+		
+		if(goPrevParent)
+		{
+			if(bPrev)
+				enableButton(goPrevParent,goPrev);
+			else
+				disableButton(goPrevParent,goPrev);
+		}
+	}
+	
+}
+
+function isValidAvenue(aAvenues,sValue)
+{
+	if(aAvenues)
+	{
+		for(var i=0;i<aAvenues.length;i++)
+		{
+			if(aAvenues[i].sName==sValue)
+				return true;
+		}
+	}
+	return false;
+}
+
+function getAvenueHTML(aAvenues)
+{
+	var sSelect="<select id=\"avenue\" size=\"1\" name=\"avenue\" onchange=\"updateAveButton();\">";
+	sSelect+="<option value=\"\" selected> - Select Avenue - </option>";
+	if(aAvenues)
+	{
+		for(var i=0;i<aAvenues.length;i++)
+		{
+			sSelect+="<option value=\""+aAvenues[i].sName+"\">"+aAvenues[i].sName+"</option>";
+		}
+	}
+	sSelect+="</select>";
+	return sSelect;
+}
+
+function addAvenueSelection()
+{
+	var oMsg=new whMessage(WH_MSG_GETAVIAVENUES,this,1,new Object());
+	var sButton="";
+	if(SendMessage(oMsg))
+	{
+		sButton=getAvenueHTML(oMsg.oParam.aAvenues);
+	}
+	else
+	{
+		sButton=getAvenueHTML(null);
+	}
+	gaButtons[gaButtons.length]="<td NOWRAP align=\"center\" valign=\"middle\">"+sButton+"</td>";
+}
+
+function setSearchFormTitle(sTitle)
+{
+	gsSearchFormTitle=sTitle;
+}
+
+function highLightIfNeeded()
+{
+	if(document.searchForm.searchString.value==gsSearchPrompt)
+	{
+		document.searchForm.searchString.select();
+	}
+}
+
+function addSearchForm()
+{
+	var sPropmptString=gsSearchPrompt;
+
+	var nWidth=20;
+	if(!nWidth) nWidth=20;
+	if(gbNav4) nWidth=nWidth*.6;
+
+	if(gsSearchFormTitle)
+		sPropmptString="";
+	var sButton="<table CELLSPACING=0 CELLPADDING=1><tr><td valign=\"middle\" NOWRAP class=\"clsNotBtn\"><span class=\"btnsearchform\">"+_textToHtml(gsSearchFormTitle)+"</span></td><td NOWRAP valign=\"middle\"><input class=\"inputsearchform\" type=\"text\" onfocus=\"highLightIfNeeded();\" name=\"searchString\" value=\""+sPropmptString+"\" size=\""+nWidth+"\"></td>";
+	if(gbNav6)
+		sButton="<form name=\"searchForm\" method=\"POST\" action=\"javascript:searchB()\">"+sButton;
+	if("image"=="text")
+	{
+		sButton+="<td NOWRAP valign=\"middle\"><a class=\"searchbtn\" href=\"javascript:void(0);\" onclick=\"searchForm.submit(); return false;\"></a></td>";
+	}
+	else if("image"=="image"&&gsIGo)
+	{
+		sButton+="<td NOWRAP valign=\"middle\"><a class=\"searchbtn\" href=\"javascript:void(0);\" onclick=\"searchForm.submit(); return false;\">"
+		sButton+="<img alt=\"Go\" src=\""+gsIGo+"\" border=0 align=\"absmiddle\"></a></td>";
+	}
+	sButton+="</tr></table>";
+	if(gbNav6)
+		sButton+="</form>";
+	var nBtn=gaButtons.length;
+	gaButtons[nBtn]="<td NOWRAP align=\"center\" valign=\"middle\">"+sButton+"</td>";
+	gaTypes[nBtn]="searchform";
+}
+
+function getShowHide()
+{
+	var sText="";
+	var sI="";
+	if(hasNavPane())
+	{
+		if(goHide)
+		{
+			if(gnShowHideStyle&BTN_TEXT)
+				sText=goHide.sText;
+			if(gnShowHideStyle&BTN_IMG)
+			sI=getImage(goHide,"Hide");
+		}
+	}
+	else
+	{
+		if(goShow)
+		{
+			if(gnShowHideStyle&BTN_TEXT)
+				sText=goShow.sText;
+			if(gnShowHideStyle&BTN_IMG)
+				sI=getImage(goShow,"Show");
+		}
+	}
+	var sButton=genButton(sText,sI,gnShowHideStyle);
+	return sButton;
+}
+
+function addBanner(sImage)
+{
+	if(sImage)
+	{
+		var nBtn=gaButtons.length;
+		gaButtons[nBtn]="<td NOWRAP align=\"center\" valign=\"middle\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:void(0);\" onclick=\"showBanner();return false;\"><img alt=\"About WebHelp\"src=\""+sImage+"\" border=no align=\"absmiddle\"></a></td>";
+		gaTypes[nBtn]="banner";
+	}
+}
+
+function showBanner()
+{
+	if (!gbPreview)
+	{
+		var nWidth=360;
+		var nHeight=240;
+		var	nScreenWidth=screen.width;
+		var	nScreenHeight=screen.height;
+		var nLeft=(nScreenWidth-nWidth)/2;
+		var nTop=(nScreenHeight-nHeight)/2;
+		if (gbIE4)
+		{
+			if (gbIE5)
+				nHeight+=20;
+			else
+				nHeight+=40;
+			window.showModalDialog("whskin_banner.htm","","dialogHeight:"+nHeight+"px;dialogWidth:"+nWidth+"px;resizable:no;status:no;scroll:no;help:no;center:yes;");
+		}
+		else
+			window.open("whskin_banner.htm","banner","dependent,innerHeight="+nHeight+",innerWidth="+nWidth+",height="+nHeight+",width="+nWidth+",resizable=no,menubar=no,location=no,personalbar=no,status=no,scrollbar=no,toolbar=no,screenX="+nLeft+",screenY="+nTop);
+	}
+}
+
+function addButton(sType,nStyle,sTitle,sHref,sOnClick,sOnMouseOver,sOnLoad,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6)
+{
+	var sButton="";
+	var bMini=false;
+	var sText="";
+	var sI="";
+	var bState=false;
+	var nBtn=gaButtons.length;
+	var bHref=false;
+	if(sType=="show"&&isShowHideEnable())
+	{
+		var svTitle="Show Navigation Component";
+		sButton="<a title=\""+svTitle+"\" id=\"btnshowhide\" class=\"btnshow\" href=\"javascript:void(0);\" onclick=\"showHidePane();return false;\">";
+		gnShowHideStyle=nStyle;
+		goShow=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3);
+		gaObjBtns[nBtn]=goShow;
+		if(gnShowHide!=-1)
+		{
+			nBtn=gnShowHide;
+		}
+		else
+		{
+			gnShowHide=nBtn;
+		}
+		sButton+=getShowHide();
+		sButton+="</a>";
+		bState=true;
+	}
+	else if(sType=="hide"&&isShowHideEnable())
+	{
+		var svTitle="Hide Navigation Component";
+		sButton="<a title=\""+svTitle+"\" id=\"btnshowhide\" class=\"btnhide\" href=\"javascript:void(0);\" onclick=\"showHidePane();return false;\">";
+		gnShowHideStyle=nStyle;
+		goHide=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3);
+		gaObjBtns[nBtn]=goHide;
+		if(gnShowHide!=-1)
+		{
+			nBtn=gnShowHide;
+		}
+		else
+		{
+			gnShowHide=nBtn;
+		}
+		sButton+=getShowHide();
+		sButton+="</a>";
+		bState=true;
+	}
+	else if(sType=="hide2"&&(!gbNav4))
+	{
+		var svTitle="Hide Navigation Component";
+		sButton="<a title=\""+svTitle+"\" id=\"btnhide\" class=\"btnhide\" href=\"javascript:void(0);\" onclick=\"showHidePane();return false;\">";
+		gnShowHideStyle=nStyle;
+		if(!sI1)
+			sI1=gsIHide;
+		goHide2=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3);
+		gaObjBtns[nBtn]=goHide2;
+		if(nStyle&BTN_TEXT)
+			sText=goHide2.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goHide2,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bMini=true;
+	}
+	else if(sType=="synctoc")
+	{
+		var svTitle="Sync TOC";
+		sButton="<a title=\""+svTitle+"\" id=\"btnsynctoc\" class=\"btnsynctoc\" href=\"javascript:void(0);\" onclick=\"syncWithShow();return false;\">";
+		if(!sI1)
+			sI1=gsISync;
+		goSync=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3);
+		gaObjBtns[nBtn]=goSync;
+		if(nStyle&BTN_TEXT)
+			sText=goSync.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goSync,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bMini=true;
+	}
+	else if(sType=="toc")
+	{
+		var svTitle="Contents";
+		sButton="<a title=\""+svTitle+"\" id=\"btntoc\" class=\"btntoc\" href=\"javascript:void(0);\" onclick=\"showToc();return false;\">";
+		if(!sI1)
+			sI1=gsIToc;
+		if(!sI2)
+			sI2=gsITocS;
+		if(!sI4)
+			sI4=gsITocS;
+		goToc=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goToc;
+		if(nStyle&BTN_TEXT)
+			sText=goToc.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goToc,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bState=true;
+	}
+	else if(sType=="idx")
+	{
+		var svTitle="Index";
+		sButton="<a title=\""+svTitle+"\" id=\"btnidx\" class=\"btnidx\" href=\"javascript:void(0);\" onclick=\"showIndex();return false;\">";
+		if(!sI1)
+			sI1=gsIIndex;
+		if(!sI2)
+			sI2=gsIIndexS;
+		if(!sI4)
+			sI4=gsIIndexS;
+		goIdx=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goIdx;
+		if(nStyle&BTN_TEXT)
+			sText=goIdx.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goIdx,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bState=true;
+	}
+	else if(sType=="fts")
+	{
+		var svTitle="Search";
+		sButton="<a title=\""+svTitle+"\" id=\"btnfts\" class=\"btnfts\" href=\"javascript:void(0);\" onclick=\"showFts();return false;\">";
+		if(!sI1)
+			sI1=gsISearch;
+		if(!sI2)
+			sI2=gsISearchS;
+		if(!sI4)
+			sI4=gsISearchS;
+		goFts=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goFts;
+		if(nStyle&BTN_TEXT)
+			sText=goFts.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goFts,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bState=true;
+	}
+	else if(sType=="glo")
+	{
+		var svTitle="Glossary";
+		sButton="<a title=\""+svTitle+"\" id=\"btnglo\" class=\"btnglo\" href=\"javascript:void(0);\" onclick=\"showGlossary();return false;\">";
+		if(!sI1)
+			sI1=gsIGlossary;
+		if(!sI2)
+			sI2=gsIGlossaryS;
+		if(!sI4)
+			sI4=gsIGlossaryS;
+		goGlo=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goGlo;
+		if(nStyle&BTN_TEXT)
+			sText=goGlo.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goGlo,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bState=true;
+	}
+	else if(sType=="avnext")
+	{
+		var svTitle="Next Topic";
+		sButton="<a title=\""+svTitle+"\" id=\"btnavnext\" class=\"btnavnext\" href=\"javascript:void(0);\" onclick=\"goAveNext();return false;\">";
+		if(!sI1)
+			sI1=gsINext;
+		if(!sI4)
+			sI4=gsINextD;
+		goNext=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goNext;
+		if(nStyle&BTN_TEXT)
+			sText=goNext.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goNext,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bMini=true;
+	}
+	else if(sType=="avprev")
+	{
+		var svTitle="Previous Topic";
+		sButton="<a title=\""+svTitle+"\" id=\"btnavprev\" class=\"btnavprev\" href=\"javascript:void(0);\" onclick=\"goAvePrev();return false;\">";
+		if(!sI1)
+			sI1=gsIPrev;
+		if(!sI4)
+			sI4=gsIPrevD;
+		goPrev=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goPrev;
+		if(nStyle&BTN_TEXT)
+			sText=goPrev.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goPrev,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+		bMini=true;
+	}
+	else if(sType=="blankblock")
+	{
+		gaButtons[nBtn]=null;
+		gaTypes[nBtn]=sType;
+	}
+	else if(sType=="websearch")
+	{
+		var svTitle="WebSearch";
+		sButton="<a title=\""+svTitle+"\" id=\"btnwebsearch\" class=\"btnwebsearch\" href=\"javascript:void(0);\" onclick=\"doWebSearch();return false;\">";
+		if(!sI1)
+			sI1=gsIWebSearch;
+		if(!sI4)
+			sI4=gsIWebSearchD;
+		goWebSearch=new button(sType,sTitle,nWidth,nHeight,sI1,sI2,sI3,sI4,sI5,sI6);
+		gaObjBtns[nBtn]=goWebSearch;
+		if(nStyle&BTN_TEXT)
+			sText=goWebSearch.sText
+			
+		if(nStyle&BTN_IMG)
+			sI=getImage(goWebSearch,svTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+	}
+	else if(sType.indexOf("custom")==0)
+	{
+		var nCusBtnIdx=goCusButton.length;
+		goCusButton[nCusBtnIdx]=new cusButton(sType,sTitle,sOnClick,sOnMouseOver,sOnLoad,nWidth,nHeight,sI1,sI2,sI3);
+		gaObjBtns[nBtn]=goCusButton[nCusBtnIdx];
+		var re=new RegExp("\"","g");
+		var svTitle=sTitle.replace(re, "&quot;");
+		if(sHref&&sHref.length!=0)
+		{
+			sButton="<a title=\""+svTitle+"\" id=\"btn"+sType+"\" class=\"btn"+sType+"\" target=\"bsscright\" href=\""+sHref+"\" onclick=\"cusOnClick("+nCusBtnIdx+");";
+			bHref=true;
+		}
+		else
+			sButton="<a title=\""+svTitle+"\" id=\"btn"+sType+"\" class=\"btn"+sType+"\" href=\"javascript:void(0);\" onclick=\"cusOnClick("+nCusBtnIdx+");return false;";
+		sButton+="\" onmouseover=\"cusOnMouseOver("+nCusBtnIdx+");\" title=\""+sType+"\">";
+		if(nStyle&BTN_TEXT)
+			sText=sTitle;
+		if(nStyle&BTN_IMG)
+			sI+=getImage(goCusButton[nCusBtnIdx],sTitle);
+		sButton+=genButton(sText,sI,nStyle);
+		sButton+="</a>";
+	}
+	if(sButton.length!=0)
+	{
+		var btnClass="";
+		if(sText||bMini)
+			btnClass="clsBtnNormal";
+		else
+			btnClass="clsNoBNormal";
+
+		if(!bState)
+		{
+			if(bHref)
+				gaButtons[nBtn]="<td NOWRAP valign=\"middle\" align=\"center\" class="+btnClass+" onclick=\"onBtnClick(event);\" onmousedown=\"onBtnMouseDown(event, "+nBtn+");\" onmouseup=\"onBtnMouseUp(event, "+nBtn+");\" onmouseover=\"onBtnMouseOver(event, "+nBtn+");\" onmouseout=\"onBtnMouseOut(event, "+nBtn+");\">"+sButton+"</td>";
+			else
+				gaButtons[nBtn]="<td NOWRAP valign=\"middle\" align=\"center\" class="+btnClass+" onclick=\"onBtnClick(event);return false;\" onmousedown=\"onBtnMouseDown(event, "+nBtn+");\" onmouseup=\"onBtnMouseUp(event, "+nBtn+");\" onmouseover=\"onBtnMouseOver(event, "+nBtn+");\" onmouseout=\"onBtnMouseOut(event, "+nBtn+");\">"+sButton+"</td>";
+		}
+		else
+			gaButtons[nBtn]="<td NOWRAP valign=\"middle\" align=\"center\" class="+btnClass+" state=\"up\" onclick=\"onBtnClick(event);return false;\" onmousedown=\"onBtnMouseDown(event, "+nBtn+");\" onmouseup=\"onBtnMouseUp(event, "+nBtn+");\" onmouseover=\"onBtnMouseOver(event, "+nBtn+");\" onmouseout=\"onBtnMouseOut(event, "+nBtn+");\">"+sButton+"</td>";
+		gaTypes[nBtn]=sType;
+	}
+
+	if(sType=="avenuesel")
+		addAvenueSelection();
+	else if(sType=="searchform")
+		addSearchForm();
+	else if(sType=="banner")
+	{
+		if(!sI1)
+			sI1=gsIBanner;
+		addBanner(sI1);
+	}
+}
+
+function isShowHideEnable()
+{
+	if(gbIE4)
+		return true;
+	else
+		return false;
+}
+
+function genButton(sText,sI,nStyle)
+{
+	var sButton="";
+	var sShowText=_textToHtml(sText);
+	if (gbNav4 && !gbNav6)
+		sShowText += "&nbsp;";
+	if(sText!=""&&sI!="")
+	{
+		if(nStyle&BTN_IMG_TOP)
+			sButton+=sI+"<br>"+ sShowText;
+		else if(nStyle&BTN_IMG_BOTTOM)
+			sButton+=sText+"<br>"+sI;
+		else if(nStyle&BTN_IMG_RIGHT)
+			sButton+=sText+"&nbsp;"+sI;
+		else
+			sButton+=sI+"&nbsp;"+sShowText;
+	}
+	else if(sText!="")
+	{
+		sButton+=sShowText;
+	}
+	else if(sI!="")
+	{
+		sButton+=sI;
+	}
+	return sButton;
+}
+
+function searchB()
+{
+	var onMsg=new whMessage(WH_MSG_SHOWFTS,this,1,null);
+	SendMessage(onMsg);
+
+	var oMsg=new whMessage(WH_MSG_SEARCHTHIS,this,1,document.searchForm.searchString.value);
+	if(!SendMessage(oMsg))
+		gstrSearch=document.searchForm.searchString.value;
+	else
+		gstrSearch="";
+}
+
+function ReSortToolbarButtons()
+{
+	var bSearchEnabled=isSearchEnabled();
+	var strOrder="";
+	var oMsg=new whMessage(WH_MSG_TOOLBARORDER,this,1,null);
+	if(SendMessage(oMsg))
+	{
+		strOrder=oMsg.oParam;
+	}
+	if(strOrder.length>0)
+	{
+		gaOrders=strOrder.split("|");
+		var aTempButtons=new Array();
+		var ti=0;
+		for(var si=0;si<gaOrders.length;si++)
+		{
+			if(gaOrders[si]!="searchform"||bSearchEnabled)
+			{
+				var sb=-1;
+				for(var st=0;st<gaTypes.length;st++)
+				{
+					if(gaOrders[si]==gaTypes[st])
+					{
+						sb=st;
+						break;
+					}
+				}
+				if(sb!=-1)
+				{
+					aTempButtons[aTempButtons.length]=gaButtons[sb];
+				}
+			}
+		}
+		gaButtons=aTempButtons;
+	}
+}
+
+function isSyncEnabled()
+{
+	var bEnabled=false;
+	var oMsg=new whMessage(WH_MSG_ISSYNCSSUPPORT,this,1,null);
+	if(SendMessage(oMsg))
+	{
+		bEnabled=oMsg.oParam;
+	}
+	return bEnabled;
+}
+
+function isAvenueEnabled()
+{
+	var bEnabled=false;
+	var oMsg=new whMessage(WH_MSG_ISAVENUESUPPORT,this,1,null);
+	if(SendMessage(oMsg))
+	{
+		bEnabled=oMsg.oParam;
+	}
+	return bEnabled;
+}
+
+function isSearchEnabled()
+{
+	var bEnabled=false;
+	var oMsg=new whMessage(WH_MSG_ISSEARCHSUPPORT,this,1,null);
+	if(SendMessage(oMsg))
+	{
+		bEnabled=oMsg.oParam;
+	}
+	return bEnabled;
+}
+
+function ReSortMinibarButtons()
+{
+	var bSyncEnabled=isSyncEnabled();
+	var bAvenueEnabled=isAvenueEnabled();
+	var strOrder="";
+	var oMsg=new whMessage(WH_MSG_MINIBARORDER,this,1,null);
+	if(SendMessage(oMsg))
+	{
+		strOrder=oMsg.oParam;
+	}
+	if(strOrder.length>0)
+	{
+		gaOrders=strOrder.split("|");
+		var aTempButtons=new Array();
+		var ti=0;
+		for(var si=0;si<gaOrders.length;si++)
+		{
+			if((gaOrders[si]!="synctoc"||bSyncEnabled)&&
+				((gaOrders[si]!="avnext"&&gaOrders[si]!="avprev")||bAvenueEnabled))
+			{
+				var sb=-1;
+				for(var st=0;st<gaTypes.length;st++)
+				{
+					if(gaOrders[si]==gaTypes[st])
+					{
+						sb=st;
+						break;
+					}
+				}
+				if(sb!=-1)
+				{
+					aTempButtons[aTempButtons.length]=gaButtons[sb];
+				}
+			}
+		}
+		gaButtons=aTempButtons;
+	}
+}
+
+function writeToolBar()
+{
+	var sHTML="";
+	if(gaButtons.length>0)
+	{
+		var strHeight="100%";
+		var strWidth="100%";
+		if (gbNav4)
+		{
+			strHeight=window.innerHeight-4;
+			strWidth=window.innerWidth-4;
+		}
+		if (gbIE4)
+		{
+			strHeight=document.body.clientHeight-4;
+			strWidth=document.body.clientWidth-4;
+		}
+		if(gbNav6)
+			sHTML="<table class=\"clsToolbarBackground\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" height=\""+strHeight+"\" width=\""+strWidth+"\">";
+		else
+			sHTML="<form name=\"searchForm\" method=\"POST\" action=\"javascript:searchB()\"><table class=\"clsToolbarBackground\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" height=\""+strHeight+"\" width=\""+strWidth+"\">";
+		if((gnButtonLayout&LAYOUT)==HLAYOUT)
+		{
+			sHTML+="<tr>";
+			for(var i=0;i<gaButtons.length;i++)
+			{
+				if(gaButtons[i])
+					sHTML+=gaButtons[i];
+				else
+					sHTML+="<td width=\"100%\"></td>";
+			}
+			sHTML+="</tr>";
+		}
+		else
+		{
+			for(var i=0;i<gaButtons.length;i++)
+			{
+				if(gaButtons[i])
+					sHTML+="<tr width=\"100%\">"+gaButtons[i]+"</tr>";
+				else
+					sHTML+="<tr height=\"100%\"><td></td></tr>";
+			}
+		}
+		if(gbNav6)
+			sHTML+="</table>";
+		else
+			sHTML+="</table></form>";
+	}
+	document.write(sHTML);
+	if(document.body)
+		document.body.onselectstart=onSelect;
+	updateAveButton();
+}
+
+function hasNavPane()
+{
+	if(gnHasNavPane==-1)
+	{
+		gnHasNavPane=0;
+		var oParam=new Object();
+		oParam.bVisible=false;
+		var oMsg=new whMessage(WH_MSG_ISPANEVISIBLE,this,1,oParam);
+		if(SendMessage(oMsg))
+		{
+			if(oParam.bVisible)
+				gnHasNavPane=1;
+		}
+		
+	}
+	if(gnHasNavPane==1)
+		return true;
+	else
+		return false;
+}
+
+function getTocInfo()
+{
+	var oParam=new Object();
+	oParam.oTocInfo=null;
+	var oMsg=new whMessage(WH_MSG_GETTOCPATHS,this,1,oParam);
+	if(SendMessage(oMsg))
+	{
+		goTocInfo=oParam.oTocInfo;
+		gbTocInfoInited=true;
+	}
+}
+
+function onBtnClick(e)
+{
+	var oEl=null;
+	var oElo=null;
+	if(gbNav6)
+	{
+		oElo=e.target;
+		while(oElo&&oElo.nodeName.indexOf("#")==0) oElo=getParentNode(oElo);
+		oEl=oElo;
+	}
+	else
+	{
+		oElo=event.srcElement;
+		oEl=oElo;
+		event.cancelBubble=true;
+	}
+	while(-1==oEl.className.indexOf("clsBtn")&&-1==oEl.className.indexOf("clsNoB"))
+	{
+		oEl=getParentNode(oEl);
+		if(!oEl) return;
+	}
+	if(oElo.tagName=="A"||oElo.tagName=="IMG") return true;
+	var oaA=getElementsByTag(oElo,"A");
+	if(oaA&&oaA.length)
+	{
+		var oA=oaA[0];
+		if(gbNav6)
+		{
+			var sCmd=oA.getAttribute("onclick");
+			var nCmd=sCmd.indexOf("return false;");
+			if(nCmd!=-1);
+				sCmd=sCmd.substring(0,nCmd);
+			setTimeout(sCmd,1);
+		}
+		else
+			oA.onclick();
+	}
+}
+
+function onBtnMouseDown(e,nBtn)
+{
+	var oEl=null;
+	if(gbNav6)
+	{
+		var oElo=e.target;
+		while(oElo&&oElo.nodeName.indexOf("#")==0) oElo=getParentNode(oElo);
+		oEl=oElo;
+	}
+	else
+	{
+		oEl=event.srcElement;
+		event.cancelBubble=true;
+	}
+	while(-1==oEl.className.indexOf("clsBtn")&&-1==oEl.className.indexOf("clsNoB"))
+	{
+		oEl=getParentNode(oEl);
+		if(!oEl) return;
+	}
+	var sPF=oEl.className.substring(0,6);
+	var oIs=getElementsByTag(oEl,"img");
+	if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>2)
+	{
+		if(gaObjBtns[nBtn].aIs[2])
+			oIs[0].src=gaObjBtns[nBtn].aIs[2];
+	}
+	var sState=getState(oEl);
+	if(sState!="disable")
+	{
+		oEl.className=sPF+"Down";
+	}
+}
+
+function onBtnMouseUp(e,nBtn)
+{
+	var oEl=null;
+	if(gbNav6)
+	{
+		var oElo=e.target;
+		while(oElo&&oElo.nodeName.indexOf("#")==0) oElo=getParentNode(oElo);
+		oEl=oElo;
+	}
+	else
+	{
+		oEl=event.srcElement;
+		event.cancelBubble=true;
+	}
+	while(-1==oEl.className.indexOf("clsBtn")&&-1==oEl.className.indexOf("clsNoB"))
+	{
+		oEl=getParentNode(oEl);
+		if(!oEl) return;
+	}
+	var sPF=oEl.className.substring(0,6);
+	var sState=getState(oEl);
+	if(sState=="down"||sState=="disable")
+	{
+		var oIs=getElementsByTag(oEl,"img");
+		if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>3)
+		{
+			if(gaObjBtns[nBtn].aIs[3])
+				oIs[0].src=gaObjBtns[nBtn].aIs[3];
+		}
+	}
+	else
+	{
+		var oIs=getElementsByTag(oEl,"img");
+		if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>0)
+		{
+			if(gaObjBtns[nBtn].aIs[0])
+				oIs[0].src=gaObjBtns[nBtn].aIs[0];
+		}
+	}
+	if(goEl==oEl)
+	{
+		if(sState!="down"&&sState!="disable")
+		{
+			oEl.className=sPF+"Up";
+		}
+	}
+}
+
+function getState(oEl)
+{
+	var sState="";
+	if(gbNav6)
+		sState=oEl.getAttribute("state");
+	else
+		if(oEl.state)
+			sState=oEl.state;
+	return sState;
+}
+
+function onBtnMouseOver(e,nBtn)
+{
+	markButton(e);
+	var oEl=null;
+	if(gbNav6)
+	{
+		var oElo=e.target;
+		while(oElo&&oElo.nodeName.indexOf("#")==0) oElo=getParentNode(oElo);
+		oEl=oElo;
+	}
+	else
+	{
+		oEl=event.srcElement;
+		event.cancelBubble=true;
+	}
+	while(-1==oEl.className.indexOf("clsBtn")&&-1==oEl.className.indexOf("clsNoB"))
+	{
+		oEl=getParentNode(oEl);
+		if(!oEl) return;
+	}
+	var sPF=oEl.className.substring(0,6);
+	var sState=getState(oEl);
+	if(sState=="down"||sState=="disable")
+	{
+		if(sState=="down")
+			oEl.className=sPF+"Down";
+		var oIs=getElementsByTag(oEl,"img");
+		if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>4)
+		{
+			if(gaObjBtns[nBtn].aIs[4])
+				oIs[0].src=gaObjBtns[nBtn].aIs[4];
+		}
+	}
+	else
+	{
+		oEl.className=sPF+"Up";
+		var oIs=getElementsByTag(oEl,"img");
+		if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>1)
+		{
+			if(gaObjBtns[nBtn].aIs[1])
+				oIs[0].src=gaObjBtns[nBtn].aIs[1];
+		}
+	}
+}
+
+function onBtnMouseOut(e,nBtn)
+{
+	goEl=null;
+	var oEl=null;
+	if(gbNav6)
+	{
+		var oElo=e.target;
+		while(oElo&&oElo.nodeName.indexOf("#")==0) oElo=getParentNode(oElo);
+		oEl=oElo;
+	}
+	else
+	{
+		oEl=event.srcElement;
+		event.cancelBubble=true;
+	}
+	while(-1==oEl.className.indexOf("clsBtn")&&-1==oEl.className.indexOf("clsNoB"))
+	{
+	oEl=getParentNode(oEl);
+	if(!oEl) return;
+	}
+	var sPF=oEl.className.substring(0,6);
+	var sState=getState(oEl);
+	if(sState=="down"||sState=="disable")
+	{
+		var oIs=getElementsByTag(oEl,"img");
+		if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>3)
+		{
+			if(gaObjBtns[nBtn].aIs[3])
+				oIs[0].src=gaObjBtns[nBtn].aIs[3];
+		}
+		if(sState=="down")
+			oEl.className=sPF+"Down";
+	}
+	else
+	{
+		var oIs=getElementsByTag(oEl,"img");
+		if(oIs.length>0&&gaObjBtns[nBtn]&&gaObjBtns[nBtn].aIs&&gaObjBtns[nBtn].aIs.length>0)
+		{
+			if(gaObjBtns[nBtn].aIs[0])
+				oIs[0].src=gaObjBtns[nBtn].aIs[0];
+		}
+		oEl.className=sPF+"Normal";
+	}
+}
+
+function showToc()
+{
+	var oMsg=new whMessage(WH_MSG_SHOWTOC,this,1,null)
+	SendMessage(oMsg);
+}
+
+function showIndex()
+{
+	var oMsg=new whMessage(WH_MSG_SHOWIDX,this,1,null)
+	SendMessage(oMsg);
+}
+
+function showFts()
+{
+	var oMsg=new whMessage(WH_MSG_SHOWFTS,this,1,null)
+	SendMessage(oMsg);
+}
+
+function showGlossary()
+{
+	var oMsg=new whMessage(WH_MSG_SHOWGLO,this,1,null)
+	SendMessage(oMsg);
+}
+
+function syncWithShow()
+{
+	if(!gbTocInfoInited)
+	{
+		getTocInfo();
+	}
+	if(goTocInfo)
+	{
+		showToc();
+		var oParam=goTocInfo;
+		var oMsg=new whMessage(WH_MSG_SYNCTOC,this,1,oParam);
+		SendMessage(oMsg);
+	}
+}
+
+function markButton(e)
+{
+	var oEl=null;
+	if(gbNav6)
+	{
+		var oElo=e.target;
+		while(oElo&&oElo.nodeName.indexOf("#")==0) oElo=getParentNode(oElo);
+		oEl=oElo;
+	}
+	else
+		oEl=event.srcElement;
+	while(oEl&&oEl.tagName!="TD") oEl=getParentNode(oEl);
+	if(oEl)
+		goEl=oEl;
+}
+
+function showHidePane()
+{
+	var oMsg=null;
+	if(hasNavPane())
+		oMsg=new whMessage(WH_MSG_HIDEPANE,this,1,null);
+	else
+		oMsg=new whMessage(WH_MSG_SHOWPANE,this,1,null);
+	SendMessage(oMsg);
+}
+
+function goAveNext()
+{
+	goAvenue(true);
+}
+
+function goAvePrev()
+{
+	goAvenue(false);
+}
+
+function doWebSearch()
+{
+	if (goWebSearchEnable)
+	{
+		var oMsg=new whMessage(WH_MSG_WEBSEARCH,this,1,null);
+		SendMessage(oMsg);
+	}
+}
+
+function goAvenue(bNext)
+{
+	var oMsg=null;
+	initAveButtonObj();
+	gsCurAveName=getCurrentAveName();
+	if(gbNav4&&!gbNav6)
+	{
+		if(bNext)
+		{
+			gaAvenues=null;
+			updateAvenue();
+			oMsg=new whMessage(WH_MSG_NEXT,this,1,null);
+			SendMessage(oMsg);
+		}
+		else if(!bNext)
+		{
+			gaAvenues=null;
+			updateAvenue();
+			oMsg=new whMessage(WH_MSG_PREV,this,1,null);
+			SendMessage(oMsg);
+		}
+	}
+	else
+	{
+		if(bNext&&goNextParent)
+		{
+			var sState=getState(goNextParent);
+			if(sState!="disable")
+			{
+				gaAvenues=null;
+				gbNeedUpdateAve=true;
+				gbUpdateTimerCount++;
+				setTimeout("updateAvenueIfNeeded();", 2000);
+				oMsg=new whMessage(WH_MSG_NEXT,this,1,null);
+				SendMessage(oMsg);
+			}
+		}
+		else if(!bNext&&goPrevParent)
+		{
+			var sState=getState(goPrevParent);
+			if(sState!="disable")
+			{
+				gaAvenues=null;
+				gbNeedUpdateAve=true;
+				gbUpdateTimerCount++;
+				setTimeout("updateAvenueIfNeeded();", 2000);
+				oMsg=new whMessage(WH_MSG_PREV,this,1,null);
+				SendMessage(oMsg);
+			}
+		}
+	}
+}
+
+function window_Unload()
+{
+	if(!gbNav4||gbNav6)
+	{
+		UnRegisterListener2(this,WH_MSG_GETSEARCHS);
+		UnRegisterListener2(this,WH_MSG_PANESTATUE);
+		UnRegisterListener2(this,WH_MSG_SYNCINFO);
+		UnRegisterListener2(this,WH_MSG_PANEINFO);
+		UnRegisterListener2(this,WH_MSG_AVENUEINFO);
+		UnRegisterListener2(this,WH_MSG_GETCURRENTAVENUE);
+		UnRegisterListener2(this,WH_MSG_ENABLEWEBSEARCH);
+		UnRegisterListener2(this,WH_MSG_INITSEARCHSTRING);
+	}
+}
+
+function window_OnLoad()
+{
+	if(document.body)
+	{
+		if(gsBgImage&&gsBgImage.length>0)
+		{
+			document.body.background=gsBgImage;
+		}
+		if(gsBgColor&&gsBgColor.length>0)
+		{
+			document.body.bgColor=gsBgColor;
+		}
+	}
+	doCusOnLoad();
+	var oMsg=new whMessage(WH_MSG_GETPANEINFO,this,1,null);
+	if(SendMessage(oMsg))
+	{
+		setTimeout("flipPaneButton(\""+oMsg.oParam+"\");",1);
+	}
+	if (!gaAvenues)
+	{
+		var oMsg2=new whMessage(WH_MSG_GETAVIAVENUES,this,1,new Object());
+		if(SendMessage(oMsg2))
+		{
+			gaAvenues=oMsg2.oParam.aAvenues;
+			gbNeedUpdateAve=false;
+			setTimeout("updateAvenue();",1);
+		}
+	}
+}
+
+function onSendMessage(oMsg)
+{
+	var nMsgId=oMsg.nMessageId;
+	if(nMsgId==WH_MSG_GETSEARCHS)
+	{
+		if(document.searchForm&&document.searchForm.searchString)
+		{
+			oMsg.oParam.sValue=document.searchForm.searchString.value;
+			return false;
+		}
+	}
+	else if(nMsgId==WH_MSG_PANESTATUE)
+	{
+		if(oMsg.oParam=="visible")
+		{
+			if(isShowHideEnable())
+				setTimeout("flipShowHide(true);",1);
+			setTimeout("showPaneButton();",1);
+		}
+		else
+		{
+			if(isShowHideEnable())
+				setTimeout("flipShowHide(false);",1);
+			setTimeout("hidePaneButton();",1);
+		}
+	}
+	else if(nMsgId==WH_MSG_PANEINFO)
+	{
+		if(oMsg.oParam)
+			setTimeout("flipPaneButton(\""+oMsg.oParam+"\");",1);
+		else
+			setTimeout("hidePaneButton();",1);
+	}
+	else if(nMsgId==WH_MSG_SYNCINFO)
+	{
+		if(oMsg.oParam)
+			goTocInfo=oMsg.oParam;
+		else
+			goTocInfo=null;
+		gbTocInfoInited=true;
+	}
+	else if(nMsgId==WH_MSG_AVENUEINFO)
+	{
+		gaAvenues=oMsg.oParam;
+		gbNeedUpdateAve=false;
+		setTimeout("updateAvenue();",1);
+	}
+	else if(nMsgId==WH_MSG_GETCURRENTAVENUE)
+	{
+		var sAveName=getCurrentAvenue();
+		if(sAveName!="")
+		{
+			oMsg.oParam.sAvenue=sAveName;
+			return false;
+		}
+		else
+			return true;
+	}
+	else if(nMsgId==WH_MSG_ENABLEWEBSEARCH)
+	{
+		setTimeout("updateWebSearch("+oMsg.oParam+");",1);
+	}
+	else if(nMsgId==WH_MSG_INITSEARCHSTRING)
+	{
+		if(gstrSearch!="")
+		{
+			oMsg.oParam=gstrSearch;
+			gstrSearch="";
+			return false;
+		}
+	}
+	return true;
+}
+
+function getCurrentAvenue()
+{
+	var strAveName="";
+	var oSelect=getElement("avenue");
+	if(oSelect)
+	{
+		strAveName=oSelect.value;
+	}
+	return strAveName;
+}
+
+function initBtn()
+{
+	var oBtn=null;
+	oBtn=getElement("btntoc");
+	if(oBtn)
+		gaBtns[gaBtns.length]=oBtn;
+	oBtn=getElement("btnidx");
+	if(oBtn)
+		gaBtns[gaBtns.length]=oBtn;
+	oBtn=getElement("btnfts");
+	if(oBtn)
+		gaBtns[gaBtns.length]=oBtn;
+	oBtn=getElement("btnglo");
+	if(oBtn)
+		gaBtns[gaBtns.length]=oBtn;
+	gbInitBtn=true;
+}
+
+function showPaneButton()
+{
+	flipPaneButton(gsPane);
+}
+
+function hidePaneButton()
+{
+	flipPaneButton("");
+}
+
+function flipPaneButton(sPane)
+{
+	if (sPane)
+		gsPane=sPane;
+	if(!gbInitBtn)
+		initBtn();
+
+	var oUp=null;
+	if(sPane)
+	{
+		oUp=getElement("btn"+sPane);
+	}
+	for(var i=0;i<gaBtns.length;i++)
+	{
+		if(gaBtns[i])
+		{
+			if(gaBtns[i]==oUp)
+			{
+				var oEl=getParentNode(oUp);
+				var sPF=oEl.className.substring(0,6);
+				var sState=getState(oEl);
+				if(sState=="up")
+				{
+					setState(oEl,"down");
+					oEl.className=sPF+"Down";
+					if(sPF=="clsBtn")
+					{
+						if(gaBtns[i].id)
+						{
+							var sColor=getBtnColor(gaBtns[i].id.substring(3),true);
+							if(sColor)
+							{
+								oEl.style.backgroundColor=sColor
+							}
+							else
+							{
+								oEl.style.backgroundColor="";
+							}
+						}
+						var oaA=getElementsByTag(oEl,"A");
+						if(oaA.length>0)
+						{
+							var strClassName=oaA[0].className;
+							oaA[0].className="btnsel"+strClassName.substring(3);
+						}
+					}
+					var oIs=getElementsByTag(oEl,"img");
+					var oBtn=getButtonObjByType(gaBtns[i].id.substring(3));
+					if(oIs.length>0&&oBtn&&oBtn.aIs&&oBtn.aIs.length>3)
+					{
+						if(oBtn.aIs[3])
+							oIs[0].src=oBtn.aIs[3];
+					}
+				}
+			}
+			else
+			{
+				var oEl=getParentNode(gaBtns[i]);
+				var sState=getState(oEl);
+				var sPF=oEl.className.substring(0,6);
+				if(sState=="down")
+				{
+					setState(oEl,"up");
+					if(oEl==goEl)
+						oEl.className=sPF+"Up";
+					else
+						oEl.className=sPF+"Normal";
+
+					if(sPF=="clsBtn")
+					{
+						if(gaBtns[i].id)
+						{
+							var sColor=getBtnColor(gaBtns[i].id.substring(3),false);
+							if(sColor)
+							{
+								oEl.style.backgroundColor=sColor
+							}
+							else
+							{
+								oEl.style.backgroundColor="";
+							}
+						}
+
+						var oaA=getElementsByTag(oEl,"A");
+						if(oaA.length>0)
+						{
+							var strClassName=oaA[0].className;
+							oaA[0].className="btn"+strClassName.substring(6);
+						}
+					}
+					var oIs=getElementsByTag(oEl,"img");
+					var oBtn=getButtonObjByType(gaBtns[i].id.substring(3));
+					if(oIs.length>0&&oBtn&&oBtn.aIs&&oBtn.aIs.length>0)
+					{
+						if(oBtn.aIs[0])
+							oIs[0].src=oBtn.aIs[0];
+					}
+				}
+			}
+		}
+	}
+}
+
+function flipShowHide(bShow)
+{
+	gnHasNavPane=-1;	
+	var oA=getElement("btnshowhide");
+	if(oA)
+	{
+		var oEl=getParentNode(oA);
+		var sPF=oEl.className.substring(0,6);
+		if(oEl&&oEl.state)
+		{
+			if(bShow)
+			{
+				oEl.state="down";
+				oEl.className=sPF+"Down";
+			}
+			else
+			{
+				oEl.state="up";
+				
+				if(oEl==goEl)
+					oEl.className=sPF+"Up";
+				else
+					oEl.className=sPF+"Normal";
+			}
+		}
+		oA.innerHTML=getShowHide();
+	}
+}
+
+function cusOnClick(nIdx)
+{
+	if(goCusButton.length>nIdx)
+	{
+		var sOnClick=goCusButton[nIdx].sOnClick;
+		if(sOnClick&&sOnClick.length>0)
+		{
+			if(!gbPreview)
+				eval(sOnClick);
+			return false;
+		}
+	}
+	return true;
+}
+
+function cusOnMouseOver(nIdx)
+{
+	if(goCusButton.length>nIdx)
+	{
+		var sOnMouseOver=goCusButton[nIdx].sOnMouseOver;
+		if(sOnMouseOver&&sOnMouseOver.length>0)
+		{
+			if(!gbPreview)
+				eval(sOnMouseOver);
+			return false;
+		}
+	}
+	return true;
+}
+
+function doCusOnLoad()
+{
+	if(!gbPreview&&gaOrders)
+	{
+		for(var i=0;i<gaOrders.length;i++)
+		{
+			for(var j=0;j<gaOnLoads.length;j++)
+			{
+				if(gaOrders[i]==gaOnLoads[j].sType)
+				{
+					eval(gaOnLoads[j].sOnLoad);
+					break;
+				}
+			}
+		}
+	}
+}
+
+function registerOnLoad(sOnLoad,sType)
+{
+	gaOnLoads[gaOnLoads.length]=new cusOnLoad(sType,sOnLoad);	
+}
+
+function cusOnLoad(sType,sOnLoad)
+{
+	this.sType=sType;
+	this.sOnLoad=sOnLoad;
+}
+
+function cusButton(sType,sText,sOnClick,sOnMouseOver,sOnLoad,nWidth,nHeight)
+{
+	this.sType=sType;
+	this.sText=sText;
+	this.sOnClick=sOnClick;
+	this.sOnMouseOver=sOnMouseOver;
+	this.sOnLoad=sOnLoad;
+	this.nWidth=nWidth;
+	this.nHeight=nHeight;
+	this.aIs=new Array();
+	var i=0;
+	while(cusButton.arguments.length>i+7)
+	{
+		if (cusButton.arguments[7+i])
+			this.aIs[i]=_getFullPath(_getPath(document.location.href),cusButton.arguments[7+i]);
+		else
+			this.aIs[i]="";
+		i++;
+	}
+	if(sOnLoad)
+	{
+		registerOnLoad(sOnLoad,sType);
+	}
+}
+
+function getBtnColor(sType,bSel)
+{
+	var aBtnColors=null;
+	if(bSel)
+		aBtnColors=gaSelBtnBgColor;
+	else
+		aBtnColors=gaBtnBgColor;
+	if(aBtnColors)
+	{
+		for(var i=0;i<aBtnColors.length;i++)
+		{
+			if(aBtnColors[i].sType==sType)
+				return aBtnColors[i].sColor;
+		}
+	}
+	return "";
+}
+
+function setButtonBgColor(sType,sColor,bSel)
+{
+	if(sColor)
+	{
+		var aBtnColors=null;
+		if(bSel)
+			aBtnColors=gaSelBtnBgColor;
+		else
+			aBtnColors=gaBtnBgColor;
+		if(aBtnColors!=null)
+		{
+			for(var i=0;i<aBtnColors.length;i++)
+			{
+				if(aBtnColors[i].sType==sType)
+				{
+					aBtnColors[i].sColor=sColor;
+					return;
+				}
+			}
+			aBtnColors[aBtnColors.length]=new btnBgColor(sType,sColor);
+		}
+	}
+}
+
+function getDefaultButtonFont()
+{
+	var strFontStyle="";
+	for(var i=0;i<gaTypes.length;i++)
+	{
+		strFontStyle+=".btnsel"+gaTypes[i]+"{"+getFontStyle(goSelTextFont)+"}";
+		strFontStyle+=".btn"+gaTypes[i]+"{"+getFontStyle(goTextFont)+"}";
+	}
+	return strFontStyle;
+}
+
+function setButtonFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration,bSel)
+{
+	if(sFontName)
+	{
+		var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+		if(bSel)
+			gsBtnStyle+=".btnsel"+sType+"{"+getFontStyle(vFont)+"}\n";
+		else
+			gsBtnStyle+=".btn"+sType+"{"+getFontStyle(vFont)+"}\n";
+	}
+	if (sType=="searchform"&&!bSel)
+	{
+		var vFont1=new whFont(sFontName,sFontSize,"black",sFontStyle,sFontWeight,sFontDecoration);
+		gsBtnStyle+=".inputsearchform {" + getFontStyle(vFont1)+"}\n";
+	}
+}
+
+function getButtonObjByType(sType)
+{
+	for(var i=0;i<gaObjBtns.length;i++)
+	{
+		if(gaObjBtns[i].sType==sType)
+			return gaObjBtns[i];
+	}
+	return null;
+}
+
+function onSelect()
+{
+	if (event.srcElement&&event.srcElement.name)
+	{
+		if (event.srcElement.name=="searchString")
+			return true;
+	}
+	return false;
+}
+
+function window_onResize()
+{
+	gnRE++;
+	setTimeout("tryReload();", 100);
+}
+
+function tryReload()
+{
+	if (gnRE==1)
+		document.location.reload();
+	gnRE--;
+}
+
+if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
+{
+	RegisterListener2(this,WH_MSG_GETSEARCHS);
+	RegisterListener2(this,WH_MSG_PANESTATUE);
+	RegisterListener2(this,WH_MSG_SYNCINFO);
+	RegisterListener2(this,WH_MSG_PANEINFO);
+	RegisterListener2(this,WH_MSG_AVENUEINFO);
+	RegisterListener2(this,WH_MSG_GETCURRENTAVENUE);
+	RegisterListener2(this,WH_MSG_ENABLEWEBSEARCH);
+	RegisterListener2(this,WH_MSG_INITSEARCHSTRING);
+	window.onload=window_OnLoad;
+	window.onunload=window_Unload;
+	window.onresize=window_onResize;
+	goTextFont=new whFont("Verdana","8pt","#003063","normal","normal","none");
+	goSelTextFont=new whFont("Verdana","8pt","white","normal","normal","none");
+	gbWhTBar=true;
+}
+else
+	document.location.reload();
+
diff --git a/doc/salome/gui/SUPERV/whtdhtml.htm b/doc/salome/gui/SUPERV/whtdhtml.htm
new file mode 100755
index 0000000..00ca4e3
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whtdhtml.htm
@@ -0,0 +1,49 @@
+<html>
+<head>
+<title>Table of contents</title>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
+<meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
+<meta name "description" content="WebHelp 2002">
+<base target="bsscright">
+</head>
+<script language="javascript" src="whver.js"></script>
+<script language="javascript1.2" src="whmozemu.js"></script>
+<script language="javascript1.2" src="whutils.js"></script>
+<script language="javascript1.2" src="whmsg.js"></script>
+<script language="javascript1.2" src="whproxy.js"></script>
+<script language="javascript1.2" src="whthost.js"></script>
+<script LANGUAGE="javascript1.2">
+<!--
+if (window.gbWhTHost)
+{
+	setBackgroundcolor( "White");  
+	
+	setFont("Normal", "Tahoma","8pt","Black","Normal","Normal","none");
+	setFont("Hover", "Tahoma","8pt","Navy","Normal","Normal","underline");
+	setActiveBgColor("Silver");
+	
+	
+	setIcon("BookOpen","wht_toc2.gif");
+	setIcon("BookClose","wht_toc1.gif");
+	setIcon("Item","wht_toc3.gif");
+	setIcon("RemoteItem","wht_toc4.gif");
+	
+	
+	
+	
+	TocWriteClassStyle();
+	TocWriteFixedWidth(true,400);
+}
+else
+	document.location.reload();
+//-->
+</script>
+<body topmargin="2" leftmargin="2" marginwidth="0" marginheight="0" bgproperties="fixed" bgcolor="white" scroll="auto">
+<script LANGUAGE="javascript1.2">
+<!--
+TocWriteFixedWidth(false,400);
+TocInitPage();
+//-->
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whthost.js b/doc/salome/gui/SUPERV/whthost.js
new file mode 100755
index 0000000..80806d7
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whthost.js
@@ -0,0 +1,1372 @@
+var gaHSLoad=new Array();
+var gnMinIdx=0;
+var gnInsIdx=-1;
+var gsLoadingDivID="LoadingDiv";
+var gsLoadingMsg="Loading, click here to cancel...";
+var gaProj=null;
+var gaTocs=new Array();
+var goChunk=null;
+var gbReady=false;
+var gbLoadToc=false;
+var gbXML=false;
+var gaRoot=new Array();
+var gnCC=-1;
+var gsTP="";
+var gaBTPs="";
+var gsCTPath="";
+var gnLT=-1;
+var gsPathSplit="\n";
+var gsBgColor="#ffffff";
+var gsBgImage="";
+var goFont=null;
+var goHFont=null;
+
+var gsMargin="0pt";
+var gsIndent="15pt";
+var gsABgColor="#cccccc";
+
+var giBookClose="";
+var giBookOpen="";
+var giBookItem="";
+var giURLItem="";
+var giNewBookClose="";
+var giNewBookOpen="";
+var giNewBookItem="";
+var giNewURLItem="";
+var gnImages=0;
+var gnLoadedImages=0;
+var gaImgs=new Array();
+var gbLoadData=false;
+var gobj=null;
+var gaTocsNs61Fix=null;
+var gbWhTHost=false;
+var gBookItems=new Array();
+var gInSync=false;
+
+function setBackground(sBgImage)
+{
+	gsBgImage=sBgImage;
+}
+
+function setBackgroundcolor(sBgColor)
+{
+	gsBgColor=sBgColor;
+}
+
+function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
+{
+	var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+	if(sType=="Normal") goFont=vFont;
+	else if(sType=="Hover") goHFont=vFont;
+}
+
+function setActiveBgColor(sBgColor){gsABgColor=sBgColor;}
+
+function setMargin(sMargin){gsMargin=sMargin;}
+
+function setIndent(sIndent){gsIndent=sIndent;}
+
+function setIcon(sType,sURL)
+{
+	if(sType=="BookOpen")
+		giBookOpen=sURL;
+	else if(sType=="BookClose")
+		giBookClose=sURL;
+	else if(sType=="Item")
+		giBookItem=sURL;
+	else if(sType=="RemoteItem")
+		giURLItem=sURL;
+	else if(sType=="NewBookClose")
+		giNewBookClose=sURL;
+	else if(sType=="NewBookOpen")
+		giNewBookOpen=sURL;
+	else if(sType=="NewItem")
+		giNewBookItem=sURL;
+	else if(sType=="NewRemoteItem")
+		giNewURLItem=sURL;		
+}
+
+function bookItem(sTarget, sURL)
+{
+	if (sTarget)
+		this.sTarget=sTarget;
+	else
+		this.sTarget="bsscright";
+	this.sURL=sURL;
+}
+
+function addBookItem(sBookId, sTarget, sURL)
+{
+	gBookItems[sBookId] = new bookItem(sTarget, sURL);		
+}
+
+function tocChunk(sPPath,sDPath)
+{
+	this.sPPath=sPPath;
+	this.sDPath=sDPath;
+	this.nMI=-1;
+	this.aTocs=null;
+}
+
+function addTocChunk(sPPath,sDPath)
+{
+	var oChunk=new tocChunk(sPPath,sDPath);
+	gaTocs[gaTocs.length]=oChunk;
+	return oChunk;
+}
+
+function isHSLoad(nIdx)
+{
+	for(var i=0;i<gaHSLoad.length;i++){
+		if(gaHSLoad[i]==nIdx)
+			return true;
+	}
+	return false;
+}
+
+function setHSLoad(nIdx)
+{
+	if(!isHSLoad(nIdx))
+	{
+		var len=gaHSLoad.length;
+		for(var i=0;i<len;i++){
+			if(gaHSLoad[i]==-1)
+			{
+				gaHSLoad[i]=nIdx;
+				return;
+			}
+		}
+		gaHSLoad[len]=nIdx;
+	}
+}
+
+function setHSUnLoad(nIdx)
+{
+	if(isHSLoad(nIdx))
+	{
+		for(var i=0;i<gaHSLoad.length;i++){
+			if(gaHSLoad[i]==nIdx)
+			{
+				gaHSLoad[i]=-1;
+				return;
+			}
+		}
+	}
+}
+
+function cancelLoading(nIdx)
+{
+	var oObj=getElement(getCBId(nIdx));
+	if(oObj)
+	{
+		oObj.innerHTML="";
+		setHSUnLoad(nIdx)
+		ExpandIt(nIdx);
+	}
+}
+
+function cancelAll()
+{
+	var eLoadingDivs=getElement(gsLoadingDivID);
+	if(eLoadingDivs)
+		cancelHSLoading(eLoadingDivs);
+}
+
+function cancelHSLoading(eLoadingDiv)
+{
+	var eParent=eLoadingDiv.parentElement;
+	if(eParent){
+		var sId=eParent.id;
+		sId=sId.substring(5);
+		var nIdx=parseInt(sId);
+		if(!isNaN(nIdx))
+			cancelLoading(nIdx)
+	}
+}
+
+function checkBookItem(nIdx)
+{
+	if(!gInSync)
+	{
+		var sBookId=getBookId(nIdx);
+		if(gBookItems[sBookId])
+		{
+			window.open(gBookItems[sBookId].sURL,gBookItems[sBookId].sTarget);
+		}
+	}
+}
+
+function insertBookItems(nIdx,num)
+{
+	checkBookItem(nIdx);
+	var sChildBookId=getCBId(nIdx);
+	var eChildDiv=getElement(sChildBookId);
+	if(eChildDiv){
+		if((eChildDiv.childNodes&&eChildDiv.childNodes.length==0)||
+			(eChildDiv.all&&eChildDiv.all.length==0)){
+			var sHTML=writeBookItems(nIdx,num);
+			eChildDiv.innerHTML=sHTML;
+			setTimeout("syncInit()",1);
+		}
+	}
+	ExpandIt(nIdx);
+}
+
+function writeBook(nIdx,bLocal)
+{
+	var sIcon=getBookImage(nIdx,true);
+	var sName=_textToHtml(getItemName(nIdx));
+	sIcon=_textToHtml_nonbsp(sIcon);
+	
+	var sHTML="<div id=\""+getPBId(nIdx)+"\" class=parent>";
+	sHTML+="<p><nobr><a id=\""+getBookId(nIdx)+"\" href=\"javascript:void(0);\" onfocus=\"markBook("+nIdx+");\" onclick=\"";
+
+	if(getItemType(nIdx)==1)
+		sHTML+="insertBookItems("+nIdx+", "+getItemContentsNum(nIdx);
+	else
+		sHTML+="tocExpandHelpSet("+nIdx+","+bLocal;
+	sHTML+=");return false;\" title=\""+sName+"\"><img alt=\"Book\" name=\""+getBId(nIdx)+"\" src=\""+sIcon+"\" border=0 align=\"absmiddle\">";
+	var sURL=_textToHtml_nonbsp(getItemURL(nIdx));
+	if(sURL!="")
+		addBookItem(getBookId(nIdx),_textToHtml_nonbsp(getTopicTarget(nIdx)),sURL);
+	sHTML+="&nbsp;"+sName+"</a></nobr></p></div><div id=\""+getCBId(nIdx)+"\" class=child></div>";
+	return sHTML;
+}
+
+function getBookId(nIdx){return "B_"+nIdx;}
+
+function getItemId(nIdx){return "I_"+nIdx;}
+
+function markBook(nIdx)
+{
+	var obj=getElement(getItemId(nIdx));
+	if(obj==null)
+		obj=getElement(getBookId(nIdx));
+	if(gbNav6)
+	{
+		gobj=obj;
+		setTimeout("delayMarkObj();",1);
+	}
+	else
+		markObj(obj);
+}
+
+function delayMarkObj()
+{
+	if(gobj)
+	{
+		markObj(gobj);
+		gobj=null;
+	}
+}
+
+function markObj(obj)
+{
+	if(obj!=null)
+	{
+		HighLightElement(obj,gsABgColor,"transparent");
+		var sPath=calTocPath(obj);
+		if(gsCTPath!=sPath)
+			gsCTPath=sPath;
+	}
+}
+
+function markItem(nIdx)
+{
+	var obj=getElement(getItemId(nIdx));
+	if(gbNav6)
+	{
+		gobj=obj;
+		setTimeout("delayMarkObj();",1);
+	}
+	else
+		markObj(getElement(getItemId(nIdx)));
+}
+
+function calTocPath(obj)
+{
+	var sPath=getInnerText(obj).substring(1);
+	var pObj=getParentNode(obj);
+	do
+	{
+		while(pObj!=null&&!isCBId(pObj.id)) pObj=getParentNode(pObj);
+		if(pObj!=null)
+		{
+			var nId=getIdByCBId(pObj.id);
+			var sObj=getElement(getPBId(nId));
+			if(sObj!=null)
+			{
+				var objs=getItemsByBook(sObj);
+				for(var i=0;i<objs.length;i++)
+				{
+					var sText=getInnerText(objs[i]);
+					
+					if(sText.length!=0)
+					{
+						sPath=sText.substring(1)+gsPathSplit+sPath;
+						break;
+					}
+				}
+			}
+			pObj=getParentNode(pObj);
+		}
+	}while(pObj!=null);
+	return sPath;
+}
+
+function writeAnItem(nIdx)
+{
+	var sTarget=_textToHtml_nonbsp(getTopicTarget(nIdx));
+	var sIcon=getItemIcon(nIdx,0);
+	if(sIcon=="")
+	{
+		var nItemType=getItemType(nIdx);
+		if(nItemType&2)
+			sIcon=getItemImage(nIdx,false);
+		else
+			sIcon=getItemImage(nIdx,true);
+	}
+	sIcon=_textToHtml_nonbsp(sIcon);
+	var sName=_textToHtml(getItemName(nIdx));
+	var sHTML="<p><nobr><a id=\""+getItemId(nIdx)+"\" onfocus=\"markItem("+nIdx+");\""
+	var sAltString="";
+	if (nItemType&2)
+		sAltString="Page";
+	else
+		sAltString="Remote Page";
+	if(sTarget!="")
+		sHTML+="target=\""+sTarget+"\" ";
+	sHTML+="href=\""+_textToHtml_nonbsp(getItemURL(nIdx))+"\" title=\""+sName+"\"><img alt=\""+sAltString+"\" src=\""+sIcon+"\" border=0 align=\"absmiddle\">&nbsp;"+sName+"</a></nobr></p>";
+	return sHTML;
+}
+
+function writeBookItems(nIdx,num)
+{
+	var sHTML="";
+	if(num>0){
+		var nCIdx=0;
+		do{
+			nCIdx++;
+			var i=nIdx+nCIdx;
+			var nItemType=getItemType(i);
+			if(nItemType==1){
+				sHTML+=writeBook(i);	
+				nCIdx+=getItemContentsNum(i);		
+			}
+			else if(nItemType==2||nItemType==16){
+				sHTML+=writeAnItem(i);
+			}else if(nItemType==4){
+				sHTML+=writeBook(i,false);
+			}else if(nItemType==8){
+				sHTML+=writeBook(i,true);
+			}
+		}
+		while(nCIdx<num);
+	}
+	return sHTML;
+}
+
+function tocExpandHelpSet(nIdx,bLocal)
+{
+	checkBookItem(nIdx);
+	cancelAll();
+	if(isHSLoad(nIdx))
+		ExpandIt(nIdx);
+	else{
+		setHSLoad(nIdx);
+		var sSrc="";
+		if(bLocal){
+			var oChunk=getChunk(nIdx);
+			if(oChunk)
+			{
+				goChunk=addTocChunk(oChunk.sPPath,oChunk.sDPath);
+				sSrc=oChunk.aTocs[nIdx-oChunk.nMI].sRefURL;
+			}
+		}
+		else{
+			sSrc=getRefURL(nIdx);
+			var nProj=getProject(sSrc);
+			if(nProj!=-1)
+			{
+				goChunk=addTocChunk(gaProj[nProj].sPPath,gaProj[nProj].sDPath);
+				sSrc=gaRoot[nProj].sToc;
+			}
+			else
+				goChunk=null;
+		}
+		if(goChunk)
+		{
+			PrepareLoading(nIdx);
+			ExpandIt(nIdx);
+			gbLoadToc=false;
+			loadData2(goChunk.sPPath+goChunk.sDPath+sSrc);
+		}
+	}
+}
+
+function getProject(sSrc)
+{
+	for(var i=0;i<gaProj.length;i++)
+	{
+		if(isSamePath(getPath(sSrc),gaProj[i].sPPath))
+		{
+			return i;
+		}
+	}
+	return -1;
+}
+
+function getPath(sPath)
+{
+	if(sPath!="")
+	{
+		sPath=_replaceSlash(sPath);
+		var nPosFile=sPath.lastIndexOf("/");
+		sPath=sPath.substring(0,nPosFile+1);
+	}
+	return sPath;
+}
+
+function isSamePath(sPath1,sPath2)
+{
+	return (sPath1.toLowerCase()==sPath2.toLowerCase());
+}
+
+function PrepareLoading(nIdx)
+{
+	gnInsIdx=nIdx;
+	if(!gsTP)
+	{
+		var oObj=getElement(getCBId(gnInsIdx));
+		if(oObj)
+			oObj.innerHTML=writeLoadingDiv(nIdx);
+	}
+}
+
+function writeLoadingDiv(nIdx)
+{
+	return"<div id=\""+gsLoadingDivID+"\" class=parent onclick=\"cancelLoading("+nIdx+");\" style=\"padding-left:4px;background-color:ivory;border-width:1;border-style:solid;border-color:black;width:150px;\">"+gsLoadingMsg+"</div>";
+}
+
+function getItemName(nIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+		return oChunk.aTocs[nIdx-oChunk.nMI].sItemName;
+	else
+		return null;
+}
+
+function getItemContentsNum(nIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+		return oChunk.aTocs[nIdx-oChunk.nMI].nContents;
+	else
+		return null;
+}
+
+function getItemType(nIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+		return oChunk.aTocs[nIdx-oChunk.nMI].nType;
+	else
+		return 0;
+}
+
+function getItemURL(nIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+	{
+		var sPath=oChunk.aTocs[nIdx-oChunk.nMI].sItemURL;
+		if(!(sPath==null||sPath==""))
+		{
+			return _getFullPath(oChunk.sPPath,sPath);
+		}
+	}
+	return "";
+}
+
+function getRefURL(nIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+	{
+		var sPath=oChunk.aTocs[nIdx-oChunk.nMI].sRefURL;
+		if(!(sPath==null||sPath==""))
+		{
+			return _getFullPath(oChunk.sPPath,sPath)
+		}
+	}
+	return "";
+}
+
+function getTopicTarget(nIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+	{
+		if(typeof(oChunk.aTocs[nIdx-oChunk.nMI].sTarget)!="undefined")
+			return oChunk.aTocs[nIdx-oChunk.nMI].sTarget;
+	}
+	return "";
+}
+
+function getItemIcon(nIdx,nIconIdx)
+{
+	var oChunk=getChunk(nIdx);
+	if(oChunk)
+	{
+		if(typeof(oChunk.aTocs[nIdx-oChunk.nMI].sIconRef)!="undefined")
+		{
+			var sIconRef=oChunk.aTocs[nIdx-oChunk.nMI].sIconRef;
+			var nIndex=sIconRef.indexOf(";");
+			while(nIconIdx-->0&&nIndex!=-1)
+			{
+				sIconRef=sIconRef.substring(nIndex+1);
+				nIndex=sIconRef.indexOf(";");
+			}
+			if(nIconIdx<0)
+			{
+				if(nIndex!=-1)
+					sIconRef=sIconRef.substring(0,nIndex);
+				return _getFullPath(oChunk.sPPath,sIconRef)
+			}
+		}
+	}
+	return "";
+}
+
+function TocWriteClassStyle()
+{
+	var sStyle="<STYLE TYPE='text/css'>\n";
+	if (gsBgImage)
+		sStyle+="body {border-top:"+gsBgColor+" 1px solid;}\n";
+	else
+		sStyle+="body {border-top:black 1px solid;}\n";
+	sStyle+="P {"+getFontStyle(goFont)+"margin-top:"+gsMargin+";margin-bottom:"+gsMargin+";}\n";
+	sStyle+="DIV {margin-top:"+gsMargin+";margin-bottom:"+gsMargin+";}\n";
+	sStyle+=".parent {margin-left:0pt;}\n";
+	sStyle+=".child {display:none;margin-left:"+gsIndent+";}\n";
+	sStyle+="A:link {"+getFontStyle(goFont)+"}\n";
+	sStyle+="A:visited {"+getFontStyle(goFont)+"}\n";
+	sStyle+="A:active {background-color:"+gsABgColor+";}\n";
+	sStyle +="A:hover {"+getFontStyle(goHFont)+"}\n";
+	sStyle+="</STYLE>";
+	document.write(sStyle);
+}
+
+function TocWriteFixedWidth(bBegin,nWidth)
+{
+	if((gbIE4)&&(gbMac)&&(!gbIE5)){
+		if(bBegin)
+			document.write("<table width="+nWidth+" border=0><tr><td>");
+		else
+			document.write("</td></tr></table>");
+	}
+}
+
+function TocInitPage()
+{
+	var tempColl=getItemsByBook(document.body);
+	if(tempColl.length>0)
+		tempColl[0].focus();
+}
+
+function getItemsFromObj(obj)
+{
+	var aAnchor=new Array();
+	var tempColl=getChildrenByTag(obj,"P");
+	if(tempColl&&tempColl.length>0)
+	{
+		var anobr=new Array();
+		for(var i=0;i<tempColl.length;i++)
+		{
+			var tempNobr=getChildrenByTag(tempColl[i],"NOBR");
+			if(tempNobr&&tempNobr.length>0)
+			{
+				for(var j=0;j<tempNobr.length;j++)
+					anobr[anobr.length]=tempNobr[j];
+			}
+		}
+		for(var s=0;s<anobr.length;s++)
+		{
+			var tempAnchor=getChildrenByTag(anobr[s],"A");
+			if(tempAnchor&&tempAnchor.length>0)
+			{
+				for(var u=0;u<tempAnchor.length;u++)
+					aAnchor[aAnchor.length]=tempAnchor[u];
+			}
+		}
+	}
+	return aAnchor;
+}
+
+function getItemsByBook(obj)
+{
+	var aAnchor=new Array();
+	var aTAnchor=getItemsFromObj(obj);
+	for(var i=0;i<aTAnchor.length;i++)
+	{
+		aAnchor[aAnchor.length]=aTAnchor[i];
+	}
+	var tempBook=getChildrenByTag(obj,"DIV");
+	if(tempBook&&tempBook.length>0)
+	{
+		for(var j=0;j<tempBook.length;j++)
+		{
+			var aTAnchorDiv=getItemsFromObj(tempBook[j]);
+			for(var s=0;s<aTAnchorDiv.length;s++)
+			{
+				aAnchor[aAnchor.length]=aTAnchorDiv[s];
+			}
+		}
+	}	
+	return aAnchor;
+}
+
+function ExpandIt(nId)
+{
+	if(!gsTP)
+		ExpandIt2(nId,false);
+}
+
+function ExpandIt2(nId,bForceOpen)
+{
+	if(gbIE4||gbNav6){
+		var oC=TocExpand(nId,true,bForceOpen);
+		var nNewScroll=document.body.scrollTop;
+		if(oC.style.display=="block"){
+			var nTop=oC.offsetTop;
+			var nBottom=nTop+oC.offsetHeight;
+			if(document.body.scrollTop+document.body.clientHeight<nBottom){
+				nNewScroll=nBottom-document.body.clientHeight;
+			}
+			if(nBottom-nTop>document.body.clientHeight){
+				nNewScroll=nTop-20;
+			}
+		}
+		document.body.scrollTop=nNewScroll;
+	}
+}
+
+function TocExpand(nId,bChangeImg,bForceOpen)
+{
+	var oDiv=getElement(getCBId(nId));
+	if(oDiv==null) return null;
+
+	var whichIm=document.images[getBId(nId)];
+	if((oDiv.style.display!="block")||bForceOpen){
+		oDiv.style.display="block";
+		if(bChangeImg){
+			var sPath=getPath(whichIm.src);
+			sPath=_getFullPath(sPath,getBookImage(nId,false));
+			whichIm.src=sPath;		
+		}
+	}else{
+		oDiv.style.display="none";
+		if(bChangeImg){
+			var sPath=getPath(whichIm.src);
+			sPath=_getFullPath(sPath,getBookImage(nId,true));
+			whichIm.src=sPath;
+		}
+		if(gbMac&&gbIE5){
+			this.parent.document.getElementById("tocIFrame").style.width="101%";
+			this.parent.document.getElementById("tocIFrame").style.width="100%";
+		}
+	}
+	return oDiv;
+}
+
+function getChunkId(n)
+{
+	var nCandidate=-1;
+	for(var i=0;i<gaTocs.length;i++){
+		if(gaTocs[i].nMI<=n){
+			nCandidate=i;
+		}
+		else
+			break;
+	}
+	if(nCandidate!=-1&&gaTocs[nCandidate].nMI!=-1)
+		return nCandidate;
+	else
+		return -1;
+}
+
+function getChunk(n)
+{
+	if(gnCC!=-1&&gaTocs[gnCC].nMI<=n&&(gnCC==gaTocs.length-1||
+		gaTocs[gnCC+1].nMI>n))
+	{	
+		return gaTocs[gnCC];
+	}
+	else{
+		gnCC=getChunkId(n);
+		if(gnCC!=-1)
+			return gaTocs[gnCC];
+		else
+			return null;
+	}
+}
+
+function getBookImage(nIdx,bClosed)
+{
+	var nIdx=bClosed?0:1;
+	var sIcon=getItemIcon(nIdx,nIdx);
+	if(sIcon=="")
+		if(bClosed)
+			sIcon=giBookClose;
+		else
+			sIcon=giBookOpen;
+	return _getFullPath(gaProj[0].sPPath,sIcon);
+}
+
+function getItemImage(nIdx,bRemote)
+{
+	var sIcon=getItemIcon(nIdx,0);
+	if(sIcon=="")
+		if(bRemote)
+			sIcon=giURLItem;
+		else
+			sIcon=giBookItem;
+	return _getFullPath(gaProj[0].sPPath,sIcon);
+}
+
+function expandToc(oObj,sRest,aIdList)
+{
+	var len=aIdList.length;
+	var nPos=sRest.indexOf(gsPathSplit);
+	if(nPos!=-1)
+	{
+		sPart=sRest.substring(0,nPos);
+		sRest=sRest.substring(nPos+1);
+	}
+	else
+	{
+		sPart=sRest;
+		var aTagAs=getItemsByBook(oObj);
+		for(var s=0;s<aTagAs.length;s++)
+		{
+			var sText=getInnerText(aTagAs[s]);
+			if(sText.length>0)
+				sText=sText.substring(1);
+			if(sText==sPart)
+			{
+				aIdList[len]=aTagAs[s];
+				return 1;
+			}
+		}
+		return 0;
+	}
+		
+	var aChildren=getChildrenByTag(oObj,"DIV");
+	for(var i=0;i<aChildren.length;i++)
+	{
+		var sPId=aChildren[i].id;
+		if(!isPBId(sPId))
+			continue;
+		var sText=getInnerText(aChildren[i]);
+		if(sText.substring(1)!=sPart)
+			continue;
+		aIdList[len]=getIdByPBId(sPId);
+		var sCId=getCBId(aIdList[len]);
+		var oCObj=getElement(sCId);
+		if(oCObj)
+		{
+			if(oCObj.innerHTML=="")
+			{
+				var obj=getItemsByBook(aChildren[i]);
+				if(obj.length>0)
+				{
+					if(gbNav6)
+					{
+						var sCommand=obj[0].getAttribute("onClick");
+						var nCommand=sCommand.indexOf(";");
+						sCommand=sCommand.substring(0,nCommand);
+						setTimeout(sCommand,1);
+					}
+					else
+						obj[0].click();
+				}
+				return -1;
+			}
+			var nRet=expandToc(oCObj,sRest,aIdList);
+			if(nRet)
+				return nRet;
+		}
+	}
+	aIdList.length=len;
+	return 0;
+}
+
+function getIdByPBId(sPId)
+{
+	return parseInt(sPId.substring(5,sPId.length-6));
+}
+
+function getIdByCBId(sCId)
+{
+	return parseInt(sCId.substring(5,sCId.length-5));
+}
+
+function isPBId(sId)
+{
+	return (sId&&sId.indexOf("Book_")==0&&sId.lastIndexOf("Parent")==sId.length-6);
+}
+
+function isCBId(sId)
+{
+	return (sId&&sId.indexOf("Book_")==0&&sId.lastIndexOf("Child")==sId.length-5);
+}
+
+function getBId(nIdx)
+{
+	return "Book_"+nIdx;
+}
+
+function getPBId(nIdx)
+{
+	return getBId(nIdx)+"Parent";
+}
+
+function getCBId(nIdx)
+{
+	return getBId(nIdx)+"Child";
+}
+
+function getClosestTocPath(aPaths)
+{
+	var nMaxSimilarity=0;
+	var nThatIndex=-1;
+	var sPath=null;
+	if(aPaths.length==0) return sPath;
+	for(var i=0;i<aPaths.length;i++)
+	{
+		var nSimilarity=comparePath(gsCTPath,aPaths[i]);
+		if(nSimilarity>nMaxSimilarity)
+		{
+			nMaxSimilarity=nSimilarity;
+			nThatIndex=i;
+		}
+	}
+	if(nThatIndex!=-1)
+	{
+		sPath=aPaths[nThatIndex];
+	}
+	else
+	{
+		sPath=aPaths[0];
+	}
+	return sPath;
+}
+
+function comparePath(sPath1,sPath2)
+{
+	var nMaxSimilarity=0;
+	var nStartPos1=0;
+	var nPos1=-1;
+	var nStartPos2=0;
+	var nPos2=-1;
+	do{
+		var sCheck1=null;
+		var sCheck2=null;
+		nPos1=sPath1.indexOf(gsPathSplit,nStartPos1);
+		if(nPos1!=-1)
+		{
+			sCheck1=sPath1.substring(nStartPos1,nPos1);
+			nStartPos1=nPos1+1;
+		}
+		else
+		{
+			sCheck1=sPath1.substring(nStartPos1);
+			nStartPos1=-1;
+		}
+		nPos2=sPath2.indexOf(gsPathSplit,nStartPos2);
+		if(nPos1!=-1)
+		{
+			sCheck2=sPath2.substring(nStartPos2,nPos2);
+			nStartPos2=nPos2+1;
+		}
+		else
+		{
+			sCheck2=sPath2.substring(nStartPos2);
+			nStartPos2=-1;
+		}
+		if(sCheck1==sCheck2)
+			nMaxSimilarity++;
+		else
+			break;
+	}while(nStartPos1!=-1&&nStartPos2!=-1);
+	return nMaxSimilarity;
+}
+
+function getTocPaths(oTopicParam)
+{
+	var aRelTocPaths=oTopicParam.aPaths;
+	var aPaths=new Array();
+	for(var i=0;i<gaProj.length;i++)
+	{
+		if(isSamePath(gaProj[i].sPPath,oTopicParam.sPPath))
+		{
+			for(var j=0;j<aRelTocPaths.length;j++)
+			{
+				aPaths[j]=gaRoot[i].sRPath+aRelTocPaths[j];
+				aPaths[j]=aPaths[j].substring(1);
+			}
+			break;
+		}
+	}
+	return aPaths;
+}
+
+function syncInit()
+{
+	if(gsTP)
+	{
+		gInSync=true;
+		var obj=document.body;
+		var aIdList=new Array();
+		var nRet=expandToc(obj,gsTP,aIdList);
+		if(nRet!=-1)
+		{
+			if(nRet==1)
+			{
+				if(aIdList.length)
+					for(var i=0;i<aIdList.length-1;i++)
+					{
+						ExpandIt2(aIdList[i],true);
+					}
+				gsCTPath=gsTP;
+				if(!gbIE55)
+					aIdList[aIdList.length-1].focus();
+				else
+					HighLightElement(aIdList[aIdList.length-1],gsABgColor,"transparent");
+			}
+			var aPaths=gaBTPs;
+			gsTP=null;
+			gaBTPs=null;
+			if(aPaths!=null)
+			{
+				var sPath=getClosestTocPath(aPaths);
+				if(sPath!=null)
+				{	
+					gsTP=sPath;		
+					setTimeout("syncInit()",1);
+				}
+			}
+		}
+		gInSync=false;
+	}
+}
+
+function loadToc()
+{
+	if(!gbReady)
+	{
+		var oResMsg=new whMessage(WH_MSG_GETPROJINFO,this,1,null);
+		if(SendMessage(oResMsg)&&oResMsg.oParam)
+		{
+			var oProj=oResMsg.oParam;
+			gaProj=oProj.aProj;
+			gbXML=oProj.bXML;
+			load1B1();
+		}
+	}
+}
+
+function load1B1()
+{
+	if(gnLT+1<gaProj.length)
+	{
+		for(var i=gnLT+1;i<gaProj.length;i++)
+		{
+			if(gaProj[i].sToc!=null&&gaProj[i].sToc!="")
+			{
+				gbLoadToc=true;
+				gnLT=i;
+				setTimeout("loadTocInfo()",1);
+				return true;
+			}
+		}
+	}
+	return false;
+}
+
+function loadTocInfo()
+{
+	loadData2(gaProj[gnLT].sPPath+gaProj[gnLT].sDPath+gaProj[gnLT].sToc);
+}
+
+function loadData2(sFile)
+{
+	if(gbXML)
+		loadDataXML(sFile);
+	else
+		loadData(sFile);
+}
+
+function projReady(sRoot,aProj)
+{
+	if(gaRoot.length<=gnLT||!gaRoot[gnLT])
+		gaRoot[gnLT]=new Object();
+	gaRoot[gnLT].sToc=sRoot;
+	
+	if(gnLT==0)
+		gaRoot[gnLT].sRPath=gsPathSplit;
+
+	updatePTPath(gnLT,aProj);
+
+	if(!((gnLT+1<gaProj.length)&&load1B1()))
+	{
+		gbReady=true;
+		if(gbIE4)
+			setTimeout("loadImages();",1);
+		else
+			setTimeout("loadTData();",1);
+	}
+}
+
+function loadTData()
+{
+	if(gaProj[0].sToc!="")
+	{
+		goChunk=addTocChunk(gaProj[0].sPPath,gaProj[0].sDPath);
+		gbLoadToc=false;
+		loadData2(gaProj[0].sPPath+gaProj[0].sDPath+gaRoot[0].sToc);
+	}
+}
+
+function updatePTPath(n,aProj)
+{
+	if(aProj)
+	{
+		for(var i=0;i<aProj.length;i++)
+		{
+			var sFullPath=_getFullPath(gaProj[n].sPPath,aProj[i].sPPath);
+			for(var j=0;j<gaProj.length;j++)
+			{
+				if(isSamePath(sFullPath,gaProj[j].sPPath))
+				{
+					if(gaRoot.length<=j||!gaRoot[j])
+						gaRoot[j]=new Object();
+					if(!gaRoot[j].sRPath)
+					{
+						if(gaRoot[n].sRPath)
+							gaRoot[j].sRPath=gaRoot[n].sRPath+aProj[i].sRPath;
+						else
+							gaRoot[j].sRPath=aProj[i].sRPath;
+					}
+					break;
+				}
+			}
+		}
+	}
+}
+
+function putDataXML(xmlDoc,sDocPath)
+{
+	if(gbLoadToc)
+	{
+		var tocNode=xmlDoc.getElementsByTagName("toc")[0];
+		if(tocNode)
+		{
+			var sRoot=tocNode.getAttribute("root");
+			var rmtProject=tocNode.getElementsByTagName("project");
+			var aRProj=new Array();
+			if(rmtProject.length>0)
+			{
+				for(var i=0;i<rmtProject.length;i++)
+				{
+					aRProj[i]=new Object();
+					aRProj[i].sPPath=rmtProject[i].getAttribute("url");
+					aRProj[i].sRPath=rmtProject[i].getAttribute("path");
+				}
+			}
+			projReady(sRoot,aRProj);
+		}
+	}
+	else
+	{
+		var chunkNode=xmlDoc.getElementsByTagName("tocdata")[0];
+		if(chunkNode)
+		{
+			var aToc=new Array();
+			processBook(chunkNode,aToc);
+			putData(aToc);
+		}
+	}
+}
+
+function processBook(node,aToc)
+{
+	var i=0;
+	var entry=null;
+	var prevEntry=null;
+	var oChild=node.firstChild;
+	do{
+		if(oChild)
+		{
+			if(oChild.nodeName.indexOf("#")!=0)
+			{
+				var sName=oChild.getAttribute("name");
+				var sURL=oChild.getAttribute("url");
+				var sRef=oChild.getAttribute("ref");
+				var sTarget=oChild.getAttribute("target");
+				var sIcons=oChild.getAttribute("images");
+				var item=new Object();
+				item.sItemName=sName;
+				if(sTarget)
+					item.sTarget=sTarget;
+				if(sIcons)
+					item.sIconRef=sIcons;
+				if(sURL==null) sURL="";
+				item.sItemURL=sURL;
+				
+				if(oChild.nodeName=="book")
+				{
+					item.nType=1;
+					aToc[aToc.length]=item;
+					var nCurrPos=aToc.length;
+					processBook(oChild,aToc);
+					item.nContents=aToc.length-nCurrPos;
+				}
+				else if(oChild.nodeName=="item")
+				{
+					item.nType=2;
+					item.nContents=0;
+					aToc[aToc.length]=item;
+				}
+				else if(oChild.nodeName=="remoteitem")
+				{
+					item.nType=16;
+					item.nContents=0;
+					aToc[aToc.length]=item;
+				}
+				else if(oChild.nodeName=="project")
+				{
+					item.nType=4;
+					item.sRefURL=sRef;
+					item.nContents=0;
+					aToc[aToc.length]=item;
+				}
+				else if(oChild.nodeName=="chunk")
+				{
+					item.nType=8;
+					item.sRefURL=sRef;
+					item.nContents=0;
+					aToc[aToc.length]=item;
+				}
+			}
+		}
+		else
+			break;
+		oChild=oChild.nextSibling;
+	}while(true);
+}
+
+function putData(aTocs)
+{
+	gaTocsNs61Fix=aTocs;
+	setTimeout("realPutData();",1);
+}
+
+function realPutData()
+{
+	var aTocs=gaTocsNs61Fix;
+	if(!aTocs) return;
+	if(goChunk)
+	{
+		var n=gnMinIdx;
+		goChunk.nMI=gnMinIdx;
+		goChunk.aTocs=aTocs;
+		gnMinIdx+=aTocs.length;
+		if(gnInsIdx!=-1)
+		{
+			var oObj=getElement(getCBId(gnInsIdx));
+			if(oObj)
+			{
+				oObj.innerHTML=writeBookItems(n-1,aTocs.length);
+				setTimeout("syncInit()",1);
+			}
+		}
+		else{
+			document.body.insertAdjacentHTML("beforeEnd",writeBookItems(n-1,aTocs.length));
+			var oParam=new Object();
+			oParam.oTocInfo=null;
+			var oMsg=new whMessage(WH_MSG_GETTOCPATHS,this,1,oParam);
+			if(SendMessage(oMsg))
+			{
+				if (oMsg.oParam.oTocInfo)
+					syncWithPaths(oMsg.oParam.oTocInfo);
+			}
+		}	
+	}
+}
+
+function syncWithPaths(oTopicParam)
+{
+	var aPaths=getTocPaths(oTopicParam);
+	if(gsTP)
+		gaBTPs=aPaths;
+	else{
+		var sPath=getClosestTocPath(aPaths);
+		if(sPath!=null)
+		{
+			gsTP=sPath;
+			setTimeout("syncInit()",1);
+		}
+	}
+}
+
+function window_OnLoad()
+{
+	if(gsBgImage&&gsBgImage.length>0)
+	{
+		document.body.background=gsBgImage;
+	}
+	if(gsBgColor&&gsBgColor.length>0)
+	{
+		document.body.bgColor=gsBgColor;
+	}
+	loadToc();
+	var oMsg=new whMessage(WH_MSG_SHOWTOC,this,1,null)
+	SendMessage(oMsg);
+}
+
+function loadImages()
+{
+	if(giBookClose)
+	{
+		gaImgs[gnImages]=giBookClose;
+		gnImages++;
+	}		
+	if(giBookOpen)
+	{
+		gaImgs[gnImages]=giBookOpen;
+		gnImages++;
+	}		
+	if(giBookItem)
+	{
+		gaImgs[gnImages]=giBookItem;
+		gnImages++;
+	}		
+	if(giURLItem)
+	{
+		gaImgs[gnImages]=giURLItem;
+		gnImages++;
+	}		
+	if(giNewBookClose)
+	{
+		gaImgs[gnImages]=giNewBookClose;
+		gnImages++;
+	}		
+	if(giNewBookOpen)
+	{
+		gaImgs[gnImages]=giNewBookOpen;
+		gnImages++;
+	}		
+	if(giNewBookItem)
+	{
+		gaImgs[gnImages]=giNewBookItem;
+		gnImages++;
+	}		
+	if(giNewURLItem)
+	{
+		gaImgs[gnImages]=giNewURLItem;
+		gnImages++;
+	}
+	if(gnImages>0)
+	{
+		setTimeout("loadDataAfter();",1000);
+		loadImage(gaImgs[0]);
+	}
+	else
+		loadDataAfter();
+}
+
+function loadImage(sURL)
+{
+	var oImg=new Image();
+	oImg.onload=checkImageLoading;
+	oImg.onerror=errorImageLoading;
+	oImg.src=_getFullPath(gaProj[0].sPPath,sURL);
+}
+
+function loadDataAfter()
+{
+	if(!gbLoadData)
+	{
+		gbLoadData=true;
+		loadTData();
+	}
+}
+
+function errorImageLoading()
+{
+	gnLoadedImages++;
+	if(gnImages==gnLoadedImages)
+		loadDataAfter();
+	else
+		loadImage(gaImgs[gnLoadedImages]);	
+}
+
+function checkImageLoading()
+{
+	gnLoadedImages++;
+	if(gnImages==gnLoadedImages)
+		loadDataAfter();
+	else
+		loadImage(gaImgs[gnLoadedImages]);	
+}
+
+function window_unload()
+{
+	UnRegisterListener2(this,WH_MSG_PROJECTREADY);
+	UnRegisterListener2(this,WH_MSG_SYNCTOC);
+	UnRegisterListener2(this,WH_MSG_SHOWTOC);
+}
+
+function onSendMessage(oMsg)
+{
+	if(oMsg)
+	{
+		var nMsgId=oMsg.nMessageId;
+		if(nMsgId==WH_MSG_PROJECTREADY)
+		{
+			loadToc();
+		}
+		else if(nMsgId==WH_MSG_SYNCTOC)
+		{
+			if(gbReady)
+			{
+				syncWithPaths(oMsg.oParam);
+			}
+		}
+		else if(nMsgId==WH_MSG_SHOWTOC)
+		{
+			if(!gbNav6)
+				document.body.focus();
+		}
+	}
+	return true;
+}
+
+if (window.gbWhUtil&&window.gbWhVer&&window.gbWhMsg&&window.gbWhProxy)
+{
+	RegisterListener2(this,WH_MSG_PROJECTREADY);
+	RegisterListener2(this,WH_MSG_SYNCTOC);
+	RegisterListener2(this,WH_MSG_SHOWTOC);
+	goFont=new whFont("Verdana","8pt","#000000","normal","normal","none");
+	goHFont=new whFont("Verdana","8pt","#007f00","normal","normal","underline");
+
+	window.onload=window_OnLoad;
+	window.onbeforeunload=window_BUnload;
+	window.onunload=window_unload;
+	gbWhTHost=true;
+}
+else
+	document.location.reload();
+
diff --git a/doc/salome/gui/SUPERV/whtopic.js b/doc/salome/gui/SUPERV/whtopic.js
new file mode 100755
index 0000000..3adaa25
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whtopic.js
@@ -0,0 +1,662 @@
+var gsPPath = "";
+var gaPaths = new Array();
+var gaAvenues = new Array();
+
+var goFrame = null;
+var gsStartPage = "";
+var gsRelCurPagePath = "";
+var gsSearchFormHref  = "";
+var gnTopicOnly = -1;
+var gnOutmostTopic = -1;
+
+var BTN_TEXT=1;
+var BTN_IMG=2;
+
+var goSync = null;
+
+var goShow = null;
+var goHide = null;
+
+var goPrev = null;
+var goNext = null;
+var gnForm = 0;
+var goShowNav = null;
+var goHideNav = null;
+
+var goWebSearch = null;
+
+var gsBtnStyle = "";
+var gaButtons = new Array();
+var gaTypes = new Array();
+var whtopic_foldUnload = null;
+var gbWhTopic=false;
+var gbCheckSync=false;
+var gbSyncEnabled=false;
+
+function setButtonFont(sType, sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
+{
+	var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
+	gsBtnStyle += ".whtbtn" + sType + "{"+getFontStyle(vFont) + "}";
+}
+
+function writeBtnStyle()
+{
+	if (gaButtons.length > 0)
+	{
+		if (gsBtnStyle.length > 0)
+		{
+			var sStyle = "<style type='text/css'>";
+			sStyle+= gsBtnStyle + "</style>";
+			document.write(sStyle);
+		}
+	}
+}
+
+function button(sText, nWidth, nHeight)
+{
+	this.sText = sText;
+	this.nWidth = nWidth;
+	this.nHeight = nHeight;
+	
+	this.aImgs = new Array();
+	var i = 0;
+	while (button.arguments.length > i + 3)
+	{
+		this.aImgs[i] = button.arguments[3 + i];
+		i ++;
+	}
+}
+
+// project info
+function setRelStartPage(sPath)
+{
+	if (gsPPath.length == 0)
+	{
+		gsPPath = _getFullPath(_getPath(document.location.href),  _getPath(sPath));
+		gsStartPage = _getFullPath(_getPath(document.location.href), sPath);
+		gsRelCurPagePath = _getRelativeFileName(gsStartPage, document.location.href);
+	}
+}
+
+function getImage(oImage, sType)
+{
+	var sImg="";
+	if (oImage && oImage.aImgs && (oImage.aImgs.length > 0))
+	{
+		sImg+="<img alt=\""+ sType + "\" src=\"" + oImage.aImgs[0] + "\"";
+		if (oImage.nWidth > 0)
+			sImg+=" width=" + oImage.nWidth;
+		if (oImage.nHeight > 0)
+			sImg+=" height=" + oImage.nHeight;
+		sImg+=" border=no>";
+	}
+	return sImg;
+}
+
+function addTocInfo(sTocPath)
+{
+	gaPaths[gaPaths.length] = sTocPath;
+}
+
+function addAvenueInfo(sName, sPrev, sNext)
+{
+	gaAvenues[gaAvenues.length] = new avenueInfo(sName, sPrev, sNext);	
+}
+
+function addButton(sType, nStyle, sText, sHref, sOnClick, sOnMouseOver, sOnLoad, nWidth, nHeight, sImg1, sImg2, sImg3)
+{
+	var sButton = "";
+	var nBtn=gaButtons.length;
+	if (sType == "prev")
+	{
+		if (canGo(false))
+		{
+			var sTitle = "Previous Topic";
+			goPrev = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\"" + sTitle + "\" class=\"whtbtnprev\" href=\"javascript:void(0);\" onclick=\"goAvenue(false);return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goPrev.sText;
+			else
+				sButton += getImage(goPrev, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "next")
+	{
+		if (canGo(true))
+		{
+			var sTitle = "Next Topic";
+			goNext = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\"" + sTitle + "\" class=\"whtbtnnext\" href=\"javascript:void(0);\" onclick=\"goAvenue(true);return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goNext.sText;
+			else
+				sButton += getImage(goNext, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "show")
+	{
+		if (isTopicOnly())
+		{
+			var sTitle = "Show Navigation Component";
+			goShow = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\"" + sTitle + "\" class=\"whtbtnshow\" href=\"javascript:void(0);\" onclick=\"show();return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goShow.sText;
+			else
+				sButton += getImage(goShow, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "hide")
+	{
+		if (!isTopicOnly())
+		{
+			var sTitle = "Hide Navigation Component";
+			goHide = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\"" + sTitle + "\" class=\"whtbtnhide\" href=\"javascript:void(0);\" onclick=\"hide();return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goHide.sText;
+			else
+				sButton += getImage(goHide, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "shownav")
+	{
+		
+		if (isShowHideEnable())
+		{
+			var sTitle = "Show Navigation Component";
+			goShowNav = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\"" + sTitle + "\" class=\"whtbtnshownav\" href=\"javascript:void(0);\" onclick=\"showHidePane(true);return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goShowNav.sText;
+			else
+				sButton += getImage(goShowNav, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "hidenav")
+	{
+		if (isShowHideEnable())
+		{
+			var sTitle = "Hide Navigation Component";
+			goHideNav = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\"" + sTitle + "\" class=\"whtbtnhidenav\" href=\"javascript:void(0);\" onclick=\"showHidePane(false);return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goHideNav.sText;
+			else
+				sButton += getImage(goHideNav, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "synctoc")
+	{
+		if (gaPaths.length > 0)
+		{
+			var sTitle = "Sync TOC";
+			goSync = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\""+ sTitle + "\" class=\"whtbtnsynctoc\" href=\"javascript:void(0);\" onclick=\"syncWithShow();return false;\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goSync.sText;
+			else
+				sButton += getImage(goSync, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "websearch")
+	{
+		if (gsSearchFormHref.length > 0)
+		{
+			var sTitle = "WebSearch";
+			goWebSearch = new button(sText, nWidth, nHeight, sImg1, sImg2, sImg3);
+			sButton = "<a title=\""+ sTitle + "\" class=\"whtbtnwebsearch\" href=\"" + gsSearchFormHref + "\">";
+			if (nStyle == BTN_TEXT)
+				sButton += goWebSearch.sText;
+			else
+				sButton += getImage(goWebSearch, sTitle);
+			sButton += "</a>";
+		}
+	}
+	else if (sType == "searchform")
+	{
+		gaButtons[nBtn] = "NeedSearchForm";
+		gaTypes[nBtn] = sType;
+	}
+	if (sButton.length != 0)
+	{
+		if (nStyle == BTN_TEXT)
+			sButton += "&nbsp;";
+		gaButtons[nBtn] = "<td>" + sButton + "</td>";
+		gaTypes[nBtn] = sType;
+	}
+}
+
+function isSyncEnabled()
+{
+	if (!gbCheckSync)
+	{
+		var oMsg=new whMessage(WH_MSG_ISSYNCSSUPPORT,this,1,null);
+		if(SendMessage(oMsg))
+		{
+			gbSyncEnabled=oMsg.oParam;
+		}
+		gbCheckSync=true;
+	}
+	return gbSyncEnabled;
+}
+
+function isInPopup()
+{
+	return (window.name.indexOf("BSSCPopup") != -1);
+}
+
+function getIntopicBar(sAlign)
+{
+	var sHTML = "";
+	if (gaButtons.length > 0)
+	{
+		sHTML += "<div align="+ sAlign + ">";
+
+		sHTML += "<table cellpadding=\"2\" cellspacing=\"0\" border=\"0\"><tr>";
+		for (var i = 0; i < gaButtons.length; i++)
+		{
+			if (gaTypes[i]!="synctoc" || isSyncEnabled())
+			{
+				if (gaButtons[i] == "NeedSearchForm")
+					sHTML += getSearchFormHTML();
+				else
+					sHTML += gaButtons[i];
+			}
+		}
+		sHTML += "</tr></table>";
+
+		sHTML += "</div>";
+	}
+	return sHTML;
+}
+
+
+function writeIntopicBar(nAligns)
+{
+	if (isInPopup()) return;
+	if (gaButtons.length > 0)
+	{
+		var sHTML = "";
+		if (nAligns != 0)
+		{
+			sHTML += "<table width=100%><tr>"
+			if (nAligns & 1)
+				sHTML += "<td width=33%>" + getIntopicBar("left") + "</td>";
+			if (nAligns & 2)
+				sHTML += "<td width=34%>" + getIntopicBar("center") + "</td>";
+			if (nAligns & 4)
+				sHTML += "<td width=33%>" + getIntopicBar("right") + "</td>";
+			sHTML += "</tr></table>";
+			document.write(sHTML);
+		}
+	}
+}
+
+function sendAveInfoOut()
+{
+	if (!isInPopup())
+		setTimeout("sendAveInfo();", 100);
+}
+
+function sendAveInfo()
+{
+	var oMsg = new whMessage(WH_MSG_AVENUEINFO, this, 1, gaAvenues);
+	SendMessage(oMsg);
+}
+
+
+function onNext()
+{
+	var oMsg = new whMessage(WH_MSG_NEXT, this, 1, null);
+	SendMessage(oMsg);
+}
+
+function onPrev()
+{
+	var oMsg = new whMessage(WH_MSG_PREV, this, 1, null);
+	SendMessage(oMsg);
+}
+
+function createSyncInfo()
+{
+	var oParam = new Object();
+	if (gsPPath.length == 0)
+		gsPPath = _getPath(document.location.href);
+	oParam.sPPath = gsPPath;
+	oParam.sTPath = document.location.href;
+	oParam.aPaths = gaPaths;
+	return oParam;
+}
+
+function syncWithShow()
+{
+	if (isTopicOnly())
+		show();
+	else 
+	{
+		sync();
+		showTocPane();
+	}
+}
+
+function showTocPane()
+{
+	var oMsg = new whMessage(WH_MSG_SHOWTOC, this, 1, null);
+	SendMessage(oMsg);
+}
+
+function sendSyncInfo()
+{
+	if (!isInPopup())
+	{
+		var oParam = null;
+		if (gaPaths.length > 0)
+		{
+			oParam = createSyncInfo();
+		}
+		var oMsg = new whMessage(WH_MSG_SYNCINFO, this, 1, oParam);
+		SendMessage(oMsg);
+	}
+}
+
+function sendInvalidSyncInfo()
+{
+	if (!isInPopup())
+	{
+		var oMsg = new whMessage(WH_MSG_SYNCINFO, this, 1, null);
+		SendMessage(oMsg);
+	}
+}
+
+function enableWebSearch(bEnable)
+{
+	if (!isInPopup())
+	{
+		var oMsg = new whMessage(WH_MSG_ENABLEWEBSEARCH, this, 1, bEnable);
+		SendMessage(oMsg);
+	}
+}
+
+function autoSync(nSync)
+{
+	if (nSync == 0) return;
+	if (isInPopup()) return;
+	if (isOutMostTopic())
+		sync();
+}
+
+function isOutMostTopic()
+{
+	if (gnOutmostTopic == -1)
+	{
+		var oMessage = new whMessage(WH_MSG_ISINFRAMESET, this, 1 , null);
+		if (SendMessage(oMessage))
+			gnOutmostTopic = 0;
+		else
+			gnOutmostTopic = 1;
+	}
+	return (gnOutmostTopic == 1);
+}
+
+function sync()
+{
+	if (gaPaths.length > 0)
+	{
+		var oParam = createSyncInfo();
+		var oMessage = new whMessage(WH_MSG_SYNCTOC, this, 1, oParam);
+		SendMessage(oMessage);
+	}
+}
+
+
+function avenueInfo(sName, sPrev, sNext)
+{
+	this.sName = sName;
+	this.sPrev = sPrev;
+	this.sNext = sNext;
+}
+
+function getCurrentAvenue()
+{
+	var oParam = new Object();
+	oParam.sAvenue = null;
+	var oMessage = new whMessage(WH_MSG_GETCURRENTAVENUE, this, 1, oParam);
+	SendMessage(oMessage);
+	return oParam.sAvenue;
+}
+
+function unRegisterListener()
+{
+	sendInvalidSyncInfo();
+	enableWebSearch(false);
+	if (whtopic_foldUnload)
+		whtopic_foldUnload();
+}
+
+function onSendMessage(oMsg)
+{
+	var nMsgId = oMsg.nMessageId;
+	if (nMsgId == WH_MSG_GETAVIAVENUES)
+	{
+		oMsg.oParam.aAvenues = gaAvenues;
+		return false;
+	}
+	else if (nMsgId == WH_MSG_GETTOCPATHS)
+	{
+		if (isOutMostTopic())
+		{
+			oMsg.oParam.oTocInfo = createSyncInfo();
+			return false;		
+		}
+		else
+			return true;
+	}
+	else if (nMsgId == WH_MSG_NEXT)
+	{
+		goAvenue(true);
+	}
+	else if (nMsgId == WH_MSG_PREV)
+	{
+		goAvenue(false);
+	}
+	else if (nMsgId == WH_MSG_WEBSEARCH)
+	{
+		websearch();
+	}
+	return true;
+}
+
+function goAvenue(bNext)
+{
+	var sTopic = null;
+	var sAvenue = getCurrentAvenue();
+	var nAvenue = -1;
+	if (sAvenue != null && sAvenue != "")
+	{
+		for (var i = 0; i < gaAvenues.length ; i ++)
+		{
+			if (gaAvenues[i].sName == sAvenue)
+			{
+				nAvenue = i;
+				break;
+			}
+		}
+		if (nAvenue != -1)
+		{
+			if (bNext)
+				sTopic = gaAvenues[nAvenue].sNext;
+			else
+				sTopic = gaAvenues[nAvenue].sPrev;
+		}
+	}
+	else
+	{ 
+		for (var i = 0; i < gaAvenues.length ; i ++)
+		{
+			if (gaAvenues[i].sNext != null && gaAvenues[i].sNext.length > 0 && bNext)
+			{
+				sTopic = gaAvenues[i].sNext;
+				break;
+			}
+			else if (gaAvenues[i].sPrev != null && gaAvenues[i].sPrev.length > 0 && !bNext)
+			{
+				sTopic = gaAvenues[i].sPrev;
+				break;
+			}
+		}
+	}
+	
+	if (sTopic != null && sTopic != "")
+	{
+		if (gsPPath != null && gsPPath != "")
+		{
+			sFullTopicPath = _getFullPath(gsPPath, sTopic);
+			document.location = sFullTopicPath;
+		}
+	}
+}
+
+function canGo(bNext)
+{
+	for (var i = 0; i < gaAvenues.length ; i ++)
+	{
+		if ((gaAvenues[i].sNext != null && gaAvenues[i].sNext.length > 0 && bNext) ||
+			(gaAvenues[i].sPrev != null && gaAvenues[i].sPrev.length > 0 && !bNext))
+			return true;
+	}
+	return false;
+}
+
+function show()
+{
+	if (gsStartPage != "")
+		window.location =  gsStartPage + "#" + gsRelCurPagePath;
+}
+
+function hide()
+{
+	if (goFrame != null)
+	{
+		goFrame.location = window.location;
+	}
+}
+
+function isTopicOnly()
+{
+	if (gnTopicOnly == -1)
+	{
+		var oParam = new Object();
+		oParam.oFrame = null;
+		var oMsg = new whMessage(WH_MSG_GETSTARTFRAME, this, 1, oParam);
+		if (SendMessage(oMsg))
+		{
+			goFrame = oParam.oFrame;
+			gnTopicOnly = 0;
+		}
+		else
+			gnTopicOnly = 1;
+	}
+	if (gnTopicOnly == 1)
+		return true;
+	else
+		return false;
+}
+
+function websearch()
+{
+	if (gbNav4)
+	{
+		if (document.ehelpform)
+			document.ehelpform.submit();
+	}
+	else
+	{
+		if (window.ehelpform)
+			window.ehelpform.submit();
+	}
+}
+
+function addSearchFormHref(sHref)
+{
+	gsSearchFormHref = sHref;
+	enableWebSearch(true);
+}
+
+function searchB(nForm)
+{
+	var sValue = eval("document.searchForm" + nForm + ".searchString.value");
+	var oMsg = new whMessage(WH_MSG_SEARCHTHIS, this, 1, sValue);
+	SendMessage(oMsg);
+}
+
+function getSearchFormHTML()
+{
+	var sHTML = "";
+	gnForm ++;
+	var sFormName = "searchForm" + gnForm;
+	var sButton = "<form name=\"" + sFormName + "\" method=\"POST\" action=\"javascript:searchB("+ gnForm + ")\">"
+	sButton += "<input type=\"text\" name=\"searchString\" value=\"- Full Text search -\" size=\"20\"/>";
+	if ("" == "text")
+	{
+		sButton+="<a class=\"searchbtn\" href=\"javascript:void(0);\" onclick=\"" + sFormName + ".submit(); return false;\"></a>";
+	}
+	else if ("" == "image")
+	{
+		sButton+="<a class=\"searchbtn\" href=\"javascript:void(0);\" onclick=\"" + sFormName + ".submit(); return false;\">"
+		sButton+="<img src=\"\" border=0></a>";
+	}
+	sButton += "</form>";
+	sHTML ="<td align=\"center\">" + sButton + "</td>";
+	return sHTML;
+}
+
+function showHidePane(bShow)
+{
+	var oMsg=null;
+	if (bShow)
+		oMsg=new whMessage(WH_MSG_SHOWPANE, this, 1, null);
+	else
+	 	oMsg=new whMessage(WH_MSG_HIDEPANE, this, 1, null);
+	SendMessage(oMsg);
+}
+
+function isShowHideEnable()
+{
+	if (gbIE4)
+		return true;
+	else
+		return false;
+}
+
+if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
+{
+	RegisterListener("bsscright", WH_MSG_GETAVIAVENUES);
+	RegisterListener("bsscright", WH_MSG_GETTOCPATHS);
+	RegisterListener("bsscright", WH_MSG_NEXT);
+	RegisterListener("bsscright", WH_MSG_PREV);
+	RegisterListener("bsscright", WH_MSG_WEBSEARCH);
+	if (gbMac && gbIE4)
+	{
+		if (typeof(window.onunload) != "unknown")
+			whtopic_foldUnload = window.onunload;
+	}
+	else
+	{
+		if (window.onunload)
+			whtopic_foldUnload = window.onunload;
+	}
+	window.onunload = unRegisterListener;
+	setButtonFont("show","","10pt","","","","");
+
+	gbWhTopic=true;
+}
+else
+	document.location.reload();
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whutils.js b/doc/salome/gui/SUPERV/whutils.js
new file mode 100755
index 0000000..7fa6c28
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whutils.js
@@ -0,0 +1,463 @@
+var gsFileName="";
+var xmlDoc=null;
+var sdocPath=null;
+var gsInsertBeforeEndHTML="";
+var sReplaceStringsSrc=new Array();
+sReplaceStringsSrc[0]="&amp;";
+sReplaceStringsSrc[1]="&gt;";
+sReplaceStringsSrc[2]="&lt;";
+sReplaceStringsSrc[3]="&quot;";
+sReplaceStringsSrc[4]="&nbsp;";
+var sReplaceStringsDst=new Array();
+sReplaceStringsDst[0]="&";
+sReplaceStringsDst[1]=">";
+sReplaceStringsDst[2]="<";
+sReplaceStringsDst[3]="\"";
+sReplaceStringsDst[4]=" ";
+var goHighLighted=null;
+
+function _getRelativePath(strParentPath,strCurrentPath)
+{
+	if(_isAbsPath(strCurrentPath)) return _getPath(strCurrentPath);
+	strParentPath=_replaceSlash(strParentPath);
+	strParentPath=_getPath(strParentPath);
+	strCurrentPath=_replaceSlash(strCurrentPath);
+	strCurrentPath=_getPath(strCurrentPath);
+	for(var i=0;i<strParentPath.length&&i<strCurrentPath.length;i++)
+	{
+		if(strParentPath.charAt(i)!=strCurrentPath.charAt(i))
+			break;
+	}
+	
+	strParentPath=strParentPath.substring(i);
+	strCurrentPath=strCurrentPath.substring(i);	
+	
+	var nPathPos=0;
+	while(nPathPos!=-1)
+	{
+		nPathPos=strParentPath.indexOf("/");
+		if(nPathPos!=-1)
+		{
+			strParentPath=strParentPath.substring(nPathPos+1);
+			strCurrentPath="../"+strCurrentPath;
+		}
+	}
+	return strCurrentPath;
+}
+
+function _getRelativeFileName(strParentPath, strCurrentPath)
+{
+	strParentPath=_replaceSlash(strParentPath);
+	strParentPath=_getPath(strParentPath);
+	strCurrentPath=_replaceSlash(strCurrentPath);
+	for(var i=0;i<strParentPath.length&&i<strCurrentPath.length;i++)
+	{
+		if(strParentPath.charAt(i)!=strCurrentPath.charAt(i))
+			break;
+	}
+	
+	strParentPath=strParentPath.substring(i);
+	strCurrentPath=strCurrentPath.substring(i);	
+	
+	var nPathPos=0;
+	while(nPathPos!=-1)
+	{
+		nPathPos=strParentPath.indexOf("/");
+		if(nPathPos!=-1)
+		{
+			strParentPath=strParentPath.substring(nPathPos+1);
+			strCurrentPath="../"+strCurrentPath;
+		}
+	}
+	return strCurrentPath;
+}
+
+function _isAbsPathToHost(sPath)
+{
+	return (sPath.indexOf("/")==0);
+}
+
+function _getHost(sPath)
+{
+	var nPos=sPath.indexOf("//");
+	if(nPos>0)
+	{
+		var nPosx=sPath.indexOf("/",nPos+2);
+		if(nPosx>0)
+			return sPath.substring(0,nPosx);
+		else
+			return sPath;
+	}
+	return sPath;
+}
+
+function _getFullPath(sPath,sRelPath)
+{
+	if(_isAbsPath(sRelPath))
+		return sRelPath;
+	else if(_isAbsPathToHost(sRelPath))
+		return _getHost(sPath)+sRelPath;
+	else
+	{
+		var sFullPath=sPath;
+		var nPathPos=0;
+		while(nPathPos!=-1)
+		{
+			var nPathPos=sRelPath.indexOf("../");
+			if(nPathPos!=-1)
+			{
+				sRelPath=sRelPath.substring(nPathPos+3);
+				sFullPath=sFullPath.substring(0,sFullPath.length-1);
+				var nPos2 = sFullPath.lastIndexOf("/");
+				if(nPos2!=-1)
+					sFullPath=sFullPath.substring(0,nPos2+1);
+				else
+					break;
+			}
+		}
+		sFullPath+=sRelPath;
+		return sFullPath;
+	}	
+}
+
+function _isAbsPath(strPath)
+{
+	var strUpper=strPath.toUpperCase();
+	return (strUpper.indexOf(":")!=-1);
+}
+
+function _replaceSlash(strURL)
+{	
+	var re=new RegExp("\\\\","g");
+	var strReplacedURL=strURL.replace(re,"/");
+	return strReplacedURL;
+}
+
+function _getPath(strURL)
+{
+	pathpos=strURL.lastIndexOf("/");
+	if(pathpos>0)
+		return strURL.substring(0,pathpos+1);
+	else
+		return "";
+}
+
+function removeItemFromArray(oArray,i)
+{
+	if(oArray.length&&i>=0&&i<oArray.length)
+	{
+		var len=oArray.length;
+		for(var s=i;s<len-1;s++)
+			oArray[s]=oArray[s+1];
+		oArray.length=len-1;
+	}
+}
+
+function insertItemIntoArray(oArray,i,obj)
+{
+	if(oArray.length&&i>=0&&i<=oArray.length)
+	{
+		var len=oArray.length;
+		for(var s=len;s>i;s--)
+			oArray[s]=oArray[s-1];
+		oArray[i]=obj;		
+	}
+}
+
+function loadData(sFileName)
+{
+	if(!getElement("dataDiv"))
+	{
+		if(!insertDataDiv())
+		{
+			gsFileName=sFileName;
+			return;
+		}
+	}
+	var sHTML="";
+	if(gbMac)
+		sHTML+="<iframe src="+sFileName+"></iframe>";
+	else
+		sHTML+="<iframe style=\"visibility:hidden;width:0;height:0\" src="+sFileName+"></iframe>";
+	
+	var oDivCon=getElement("dataDiv");
+	if(oDivCon)
+	{
+		if(gbNav6)
+		{
+			if(oDivCon.getElementsByTagName&&oDivCon.getElementsByTagName("iFrame").length>0)
+			{
+				oDivCon.getElementsByTagName("iFrame")[0].src=sFileName;
+			}
+			else
+				oDivCon.innerHTML=sHTML;
+		}
+		else
+			oDivCon.innerHTML=sHTML;
+	}
+}
+
+function loadDataXML(sFileName)
+{
+	var sCurrentDocPath=_getPath(document.location.href);
+	sdocPath=_getFullPath(sCurrentDocPath,sFileName);
+	if(gbIE5)
+	{
+		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
+		xmlDoc.async=true;
+		xmlDoc.onreadystatechange=checkState;
+		if(document.body!=null)
+			xmlDoc.load(sdocPath);
+	}
+	else if(gbNav6)
+	{
+		xmlDoc=document.implementation.createDocument("","",null);
+		xmlDoc.addEventListener("load",initializeData,false);
+		xmlDoc.load(sdocPath,"text/xml");
+	}
+}
+
+function initializeData()
+{
+	if(xmlDoc!=null)
+		putDataXML(xmlDoc,sdocPath);
+}
+
+function checkState()
+{
+	if(xmlDoc!=null)
+	{
+		var state=xmlDoc.readyState;
+		if(state==4)
+		{
+			var err=xmlDoc.parseError;
+			if(err.errorCode!=0)
+				alert(err.reason);
+			else
+				putDataXML(xmlDoc,sdocPath);
+		}
+	}
+}
+
+function insertDataDiv()
+{
+	var sHTML="";
+	if(gbMac)
+		sHTML+="<div id=dataDiv style=\"display:none;\"></div>";
+	else
+		sHTML+="<div id=dataDiv style=\"visibility:hidden\"></div>";
+	if((gbIE5||gbNav6)&&document.body)
+		document.body.insertAdjacentHTML("beforeEnd",sHTML);
+	else
+	{
+		gsInsertBeforeEndHTML=sHTML;
+		setTimeout("insertWhenBodyReady();",100);
+		return false;
+	}
+	return true;
+}
+
+function insertWhenBodyReady()
+{
+	if(gsInsertBeforeEndHTML=="") return;
+	if(document.body)
+	{
+		document.body.insertAdjacentHTML("beforeEnd",gsInsertBeforeEndHTML);
+		gsInsertBeforeEndHTML="";
+		loadData(gsFileName);
+	}
+	else
+	{
+		setTimeout("insertWhenBodyReady();",100);
+	}
+}
+
+function window_BUnload()
+{
+	var oDivCon=getElement("dataDiv");
+	if(oDivCon)
+		oDivCon.innerHTML="";
+}
+
+function removeThis(obj)
+{
+	if(obj.parentNode)
+		obj.parentNode.removeChild(obj);
+	else
+		obj.outerHTML="";
+}
+
+function getParentNode(obj)
+{
+	if(obj.parentNode)
+		return obj.parentNode;
+	else if(obj.parentElement)
+		return obj.parentElement;
+	return null;
+}
+
+function getElement(sID)
+{
+	if(document.getElementById)
+		return document.getElementById(sID);
+	else if(document.all)
+		return document.all(sID);
+	return null;
+}
+
+function getChildrenByTag(obj,sTagName)
+{
+	if(obj.getElementsByTagName)
+	{
+		var aChildren=new Array();
+		var aElements=getElementsByTag(obj,sTagName);
+		if(aElements!=null)
+		{
+			for(var i=0;i<aElements.length;i++)
+			{
+				if(aElements[i].parentNode==obj)
+					aChildren[aChildren.length]=aElements[i];
+			}
+			return aChildren;
+		}
+		else
+			return new Array();
+	}
+	else if(obj.children)
+		return obj.children.tags(sTagName);
+}
+
+function getElementsByTag(obj,sTagName)
+{
+	if(obj.getElementsByTagName)
+		return obj.getElementsByTagName(sTagName);
+	else if(obj.all)
+		return obj.all.tags(sTagName);
+	return null;
+}
+
+function _htmlToText(sHTML)
+{
+	if(sHTML==null) return null;
+	var sText=sHTML;
+	for(var i=0;i<sReplaceStringsSrc.length;i++)
+	{
+		var re=new RegExp(sReplaceStringsSrc[i],"g");
+		sText=sText.replace(re,sReplaceStringsDst[i]);
+	}	
+	return sText;
+}
+
+function _textToHtml_nonbsp(sText)
+{
+	if(sText==null) return null;
+	var sHTML=sText;
+	for(var i=0;i<sReplaceStringsSrc.length-1;i++)
+	{
+		var re=new RegExp(sReplaceStringsDst[i],"g");
+		sHTML=sHTML.replace(re,sReplaceStringsSrc[i]);
+	}	
+	return sHTML;
+}
+
+function _textToHtml(sText)
+{
+	if(sText==null) return null;
+	var sHTML=sText;
+	for(var i=0;i<sReplaceStringsSrc.length;i++)
+	{
+		var re=new RegExp(sReplaceStringsDst[i],"g");
+		sHTML=sHTML.replace(re,sReplaceStringsSrc[i]);
+	}	
+	return sHTML;
+}
+
+
+function getInnerText(obj)
+{
+	var renbsp2sp=new RegExp("\xa0","g");
+	if(obj.innerText)
+	{
+		var sText=obj.innerText;
+		sText=sText.replace(renbsp2sp," ");
+		return sText;
+	}
+	else
+	{
+		if(obj.nodeValue)
+		{
+			var sValue=obj.nodeValue;
+			sValue=sValue.replace(renbsp2sp," ");
+			return sValue;
+		}
+		else
+		{
+			var sText="";
+			var oChild=obj.firstChild;
+			while(oChild!=null)
+			{
+				sText+=getInnerText(oChild);
+				oChild=oChild.nextSibling;
+			}
+			return sText;
+		}
+	}
+		
+}
+
+function HighLightElement(obj,sHighLightColor,sNormalColor)
+{
+	if(obj!=null)
+	{
+		resetHighLight(sNormalColor);
+		obj.style.backgroundColor=sHighLightColor;
+		goHighLighted=obj;
+	}
+}
+
+function resetHighLight(sNormalColor)
+{
+	if(goHighLighted!=null)
+	{
+		goHighLighted.style.backgroundColor=sNormalColor;
+		goHighLighted=null;
+	}
+}
+
+function whFont(sName,sSize,sColor,sStyle,sWeight,sDecoration)
+{
+	this.sName=sName;
+	this.sSize=sSize;
+	this.sColor=sColor;
+	this.sStyle=sStyle;
+	this.sWeight=sWeight;
+	this.sDecoration=sDecoration;
+}
+
+function getFontStyle(oFont)
+{
+	var sStyle="";
+	if(oFont)
+	{
+		sStyle+="font-family:"+oFont.sName+";";
+		if(gbMac)
+		{
+			var nSize=parseInt(oFont.sSize);
+			if(gbIE5)
+				nSize+=2;
+			else
+				nSize+=4;
+			sStyle+="font-size:"+nSize+"pt;";
+		}
+		else
+			sStyle+="font-size:"+oFont.sSize+";";
+			
+		sStyle+="font-style:"+oFont.sStyle+";";
+		sStyle+="font-weight:"+oFont.sWeight+";";
+		sStyle+="text-decoration:"+oFont.sDecoration+";";
+		sStyle+="color:"+oFont.sColor+";";
+	}
+	return sStyle;
+}
+
+var gbWhUtil=true;
\ No newline at end of file
diff --git a/doc/salome/gui/SUPERV/whver.js b/doc/salome/gui/SUPERV/whver.js
new file mode 100755
index 0000000..50a8e40
--- /dev/null
+++ b/doc/salome/gui/SUPERV/whver.js
@@ -0,0 +1,54 @@
+var gbNav6=false;
+var gbNav61=false;
+var gbNav4=false;
+var gbIE4=false;
+var gbIE=false;
+var gbIE5=false;
+var gbIE55=false;
+
+var gAgent=navigator.userAgent.toLowerCase();
+var gbMac=(gAgent.indexOf("mac")!=-1);
+var gbSunOS=(gAgent.indexOf("sunos")!=-1);
+var gbOpera=(gAgent.indexOf("opera")!=-1);
+
+var gVersion=navigator.appVersion.toLowerCase();
+
+var gnVerMajor=parseInt(gVersion);
+var gnVerMinor=parseFloat(gVersion);
+
+gbIE=(navigator.appName.indexOf("Microsoft")!=-1);
+if(gnVerMajor>=4)
+{
+	if(navigator.appName=="Netscape")
+	{
+		gbNav4=true;
+		if(gnVerMajor>=5)
+			gbNav6=true;
+	}
+	gbIE4=(navigator.appName.indexOf("Microsoft")!=-1);
+}
+if(gbNav6)
+{
+	document.gnPageWidth=innerWidth;
+	document.gnPageHeight=innerHeight;
+	var nPos=gAgent.indexOf("netscape");
+	if(nPos!=-1)
+	{
+		var nVersion=parseFloat(gAgent.substring(nPos+10));
+		if(nVersion>=6.1)
+			gbNav61=true;
+	}
+}else if(gbIE4)
+{
+	var nPos=gAgent.indexOf("msie");
+	if(nPos!=-1)
+	{
+		var nVersion=parseFloat(gAgent.substring(nPos+5));
+		if(nVersion>=5)
+			gbIE5=true;
+		if(nVersion>=5.5)
+			gbIE55=true;
+	}
+}
+
+var gbWhVer=true;
\ No newline at end of file