Removing cool-but-useless help feature

I *like* deleting code. :-)

Removing cool-but-useless help feature
I *like* deleting code. :-)
Antonio Terceiro
1 parent fa886513
Showing 5 changed files with 7 additions and 380 deletions Show diff stats
app/views/layouts/application.rhtml
app/views/layouts/wizard.rhtml
public/javascripts/noosfero-show-help.js
public/javascripts/show-mouse-help.js
public/stylesheets/help.css
@@ -43,7 +43,7 @@
     " action_"+ @controller.controller_name() +"_"+ @controller.action_name() +
     ' ' + (logged_in? ? 'logged-in' : 'not-logged-in')
     %>' onload='noosfero_init();'
-    help=<%= _('Pass the mouse over page elements to get help on them. Click the question mark icon on the top-right corner to deactivate this help window.').inspect %> onresize="registerDocumentSize()">
+    onresize="registerDocumentSize()">
     <script type="text/javascript">
       /* Adds a class to "msie" to the body element if a Microsoft browser is
        * detected. This is needed to workaround several of their limitations.
@@ -76,12 +76,7 @@
       <div id="beta-tag"><span>BETA</span></div>
-      <div id="noosfero_bar" help="#noosfero_bar_help">
-        <div id="noosfero_bar_help" style="display:none">
-        <%= _("This is %s's shortcuts bar. Using it you have access to the main features of the environment and you find the information of your interest more quickly.") % @environment.name %>
-        <p/>
-        <%= _("This bar helps you find information following two paths or <strong>dimensions</strong>. First dimension is composed of <em>categories</em>, which you'll find in the colored tabs in the top. Second dimension has <em>content types</em>, and you'll find them in the animated bar on your right.") % @environment.name %>
-        </div>
+      <div id="noosfero_bar">
         <div id="navigation_bar">
           <%= link_to "<span>"+ @environment.name() +"</span>",
@@ -107,9 +102,8 @@
           <%= render :file => 'shared/user_menu' %>
         </div><!-- id='user_box' -->
-        <a href="#" id="btShowHelp" class="icon-help32on help-on icon-help-on"
-           title="<%= _('Turn help on/off') %>"
-           onclick="mouseHelpOnOff(); return false"><span><%= _('Help') %></span></a>
+        <a href="/doc" id="btShowHelp" class="icon-help32on help-on icon-help-on"
+           title="<%= _('Documentation') %>"><span><%= _('Documentation') %></span></a>
       </div><!-- id="noosfero_bar" -->
@@ -136,15 +130,6 @@
       <%= theme_footer %>
     </div><!-- id="footer" -->
-    <div id="helpBox" style="display:none">
-      <div id="helpBoxBody">
-        <div class="helpAvatar"></div>
-        <div id="helpBoxContent"></div>
-      </div>
-    </div>
-    <%= javascript_include_tag 'show-mouse-help' %>
-    <%= javascript_include_tag 'noosfero-show-help' %>
-
     <% if environment.enabled?('warn_obsolete_browser') %>
       <div id="better-browser-promotion" style="display:none">
@@ -23,20 +23,8 @@
     %>
   </head>
   <body class='noosfero' id='wizard'>
-        <div id="wizard-content">
-        <a href="#" id="btShowHelp" class="icon-help32on help-on icon-help-on"
-           title="<%= _('Turn help on/off') %>"
-           onclick="mouseHelpOnOff(); return false"><span><%= _('Help') %></span></a>
-          <%= yield %>
-        </div><!-- id="wizard-content" -->
-    <div id="helpBox" style="display:none">
-      <div id="helpBoxBody">
-        <div class="helpAvatar"></div>
-        <div id="helpBoxContent"></div>
-      </div>
-    </div>
-    <%= javascript_include_tag 'show-mouse-help' %>
-    <%= javascript_include_tag 'noosfero-show-help' %>
-
+    <div id="wizard-content">
+      <%= yield %>
+    </div><!-- id="wizard-content" -->
   </body>
 </html>
@@ -1,41 +0,0 @@
-
-function mouseHelpOnOff() {
-  if ( pageHelp.info.updateBox ) {
-    showMouseHelpOff()
-    $("btShowHelp").className = "icon-help32on help-on icon-help-on";
-  } else {
-    showMouseHelpOn()
-    $("btShowHelp").className = "icon-help32off help-off icon-help-off";
-  }
-  var date = new Date();
-  // open/close help on help button is remembed by one year:
-  date.setTime( date.getTime() + ( 365*24*60*60*1000 ) );
-  var expires = "; expires=" + date.toGMTString();
-  document.cookie = "mouseHelpTurnOn="+ pageHelp.info.updateBox + expires +"; path=/";
-}
-
-function mouseHelpOn() {
-  mouseHelpOnOff();
-  new Effect.Fade( "noticeAboutHelp" );
-}
-
-function mouseHelpOff() {
-  var date = new Date();
-  // cancel help on question box is remembed by 5 days:
-  date.setTime( date.getTime() + ( 5*24*60*60*1000 ) );
-  var expires = "; expires=" + date.toGMTString();
-  document.cookie = "mouseHelpTurnOn=false" + expires +"; path=/";
-  new Effect.Fade( "noticeAboutHelp" );
-}
-
-if ( document.cookie.indexOf("mouseHelpTurnOn=") > -1 ) {
-  if ( document.cookie.indexOf("mouseHelpTurnOn=true") > -1 ) {
-    mouseHelpOnOff();
-  }
-}
-
-/* O Noosfero não deve mais propor o help na entrada
-else {
-  new Effect.Appear( "noticeAboutHelp", {duration:2} );
-}
-*/
@@ -1,249 +0,0 @@
-/*
-** : : : : : :  How to use the Show Help  : : : : : :
-** For each interesting page element you can put the
-** attribute help. The help attribute can be any string
-** text (scaped to not distroy the html) or some html id.
-** The help for each element will be showed automaticaly
-** when the mouse is over that. Yeah... we can turn on
-** this help system calling the function showMouseHelpOn()
-** and turn off calling the function showMouseHelpOff().
-**
-** Examples:
-**
-** <a href="..." help="this is a link">my link</a>
-**
-** <form help="#myLongHelp"> ... </form>
-** <div id="myLongHelp" style="display:none">
-**   This is a <b>loooong</b> help. <p/>
-**   You can put <code>HTML</code> here too!
-** </div>
-**
-** You need to put the style="display:none" on the long
-** help container to it's text do not noise the web page.
-**
-** If the mouse pointed element do not have a help,
-** each one of this parents will be visited to find
-** the help. If no one has a help the help box turn
-** to non visible.
-*/
-
-/*
-** This script can be loaded by the page and it's iFrames,
-** as in the Noofero - community network system. Some of
-** this code will enable the iFrame => parent information.
-*/
-
-/*
-** pageHelp has informations for this page/frame
-** to not conflict with other frames.
-*/
-var pageHelp = {};
-if ( navigator.userAgent.indexOf('MSIE') != -1 ) {
-  pageHelp.isIE = ( navigator.userAgent.indexOf('Opera') == -1 )
-}
-// If i'm in a iFrame, get the iFrame reference:
-if ( window.parent == window ) {
-  pageHelp.myFrame = false;
-} else {
-  var randTit = "iframe"+ Math.random();
-  window.frameHelpId = randTit;
-  var docFrames = window.parent.document.getElementsByTagName("iframe");
-  var f;
-  for ( var i=0; f=docFrames[i]; i++ ) {
-    if ( f.contentWindow && ( f.contentWindow.frameHelpId == randTit ) ) {
-      pageHelp.myFrame = f;
-    }
-  }
-}
-
-/*
-** pageHelp.info is a reference for a cetral help information.
-** All frames will update the information here.
-*/
-if ( !window.parent.pageHelpInfo ) window.parent.pageHelpInfo = {};
-pageHelp.info = window.parent.pageHelpInfo;
-pageHelp.info.incPos = { x:20, y:20 };
-pageHelp.info.myDoc = window.parent.document;
-
-mouseBli = 0;
-function getHelp( ev ) {
-  var helpInfo = pageHelp.info;
-  if ( helpInfo.updateBox ) {
-    if ( window.event ) {
-      ev = window.event;
-      var el = ev.srcElement;
-    } else {
-      var el = ev.target;
-    }
-    var mX = 0;
-  	var mY = 0;
-    if ( ev.pageX || ev.pageY)	{
-      mX = ev.pageX;
-      mY = ev.pageY;
-    }
-    else if (ev.clientX || ev.clientY) {
-      mX = ev.clientX;
-      mY = ev.clientY;
-      if ( pageHelp.isIE ) {
-        mX += helpInfo.myDoc.body.scrollLeft;
-        mY += helpInfo.myDoc.body.scrollTop;
-      }
-    }
-    if ( pageHelp.myFrame ) {
-      var fPos = pageHelp.getPos( pageHelp.myFrame );
-      mX += fPos.x;
-      mY += fPos.y;
-    }
-    var box = helpInfo.helpBox;
-    helpInfo.mX = mX;
-    helpInfo.mY = mY;
-    if ( mX > ( helpInfo.myDoc.body.clientWidth / 1.8 ) ) {
-      movePageHelpToTheLeftMouseSide()
-    } else {
-      movePageHelpToTheRightMouseSide()
-    }
-    if ( ( mY + box.clientHeight + 40 ) >
-         ( helpInfo.myDoc.body.clientHeight + helpInfo.myDoc.body.scrollTop )
-       ) {
-      mY = helpInfo.myDoc.body.clientHeight + helpInfo.myDoc.body.scrollTop
-           - box.clientHeight - 40;
-    }
-    if ( box ) {
-      debug = mouseBli++ +" "+ el.nodeName;
-      while ( el.parentNode.getAttribute && ! el.getAttribute("help") ) { el = el.parentNode }
-      debug += " :: "+ el.nodeName +" "+ el.getAttribute("help");
-      debug += "<br>"+ pageHelp.myFrame.src +" x:"+ mX +" y:"+ mY;
-      var txt = el.getAttribute("help");
-      if ( txt != box.txt ) {
-        if ( txt ) {
-          helpWow(true);
-          box.style.display = "block";
-          if ( txt != "FALSE" ) {
-            var realTxt = txt;
-            if ( /^#.+/.test( txt ) ) {
-              var txtEl = el.ownerDocument.getElementById( txt.replace(/#/,"") );
-              if ( txtEl ) realTxt = txtEl.innerHTML;
-            }
-            box.content.innerHTML = '<p>'+ realTxt +'</p>'+
-                                    '<br style="clear:both" />'+
-                                    '<div class="help-force-clear-ieworkarroundbug"'+
-                                    ' style="height:1px; overflow:hidden"></div>';
-          }
-        } else {
-          box.style.display = "none";
-        }
-      }
-      box.txt = txt;
-      box.style.left = ( mX + helpInfo.incPos.x ) +"px";
-      box.style.top  = ( mY + helpInfo.incPos.y ) +"px";
-    }
-  }
-}
-
-pageHelp.getPos = function (obj) {
-  var x = y = 0;
-  if (obj.offsetParent) {
-    do {
-      x += obj.offsetLeft;
-      y += obj.offsetTop;
-    } while (obj = obj.offsetParent);
-  }
-  return { x:x, y:y };
-}
-
-function movePageHelpToTheLeftMouseSide() {
-  clearTimeout( movePageHelpToTheRightMouseSide.timeout )
-  clearTimeout( movePageHelpToTheLeftMouseSide.timeout )
-  if ( pageHelp.info.incPos.x > -( pageHelp.info.helpBox.clientWidth + 20 ) ) {
-    pageHelp.info.incPos.x -= 10;
-    if ( ( pageHelp.info.mX + pageHelp.info.incPos.x + pageHelp.info.helpBox.clientWidth ) >
-         pageHelp.info.myDoc.body.clientWidth ) {
-      pageHelp.info.incPos.x =
-        pageHelp.info.myDoc.body.clientWidth - pageHelp.info.helpBox.clientWidth - pageHelp.info.mX - 10;
-    }
-    pageHelp.info.helpBox.style.left = ( pageHelp.info.mX + pageHelp.info.incPos.x ) +"px";
-    movePageHelpToTheLeftMouseSide.timeout =
-    setTimeout( "movePageHelpToTheLeftMouseSide()", 20 );
-  }
-}
-
-function movePageHelpToTheRightMouseSide() {
-  clearTimeout( movePageHelpToTheRightMouseSide.timeout )
-  clearTimeout( movePageHelpToTheLeftMouseSide.timeout )
-  if ( pageHelp.info.incPos.x < 20 ) {
-    pageHelp.info.incPos.x += 10;
-    pageHelp.info.helpBox.style.left = ( pageHelp.info.mX + pageHelp.info.incPos.x ) +"px";
-    movePageHelpToTheRightMouseSide.timeout =
-    setTimeout( "movePageHelpToTheRightMouseSide()", 20 );
-  }
-}
-
-if( window.addEventListener ) { // Standard
-  document.body.addEventListener( "mousemove", getHelp, false );
-}
-if( window.attachEvent ) { // IE
-  document.body.attachEvent( "onmousemove", getHelp );
-}
-
-function helpWow( start ) {
-  var bg = pageHelp.info.bg;
-  var box = pageHelp.info.helpBox.style;
-  var change = false;
-  if ( start ) {
-    box.backgroundColor = "rgb("+ bg.r.wow +","+ bg.g.wow +","+ bg.b.wow +")";
-    bg.r.cur = bg.r.wow;
-    bg.g.cur = bg.g.wow;
-    bg.b.cur = bg.b.wow;
-    change = true;
-  } else {
-    for ( c in bg ) {
-      if ( bg[c].cur != bg[c].orig ) {
-        bg[c].cur += bg[c].inc;
-        if ( ( bg[c].inc > 0 ) && ( bg[c].cur > bg[c].orig ) ) bg[c].cur = bg[c].orig
-        if ( ( bg[c].inc < 0 ) && ( bg[c].cur < bg[c].orig ) ) bg[c].cur = bg[c].orig
-        change = true;
-      }
-    }
-  }
-  if ( change ) {
-    box.backgroundColor = "rgb("+ Math.round(bg.r.cur) +","+
-                                  Math.round(bg.g.cur) +","+
-                                  Math.round(bg.b.cur) +")";
-    setTimeout( "helpWow()", 20 )
-  }
-}
-
-function showMouseHelpOn() {
-  pageHelp.info.helpBox = document.getElementById("helpBox");
-  pageHelp.info.helpBox.content = document.getElementById("helpBoxContent");
-  pageHelp.info.helpBox.setAttribute( "help", "FALSE" ); 
-  pageHelp.info.updateBox = true;
-  pageHelp.info.myDoc.body.style.cursor = "help";
-  if ( window.getComputedStyle ) {
-    var bg = window.getComputedStyle( pageHelp.info.helpBox, "" ).backgroundColor;
-  } else {
-    var bg = pageHelp.info.helpBox.currentStyle.backgroundColor;
-  }
-  if ( /^#/.test(bg) ) {
-    var r = parseInt( bg.replace(/^#(..)..../,"$1"), 16 );
-    var g = parseInt( bg.replace(/^#..(..)../,"$1"), 16 );
-    var b = parseInt( bg.replace(/^#....(..)/,"$1"), 16 );
-  } else {
-    bg = bg.replace(/\s/g, "");
-    var r = parseInt( bg.replace(/^rgb\(([0-9]+),[0-9]+,[0-9]+\)/,"$1") );
-    var g = parseInt( bg.replace(/^rgb\([0-9]+,([0-9]+),[0-9]+\)/,"$1") );
-    var b = parseInt( bg.replace(/^rgb\([0-9]+,[0-9]+,([0-9]+)\)/,"$1") );
-  }
-  bg = { r:{orig:r,wow:255}, g:{orig:g,wow:250}, b:{orig:b,wow:100} }
-  for ( c in bg ) {
-    bg[c].inc = ( bg[c].orig -  bg[c].wow ) / 20;
-  }
-  pageHelp.info.bg = bg;
-}
-
-function showMouseHelpOff() {
-  pageHelp.info.helpBox.style.display = "none";
-  pageHelp.info.updateBox = false;
-  pageHelp.info.myDoc.body.style.cursor = "default";
-}
-
@@ -18,59 +18,3 @@
   display: none;
 }
-#helpBox {
-  position: absolute;
-  top: 350px;
-  border: 2px solid #26A;
-  background: #A0B8D0;
-  width: 35%;
-  z-index: 2000;
-}
-
-#helpBoxBody {
-  border: 1px solid #E8F0F8;
-  padding: 0px 5px 0px 10px;
-}
-
-.helpAvatar {
-  float: left;
-  margin: 5px 10px 5px -5px;
-  width: 48px;
-  height: 48px;
-  background: url("../images/help-avatar.gif");
-}
-.msie6 .helpAvatar {
-  margin: 5px 8px 5px -2px;
-}
-
-#helpBoxBody p {
-  margin: 0px;
-  padding: 8px 0px 0px 0px;
-}
-
-.help-force-clear-ieworkarroundbug {
-  margin-top: -2px;
-}
-
-/* * *  Notice About Help Box  * * */
-
-#noticeAboutHelp {
-  position: absolute;
-  top: 200px;
-  left: 50%;
-  width: 400px;
-  max-width: 370px;
-  padding: 10px 15px 0px 15px;
-  margin-left: -200px;
-  border: 2px solid #204A87;
-  background: #729FCF;
-  text-align: justify;
-}
-.msie #noticeAboutHelp {
-  padding: 10px 15px;
-}
-
-#noticeAboutHelp .bts {
-  text-align: center;
-}
-
	@@ -23,20 +23,8 @@		@@ -23,20 +23,8 @@
23	%>	23	%>
24	</head>	24	</head>
25	<body class='noosfero' id='wizard'>	25	<body class='noosfero' id='wizard'>
26	- <div id="wizard-content">
27	- <a href="#" id="btShowHelp" class="icon-help32on help-on icon-help-on"
28	- title="<%= _('Turn help on/off') %>"
29	- onclick="mouseHelpOnOff(); return false"><span><%= _('Help') %></span></a>
30	- <%= yield %>
31	- </div><!-- id="wizard-content" -->
32	- <div id="helpBox" style="display:none">
33	- <div id="helpBoxBody">
34	- <div class="helpAvatar"></div>
35	- <div id="helpBoxContent"></div>
36	- </div>
37	- </div>
38	- <%= javascript_include_tag 'show-mouse-help' %>
39	- <%= javascript_include_tag 'noosfero-show-help' %>
40	-	26	+ <div id="wizard-content">
		27	+ <%= yield %>
		28	+ </div><!-- id="wizard-content" -->
41	</body>	29	</body>
42	</html>	30	</html>
	@@ -1,41 +0,0 @@	@@ -1,41 +0,0 @@
1	-
2	-function mouseHelpOnOff() {
3	- if ( pageHelp.info.updateBox ) {
4	- showMouseHelpOff()
5	- $("btShowHelp").className = "icon-help32on help-on icon-help-on";
6	- } else {
7	- showMouseHelpOn()
8	- $("btShowHelp").className = "icon-help32off help-off icon-help-off";
9	- }
10	- var date = new Date();
11	- // open/close help on help button is remembed by one year:
12	- date.setTime( date.getTime() + ( 3652460601000 ) );
13	- var expires = "; expires=" + date.toGMTString();
14	- document.cookie = "mouseHelpTurnOn="+ pageHelp.info.updateBox + expires +"; path=/";
15	-}
16	-
17	-function mouseHelpOn() {
18	- mouseHelpOnOff();
19	- new Effect.Fade( "noticeAboutHelp" );
20	-}
21	-
22	-function mouseHelpOff() {
23	- var date = new Date();
24	- // cancel help on question box is remembed by 5 days:
25	- date.setTime( date.getTime() + ( 52460601000 ) );
26	- var expires = "; expires=" + date.toGMTString();
27	- document.cookie = "mouseHelpTurnOn=false" + expires +"; path=/";
28	- new Effect.Fade( "noticeAboutHelp" );
29	-}
30	-
31	-if ( document.cookie.indexOf("mouseHelpTurnOn=") > -1 ) {
32	- if ( document.cookie.indexOf("mouseHelpTurnOn=true") > -1 ) {
33	- mouseHelpOnOff();
34	- }
35	-}
36	-
37	-/* O Noosfero não deve mais propor o help na entrada
38	-else {
39	- new Effect.Appear( "noticeAboutHelp", {duration:2} );
40	-}
41	-*/
	@@ -1,249 +0,0 @@	@@ -1,249 +0,0 @@
1	-/*
2	-** : : : : : : How to use the Show Help : : : : : :
3	-** For each interesting page element you can put the
4	-** attribute help. The help attribute can be any string
5	-** text (scaped to not distroy the html) or some html id.
6	-** The help for each element will be showed automaticaly
7	-** when the mouse is over that. Yeah... we can turn on
8	-** this help system calling the function showMouseHelpOn()
9	-** and turn off calling the function showMouseHelpOff().
10	-**
11	-** Examples:
12	-**
13	-** <a href="..." help="this is a link">my link</a>
14	-**
15	-** <form help="#myLongHelp"> ... </form>
16	-** <div id="myLongHelp" style="display:none">
17	-** This is a <b>loooong</b> help. <p/>
18	-** You can put <code>HTML</code> here too!
19	-** </div>
20	-**
21	-** You need to put the style="display:none" on the long
22	-** help container to it's text do not noise the web page.
23	-**
24	-** If the mouse pointed element do not have a help,
25	-** each one of this parents will be visited to find
26	-** the help. If no one has a help the help box turn
27	-** to non visible.
28	-*/
29	-
30	-/*
31	-** This script can be loaded by the page and it's iFrames,
32	-** as in the Noofero - community network system. Some of
33	-** this code will enable the iFrame => parent information.
34	-*/
35	-
36	-/*
37	-** pageHelp has informations for this page/frame
38	-** to not conflict with other frames.
39	-*/
40	-var pageHelp = {};
41	-if ( navigator.userAgent.indexOf('MSIE') != -1 ) {
42	- pageHelp.isIE = ( navigator.userAgent.indexOf('Opera') == -1 )
43	-}
44	-// If i'm in a iFrame, get the iFrame reference:
45	-if ( window.parent == window ) {
46	- pageHelp.myFrame = false;
47	-} else {
48	- var randTit = "iframe"+ Math.random();
49	- window.frameHelpId = randTit;
50	- var docFrames = window.parent.document.getElementsByTagName("iframe");
51	- var f;
52	- for ( var i=0; f=docFrames[i]; i++ ) {
53	- if ( f.contentWindow && ( f.contentWindow.frameHelpId == randTit ) ) {
54	- pageHelp.myFrame = f;
55	- }
56	- }
57	-}
58	-
59	-/*
60	-** pageHelp.info is a reference for a cetral help information.
61	-** All frames will update the information here.
62	-*/
63	-if ( !window.parent.pageHelpInfo ) window.parent.pageHelpInfo = {};
64	-pageHelp.info = window.parent.pageHelpInfo;
65	-pageHelp.info.incPos = { x:20, y:20 };
66	-pageHelp.info.myDoc = window.parent.document;
67	-
68	-mouseBli = 0;
69	-function getHelp( ev ) {
70	- var helpInfo = pageHelp.info;
71	- if ( helpInfo.updateBox ) {
72	- if ( window.event ) {
73	- ev = window.event;
74	- var el = ev.srcElement;
75	- } else {
76	- var el = ev.target;
77	- }
78	- var mX = 0;
79	- var mY = 0;
80	- if ( ev.pageX \|\| ev.pageY) {
81	- mX = ev.pageX;
82	- mY = ev.pageY;
83	- }
84	- else if (ev.clientX \|\| ev.clientY) {
85	- mX = ev.clientX;
86	- mY = ev.clientY;
87	- if ( pageHelp.isIE ) {
88	- mX += helpInfo.myDoc.body.scrollLeft;
89	- mY += helpInfo.myDoc.body.scrollTop;
90	- }
91	- }
92	- if ( pageHelp.myFrame ) {
93	- var fPos = pageHelp.getPos( pageHelp.myFrame );
94	- mX += fPos.x;
95	- mY += fPos.y;
96	- }
97	- var box = helpInfo.helpBox;
98	- helpInfo.mX = mX;
99	- helpInfo.mY = mY;
100	- if ( mX > ( helpInfo.myDoc.body.clientWidth / 1.8 ) ) {
101	- movePageHelpToTheLeftMouseSide()
102	- } else {
103	- movePageHelpToTheRightMouseSide()
104	- }
105	- if ( ( mY + box.clientHeight + 40 ) >
106	- ( helpInfo.myDoc.body.clientHeight + helpInfo.myDoc.body.scrollTop )
107	- ) {
108	- mY = helpInfo.myDoc.body.clientHeight + helpInfo.myDoc.body.scrollTop
109	- - box.clientHeight - 40;
110	- }
111	- if ( box ) {
112	- debug = mouseBli++ +" "+ el.nodeName;
113	- while ( el.parentNode.getAttribute && ! el.getAttribute("help") ) { el = el.parentNode }
114	- debug += " :: "+ el.nodeName +" "+ el.getAttribute("help");
115	- debug += "<br>"+ pageHelp.myFrame.src +" x:"+ mX +" y:"+ mY;
116	- var txt = el.getAttribute("help");
117	- if ( txt != box.txt ) {
118	- if ( txt ) {
119	- helpWow(true);
120	- box.style.display = "block";
121	- if ( txt != "FALSE" ) {
122	- var realTxt = txt;
123	- if ( /^#.+/.test( txt ) ) {
124	- var txtEl = el.ownerDocument.getElementById( txt.replace(/#/,"") );
125	- if ( txtEl ) realTxt = txtEl.innerHTML;
126	- }
127	- box.content.innerHTML = '<p>'+ realTxt +'</p>'+
128	- '<br style="clear:both" />'+
129	- '<div class="help-force-clear-ieworkarroundbug"'+
130	- ' style="height:1px; overflow:hidden"></div>';
131	- }
132	- } else {
133	- box.style.display = "none";
134	- }
135	- }
136	- box.txt = txt;
137	- box.style.left = ( mX + helpInfo.incPos.x ) +"px";
138	- box.style.top = ( mY + helpInfo.incPos.y ) +"px";
139	- }
140	- }
141	-}
142	-
143	-pageHelp.getPos = function (obj) {
144	- var x = y = 0;
145	- if (obj.offsetParent) {
146	- do {
147	- x += obj.offsetLeft;
148	- y += obj.offsetTop;
149	- } while (obj = obj.offsetParent);
150	- }
151	- return { x:x, y:y };
152	-}
153	-
154	-function movePageHelpToTheLeftMouseSide() {
155	- clearTimeout( movePageHelpToTheRightMouseSide.timeout )
156	- clearTimeout( movePageHelpToTheLeftMouseSide.timeout )
157	- if ( pageHelp.info.incPos.x > -( pageHelp.info.helpBox.clientWidth + 20 ) ) {
158	- pageHelp.info.incPos.x -= 10;
159	- if ( ( pageHelp.info.mX + pageHelp.info.incPos.x + pageHelp.info.helpBox.clientWidth ) >
160	- pageHelp.info.myDoc.body.clientWidth ) {
161	- pageHelp.info.incPos.x =
162	- pageHelp.info.myDoc.body.clientWidth - pageHelp.info.helpBox.clientWidth - pageHelp.info.mX - 10;
163	- }
164	- pageHelp.info.helpBox.style.left = ( pageHelp.info.mX + pageHelp.info.incPos.x ) +"px";
165	- movePageHelpToTheLeftMouseSide.timeout =
166	- setTimeout( "movePageHelpToTheLeftMouseSide()", 20 );
167	- }
168	-}
169	-
170	-function movePageHelpToTheRightMouseSide() {
171	- clearTimeout( movePageHelpToTheRightMouseSide.timeout )
172	- clearTimeout( movePageHelpToTheLeftMouseSide.timeout )
173	- if ( pageHelp.info.incPos.x < 20 ) {
174	- pageHelp.info.incPos.x += 10;
175	- pageHelp.info.helpBox.style.left = ( pageHelp.info.mX + pageHelp.info.incPos.x ) +"px";
176	- movePageHelpToTheRightMouseSide.timeout =
177	- setTimeout( "movePageHelpToTheRightMouseSide()", 20 );
178	- }
179	-}
180	-
181	-if( window.addEventListener ) { // Standard
182	- document.body.addEventListener( "mousemove", getHelp, false );
183	-}
184	-if( window.attachEvent ) { // IE
185	- document.body.attachEvent( "onmousemove", getHelp );
186	-}
187	-
188	-function helpWow( start ) {
189	- var bg = pageHelp.info.bg;
190	- var box = pageHelp.info.helpBox.style;
191	- var change = false;
192	- if ( start ) {
193	- box.backgroundColor = "rgb("+ bg.r.wow +","+ bg.g.wow +","+ bg.b.wow +")";
194	- bg.r.cur = bg.r.wow;
195	- bg.g.cur = bg.g.wow;
196	- bg.b.cur = bg.b.wow;
197	- change = true;
198	- } else {
199	- for ( c in bg ) {
200	- if ( bg[c].cur != bg[c].orig ) {
201	- bg[c].cur += bg[c].inc;
202	- if ( ( bg[c].inc > 0 ) && ( bg[c].cur > bg[c].orig ) ) bg[c].cur = bg[c].orig
203	- if ( ( bg[c].inc < 0 ) && ( bg[c].cur < bg[c].orig ) ) bg[c].cur = bg[c].orig
204	- change = true;
205	- }
206	- }
207	- }
208	- if ( change ) {
209	- box.backgroundColor = "rgb("+ Math.round(bg.r.cur) +","+
210	- Math.round(bg.g.cur) +","+
211	- Math.round(bg.b.cur) +")";
212	- setTimeout( "helpWow()", 20 )
213	- }
214	-}
215	-
216	-function showMouseHelpOn() {
217	- pageHelp.info.helpBox = document.getElementById("helpBox");
218	- pageHelp.info.helpBox.content = document.getElementById("helpBoxContent");
219	- pageHelp.info.helpBox.setAttribute( "help", "FALSE" );
220	- pageHelp.info.updateBox = true;
221	- pageHelp.info.myDoc.body.style.cursor = "help";
222	- if ( window.getComputedStyle ) {
223	- var bg = window.getComputedStyle( pageHelp.info.helpBox, "" ).backgroundColor;
224	- } else {
225	- var bg = pageHelp.info.helpBox.currentStyle.backgroundColor;
226	- }
227	- if ( /^#/.test(bg) ) {
228	- var r = parseInt( bg.replace(/^#(..)..../,"$1"), 16 );
229	- var g = parseInt( bg.replace(/^#..(..)../,"$1"), 16 );
230	- var b = parseInt( bg.replace(/^#....(..)/,"$1"), 16 );
231	- } else {
232	- bg = bg.replace(/\s/g, "");
233	- var r = parseInt( bg.replace(/^rgb\(([0-9]+),[0-9]+,[0-9]+\)/,"$1") );
234	- var g = parseInt( bg.replace(/^rgb\([0-9]+,([0-9]+),[0-9]+\)/,"$1") );
235	- var b = parseInt( bg.replace(/^rgb\([0-9]+,[0-9]+,([0-9]+)\)/,"$1") );
236	- }
237	- bg = { r:{orig:r,wow:255}, g:{orig:g,wow:250}, b:{orig:b,wow:100} }
238	- for ( c in bg ) {
239	- bg[c].inc = ( bg[c].orig - bg[c].wow ) / 20;
240	- }
241	- pageHelp.info.bg = bg;
242	-}
243	-
244	-function showMouseHelpOff() {
245	- pageHelp.info.helpBox.style.display = "none";
246	- pageHelp.info.updateBox = false;
247	- pageHelp.info.myDoc.body.style.cursor = "default";
248	-}
249	-
	@@ -18,59 +18,3 @@		@@ -18,59 +18,3 @@
18	display: none;	18	display: none;
19	}	19	}
20		20
21	-#helpBox {
22	- position: absolute;
23	- top: 350px;
24	- border: 2px solid #26A;
25	- background: #A0B8D0;
26	- width: 35%;
27	- z-index: 2000;
28	-}
29	-
30	-#helpBoxBody {
31	- border: 1px solid #E8F0F8;
32	- padding: 0px 5px 0px 10px;
33	-}
34	-
35	-.helpAvatar {
36	- float: left;
37	- margin: 5px 10px 5px -5px;
38	- width: 48px;
39	- height: 48px;
40	- background: url("../images/help-avatar.gif");
41	-}
42	-.msie6 .helpAvatar {
43	- margin: 5px 8px 5px -2px;
44	-}
45	-
46	-#helpBoxBody p {
47	- margin: 0px;
48	- padding: 8px 0px 0px 0px;
49	-}
50	-
51	-.help-force-clear-ieworkarroundbug {
52	- margin-top: -2px;
53	-}
54	-
55	-/* * * Notice About Help Box * * */
56	-
57	-#noticeAboutHelp {
58	- position: absolute;
59	- top: 200px;
60	- left: 50%;
61	- width: 400px;
62	- max-width: 370px;
63	- padding: 10px 15px 0px 15px;
64	- margin-left: -200px;
65	- border: 2px solid #204A87;
66	- background: #729FCF;
67	- text-align: justify;
68	-}
69	-.msie #noticeAboutHelp {
70	- padding: 10px 15px;
71	-}
72	-
73	-#noticeAboutHelp .bts {
74	- text-align: center;
75	-}
76	-