fix empty directory bug
[openemr.git] / CategoryTreeMenu.js
blobfda7a1d307b4afb3f740c975e11dd3cabc5b24fd
1 // +-----------------------------------------------------------------------+
2 // | Copyright (c) 2002-2003, Richard Heyes, Harald Radi                        |
3 // | All rights reserved.                                                  |
4 // |                                                                       |
5 // | Redistribution and use in source and binary forms, with or without    |
6 // | modification, are permitted provided that the following conditions    |
7 // | are met:                                                              |
8 // |                                                                       |
9 // | o Redistributions of source code must retain the above copyright      |
10 // |   notice, this list of conditions and the following disclaimer.       |
11 // | o Redistributions in binary form must reproduce the above copyright   |
12 // |   notice, this list of conditions and the following disclaimer in the |
13 // |   documentation and/or other materials provided with the distribution.|
14 // | o The names of the authors may not be used to endorse or promote      |
15 // |   products derived from this software without specific prior written  |
16 // |   permission.                                                         |
17 // |                                                                       |
18 // | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS   |
19 // | "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT     |
20 // | LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
21 // | A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT  |
22 // | OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
23 // | SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT      |
24 // | LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
25 // | DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
26 // | THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT   |
27 // | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
28 // | OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.  |
29 // |                                                                       |
30 // +-----------------------------------------------------------------------+
31 // | Author: Richard Heyes <richard@phpguru.org>                           |
32 // |         Harald Radi <harald.radi@nme.at>                              |
33 // +-----------------------------------------------------------------------+
35 // $Id$
37 /**
38 * Function to create copies of objects which are
39 * normally passed around by references (Arrays for example)
41 function arrayCopy(input)
43         var output = new Array(input.length);
45         for (i in input) {
46                 if (typeof(input[i]) == 'array') {
47                         output[i] = arrayCopy(input[i]);
48                 } else {
49                         output[i] = input[i];
50                 }
51         }
53         return output;
56 /**
57 * TreeMenu class
59         function TreeMenu(iconpath, myname, linkTarget, defaultClass, usePersistence, noTopLevelImages)
60         {
61                 // Properties
62                 this.iconpath         = iconpath;
63                 this.myname           = myname;
64                 this.linkTarget       = linkTarget;
65                 this.defaultClass     = defaultClass;
66                 this.usePersistence   = usePersistence;
67                 this.noTopLevelImages = noTopLevelImages;
68                 this.n                = new Array();
69                 this.output           = '';
71                 this.nodeRefs       = new Array();
72                 this.branches       = new Array();
73                 this.branchStatus   = new Array();
74                 this.layerRelations = new Array();
75                 this.childParents   = new Array();
76                 this.cookieStatuses = new Array();
78                 this.preloadImages();
79         }
81 /**
82 * Adds a node to the tree
84         TreeMenu.prototype.addItem = function (newNode)
85         {
86                 newIndex = this.n.length;
87                 this.n[newIndex] = newNode;
88                 
89                 return this.n[newIndex];
90         }
92 /**
93 * Preload images hack for Mozilla
95         TreeMenu.prototype.preloadImages = function ()
96         {
97                 var plustop    = new Image; plustop.src    = this.iconpath + '/plustop.gif';
98                 var plusbottom = new Image; plusbottom.src = this.iconpath + '/plusbottom.gif';
99                 var plus       = new Image; plus.src       = this.iconpath + '/plus.gif';
100         
101                 var minustop    = new Image; minustop.src    = this.iconpath + '/minustop.gif';
102                 var minusbottom = new Image; minusbottom.src = this.iconpath + '/minusbottom.gif';
103                 var minus       = new Image; minus.src       = this.iconpath + '/minus.gif';
104         
105                 var branchtop    = new Image; branchtop.src    = this.iconpath + '/branchtop.gif';
106                 var branchbottom = new Image; branchbottom.src = this.iconpath + '/branchbottom.gif';
107                 var branch       = new Image; branch.src       = this.iconpath + '/branch.gif';
108         
109                 var linebottom = new Image; linebottom.src = this.iconpath + '/linebottom.gif';
110                 var line       = new Image; line.src       = this.iconpath + '/line.gif';
111         }
114 * Main function that draws the menu and assigns it
115 * to the layer (or document.write()s it)
117         TreeMenu.prototype.drawMenu = function ()// OPTIONAL ARGS: nodes = [], level = [], prepend = '', expanded = false, visbility = 'inline', parentLayerID = null
118         {
119                 /**
120             * Necessary variables
121             */
122                 var output        = '';
123                 var modifier      = '';
124                 var layerID       = '';
125                 var parentLayerID = '';
126         
127                 /**
128             * Parse any optional arguments
129             */
130                 var nodes         = arguments[0] ? arguments[0] : this.n
131                 var level         = arguments[1] ? arguments[1] : [];
132                 var prepend       = arguments[2] ? arguments[2] : '';
133                 var expanded      = arguments[3] ? arguments[3] : false;
134                 var visibility    = arguments[4] ? arguments[4] : 'inline';
135                 var parentLayerID = arguments[5] ? arguments[5] : null;
137                 var currentlevel  = level.length;
139                 for (var i=0; i<nodes.length; i++) {
140                 
141                         level[currentlevel] = i+1;
142                         layerID = this.myname + '_' + 'node_' + this.implode('_', level);
144                         /**
145             * Store this object in the nodeRefs array
146             */
147                         this.nodeRefs[layerID] = nodes[i];
149                         /**
150                 * Store the child/parent relationship
151                 */
152                         this.childParents[layerID] = parentLayerID;
153         
154                         /**
155                 * Gif modifier
156                 */
157                         if (i == 0 && parentLayerID == null) {
158                                 modifier = nodes.length > 1 ? "top" : 'single';
159                         } else if(i == (nodes.length-1)) {
160                                 modifier = "bottom";
161                         } else {
162                                 modifier = "";
163                         }
164         
165                         /**
166                 * Single root branch is always expanded
167                 */
168                         if (!this.doesMenu() || (parentLayerID == null && (nodes.length == 1 || this.noTopLevelImages))) {
169                                 expanded = true;
170         
171                         } else if (nodes[i].expanded) {
172                                 expanded = true;
173         
174                         } else {
175                                 expanded = false;
176                         }
177         
178                         /**
179                 * Make sure visibility is correct based on parent status
180                 */
181                         visibility =  this.checkParentVisibility(layerID) ? visibility : 'none';
183                         /**
184                 * Setup branch status and build an indexed array
185                         * of branch layer ids
186                 */
187                         if (nodes[i].n.length > 0) {
188                                 this.branchStatus[layerID] = expanded;
189                                 this.branches[this.branches.length] = layerID;
190                         }
191         
192                         /**
193                 * Setup toggle relationship
194                 */
195                         if (!this.layerRelations[parentLayerID]) {
196                                 this.layerRelations[parentLayerID] = new Array();
197                         }
198                         this.layerRelations[parentLayerID][this.layerRelations[parentLayerID].length] = layerID;
199         
200                         /**
201                 * Branch images
202                 */
203                         var gifname  = nodes[i].n.length && this.doesMenu() && nodes[i].isDynamic ? (expanded ? 'minus' : 'plus') : 'branch';
204                         var iconName = expanded && nodes[i].expandedIcon ? nodes[i].expandedIcon : nodes[i].icon;
205                         var iconimg  = nodes[i].icon ? this.stringFormat('<img src="{0}/{1}" width="20" height="20" align="top" id="icon_{2}">', this.iconpath, iconName, layerID) : '';
206                         
207                         /**
208                         * Add event handlers
209                         */
210                         var eventHandlers = "";
211                         for (j in nodes[i].events) {
212                                 eventHandlers += this.stringFormat('{0}="{1}" ', j, nodes[i].events[j]);
213                         }
215                         /**
216                 * Build the html to write to the document
217                         * IMPORTANT:
218                         * document.write()ing the string: '<div style="display:...' will screw up nn4.x
219                 */
220                         var layerTag  = this.doesMenu() ? this.stringFormat('<div id="{0}" style="display: {1}" class="{2}">', layerID, visibility, (nodes[i].cssClass ? nodes[i].cssClass : this.defaultClass)) : this.stringFormat('<div class="{0}">', nodes[i].cssClass ? nodes[i].cssClass : this.defaultClass);
221                         var onMDown   = this.doesMenu() && nodes[i].n.length  && nodes[i].isDynamic ? this.stringFormat('onmousedown="{0}.toggleBranch(\'{1}\', true)" style="cursor: pointer; cursor: hand"', this.myname, layerID) : '';
222                         var imgTag    = this.stringFormat('<img src="{0}/{1}{2}.gif" width="20" height="20" align="top" border="0" name="img_{3}" {4}>', this.iconpath, gifname, modifier, layerID, onMDown);
223                         var linkTarget= nodes[i].linkTarget ? nodes[i].linkTarget : this.linkTarget;
224                         var linkStart = nodes[i].link ? this.stringFormat('<a href="{0}" target="{1}">', nodes[i].link, linkTarget) : '';
225                         
226                         var delLink       = nodes[i].link.replace('add_node','delete_node');
227                         var linkEnd   = nodes[i].link ? '</a> <a href="' + delLink  + 'process=1">D</a>' : '';
229                         this.output += this.stringFormat('{0}<nobr>{1}{2}{3}{4}<span {5}>{6}</span>{7}</nobr><br></div>',
230                                           layerTag,
231                                                           prepend,
232                                           parentLayerID == null && (nodes.length == 1 || this.noTopLevelImages) ? '' : imgTag,
233                                                           iconimg,
234                                                           linkStart,
235                                                           eventHandlers,
236                                                           nodes[i].title,
237                                                           linkEnd);
239                         /**
240                 * Traverse sub nodes ?
241                 */
242                         if (nodes[i].n.length) {
243                                 /**
244                     * Determine what to prepend. If there is only one root
245                                 * node then the prepend to pass to children is nothing.
246                                 * Otherwise it depends on where we are in the tree.
247                     */
248                                 if (parentLayerID == null && (nodes.length == 1 || this.noTopLevelImages)) {
249                                         var newPrepend = '';
250         
251                                 } else if (i < (nodes.length - 1)) {
252                                         var newPrepend = prepend + this.stringFormat('<img src="{0}/line.gif" width="20" height="20" align="top">', this.iconpath);
253         
254                                 } else {
255                                         var newPrepend = prepend + this.stringFormat('<img src="{0}/linebottom.gif" width="20" height="20" align="top">', this.iconpath);
256                                 }
258                                 this.drawMenu(nodes[i].n,
259                                               arrayCopy(level),
260                                               newPrepend,
261                                               nodes[i].expanded,
262                                               expanded ? 'inline' : 'none',
263                                               layerID);
264                         }
265                 }
266         }
269 * Writes the output generated by drawMenu() to the page
271         TreeMenu.prototype.writeOutput = function ()
272         {
273                 document.write(this.output);
274         }
277 * Toggles a branches visible status. Called from resetBranches()
278 * and also when a +/- graphic is clicked.
280         TreeMenu.prototype.toggleBranch = function (layerID, updateStatus) // OPTIONAL ARGS: fireEvents = true
281         {
282                 var currentDisplay = this.getLayer(layerID).style.display;
283                 var newDisplay     = (this.branchStatus[layerID] && currentDisplay == 'inline') ? 'none' : 'inline';
284                 var fireEvents     = arguments[2] != null ? arguments[2] : true;
286                 for (var i=0; i<this.layerRelations[layerID].length; i++) {
288                         if (this.branchStatus[this.layerRelations[layerID][i]]) {
289                                 this.toggleBranch(this.layerRelations[layerID][i], false);
290                         }
291         
292                         this.getLayer(this.layerRelations[layerID][i]).style.display = newDisplay;
293                 }
294         
295                 if (updateStatus) {
296                         this.branchStatus[layerID] = !this.branchStatus[layerID];
297         
298                         /**
299                 * Persistence
300                 */
301                         if (this.doesPersistence() && !arguments[2] && this.usePersistence) {
302                                 this.setExpandedStatusForCookie(layerID, this.branchStatus[layerID]);
303                         }
305                         /**
306                         * Fire custom events
307                         */
308                         if (fireEvents) {
309                                 nodeObject = this.nodeRefs[layerID];
310         
311                                 if (nodeObject.ontoggle != null) {
312                                         eval(nodeObject.ontoggle);
313                                 }
314                                 
315                                 if (newDisplay == 'none' && nodeObject.oncollapse != null) {
316                                         eval(nodeObject.oncollapse);
317                                 } else if (newDisplay == 'inline' && nodeObject.onexpand != null){
318                                         eval(nodeObject.onexpand);
319                                 }
320                         }
322                         // Swap image
323                         this.swapImage(layerID);
324                 }
326                 // Swap icon
327                 this.swapIcon(layerID);
328         }
331 * Swaps the plus/minus branch images
333         TreeMenu.prototype.swapImage = function (layerID)
334         {
335                 var imgSrc = document.images['img_' + layerID].src;
336         
337                 var re = /^(.*)(plus|minus)(bottom|top|single)?.gif$/
338                 if (matches = imgSrc.match(re)) {
339         
340                         document.images['img_' + layerID].src = this.stringFormat('{0}{1}{2}{3}',
341                                                                         matches[1],
342                                                                                                                         matches[2] == 'plus' ? 'minus' : 'plus',
343                                                                                                                         matches[3] ? matches[3] : '',
344                                                                                                                         '.gif');
345                 }
346         }
349 * Swaps the icon for the expanded icon if one
350 * has been supplied.
352         TreeMenu.prototype.swapIcon = function (layerID)
353         {
354                 if (document.images['icon_' + layerID]) {
355                         var imgSrc = document.images['icon_' + layerID].src;
356         
357                         if (this.nodeRefs[layerID].icon && this.nodeRefs[layerID].expandedIcon) {
358                                 var newSrc = (imgSrc.indexOf(this.nodeRefs[layerID].expandedIcon) == -1 ? this.nodeRefs[layerID].expandedIcon : this.nodeRefs[layerID].icon);
359         
360                                 document.images['icon_' + layerID].src = this.iconpath + '/' + newSrc;
361                         }
362                 }
363         }
366 * Can the browser handle the dynamic menu?
368         TreeMenu.prototype.doesMenu = function ()
369         {
370                 return (is_ie4up || is_nav6up || is_gecko || is_opera7);
371         }
374 * Can the browser handle save the branch status
376         TreeMenu.prototype.doesPersistence = function ()
377         {
378                 return (is_ie4up || is_gecko || is_nav6up || is_opera7);
379         }
382 * Returns the appropriate layer accessor
384         TreeMenu.prototype.getLayer = function (layerID)
385         {
386                 if (is_ie4) {
387                         return document.all(layerID);
388         
389                 } else if (document.getElementById(layerID)) {
390                         return document.getElementById(layerID);
391         
392                 } else if (document.all(layerID)) {
393                         return document.all(layerID);
394                 }
395         }
398 * Save the status of the layer
400         TreeMenu.prototype.setExpandedStatusForCookie = function (layerID, expanded)
401         {
402                 this.cookieStatuses[layerID] = expanded;
403                 this.saveCookie();
404         }
407 * Load the status of the layer
409         TreeMenu.prototype.getExpandedStatusFromCookie = function (layerID)
410         {
411                 if (this.cookieStatuses[layerID]) {
412                         return this.cookieStatuses[layerID];
413                 }
415                 return false;
416         }
419 * Saves the cookie that holds which branches are expanded.
420 * Only saves the details of the branches which are expanded.
422         TreeMenu.prototype.saveCookie = function ()
423         {
424                 var cookieString = new Array();
426                 for (var i in this.cookieStatuses) {
427                         if (this.cookieStatuses[i] == true) {
428                                 cookieString[cookieString.length] = i;
429                         }
430                 }
431                 
432                 document.cookie = 'TreeMenuBranchStatus=' + cookieString.join(':');
433         }
436 * Reads cookie parses it for status info and
437 * stores that info in the class member.
439         TreeMenu.prototype.loadCookie = function ()
440         {
441                 var cookie = document.cookie.split('; ');
443                 for (var i=0; i < cookie.length; i++) {
444                         var crumb = cookie[i].split('=');
445                         if ('TreeMenuBranchStatus' == crumb[0] && crumb[1]) {
446                                 var expandedBranches = crumb[1].split(':');
447                                 for (var j=0; j<expandedBranches.length; j++) {
448                                         this.cookieStatuses[expandedBranches[j]] = true;
449                                 }
450                         }
451                 }
452         }
455 * Reset branch status
457         TreeMenu.prototype.resetBranches = function ()
458         {
459                 if (!this.doesPersistence()) {
460                         return false;
461                 }
462                 
463                 this.loadCookie();
465                 for (var i=0; i<this.branches.length; i++) {
466                         var status = this.getExpandedStatusFromCookie(this.branches[i]);
467                         // Only update if it's supposed to be expanded and it's not already
468                         if (status == true && this.branchStatus[this.branches[i]] != true) {
469                                 if (this.checkParentVisibility(this.branches[i])) {
470                                         this.toggleBranch(this.branches[i], true, false);
471                                 } else {
472                                         this.branchStatus[this.branches[i]] = true;
473                                         this.swapImage(this.branches[i]);
474                                 }
475                         }
476                 }
477         }
480 * Checks whether a branch should be open
481 * or not based on its parents' status
483         TreeMenu.prototype.checkParentVisibility = function (layerID)
484         {
485                 if (this.in_array(this.childParents[layerID], this.branches)
486                     && this.branchStatus[this.childParents[layerID]]
487                         && this.checkParentVisibility(this.childParents[layerID]) ) {
488                         
489                         return true;
490         
491                 } else if (this.childParents[layerID] == null) {
492                         return true;
493                 }
494                 
495                 return false;
496         }
499 * New C# style string formatter
501         TreeMenu.prototype.stringFormat = function (strInput)
502         {
503                 var idx = 0;
504         
505                 for (var i=1; i<arguments.length; i++) {
506                         while ((idx = strInput.indexOf('{' + (i - 1) + '}', idx)) != -1) {
507                                 strInput = strInput.substring(0, idx) + arguments[i] + strInput.substr(idx + 3);
508                         }
509                 }
510                 
511                 return strInput;
512         }
515 * Also much adored, the PHP implode() function
517         TreeMenu.prototype.implode = function (seperator, input)
518         {
519                 var output = '';
520         
521                 for (var i=0; i<input.length; i++) {
522                         if (i == 0) {
523                                 output += input[i];
524                         } else {
525                                 output += seperator + input[i];
526                         }
527                 }
528                 
529                 return output;
530         }
533 * Aah, all the old favourites are coming out...
535         TreeMenu.prototype.in_array = function (item, arr)
536         {
537                 for (var i=0; i<arr.length; i++) {
538                         if (arr[i] == item) {
539                                 return true;
540                         }
541                 }
542         
543                 return false;
544         }
547 * TreeNode Class
549         function TreeNode(title, icon, link, expanded, isDynamic, cssClass, linkTarget, expandedIcon)
550         {
551                 this.title        = title;
552                 this.icon         = icon;
553                 this.expandedIcon = expandedIcon;
554                 this.link         = link;
555                 this.expanded     = expanded;
556                 this.isDynamic    = isDynamic;
557                 this.cssClass     = cssClass;
558                 this.linkTarget   = linkTarget;
559                 this.n            = new Array();
560                 this.events       = new Array();
561                 this.handlers     = null;
562                 this.oncollapse   = null;
563                 this.onexpand     = null;
564                 this.ontoggle     = null;
565         }
568 * Adds a node to an already existing node
570         TreeNode.prototype.addItem = function (newNode)
571         {
572                 newIndex = this.n.length;
573                 this.n[newIndex] = newNode;
574                 
575                 return this.n[newIndex];
576         }
579 * Sets an event for this particular node
581         TreeNode.prototype.setEvent = function (eventName, eventHandler)
582         {
583                 switch (eventName.toLowerCase()) {
584                         case 'onexpand':
585                                 this.onexpand = eventHandler;
586                                 break;
588                         case 'oncollapse':
589                                 this.oncollapse = eventHandler;
590                                 break;
592                         case 'ontoggle':
593                                 this.ontoggle = eventHandler;
594                                 break;
596                         default:
597                                 this.events[eventName] = eventHandler;
598                 }
599         }
602 * That's the end of the tree classes. What follows is
603 * the browser detection code.
605         
607 //<!--
608 // Ultimate client-side JavaScript client sniff. Version 3.03
609 // (C) Netscape Communications 1999-2001.  Permission granted to reuse and distribute.
610 // Revised 17 May 99 to add is_nav5up and is_ie5up (see below).
611 // Revised 20 Dec 00 to add is_gecko and change is_nav5up to is_nav6up
612 //                      also added support for IE5.5 Opera4&5 HotJava3 AOLTV
613 // Revised 22 Feb 01 to correct Javascript Detection for IE 5.x, Opera 4,
614 //                      correct Opera 5 detection
615 //                      add support for winME and win2k
616 //                      synch with browser-type-oo.js
617 // Revised 26 Mar 01 to correct Opera detection
618 // Revised 02 Oct 01 to add IE6 detection
620 // Everything you always wanted to know about your JavaScript client
621 // but were afraid to ask. Creates "is_" variables indicating:
622 // (1) browser vendor:
623 //     is_nav, is_ie, is_opera, is_hotjava, is_webtv, is_TVNavigator, is_AOLTV
624 // (2) browser version number:
625 //     is_major (integer indicating major version number: 2, 3, 4 ...)
626 //     is_minor (float   indicating full  version number: 2.02, 3.01, 4.04 ...)
627 // (3) browser vendor AND major version number
628 //     is_nav2, is_nav3, is_nav4, is_nav4up, is_nav6, is_nav6up, is_gecko, is_ie3,
629 //     is_ie4, is_ie4up, is_ie5, is_ie5up, is_ie5_5, is_ie5_5up, is_ie6, is_ie6up, is_hotjava3, is_hotjava3up,
630 //     is_opera2, is_opera3, is_opera4, is_opera5, is_opera5up
631 // (4) JavaScript version number:
632 //     is_js (float indicating full JavaScript version number: 1, 1.1, 1.2 ...)
633 // (5) OS platform and version:
634 //     is_win, is_win16, is_win32, is_win31, is_win95, is_winnt, is_win98, is_winme, is_win2k
635 //     is_os2
636 //     is_mac, is_mac68k, is_macppc
637 //     is_unix
638 //     is_sun, is_sun4, is_sun5, is_suni86
639 //     is_irix, is_irix5, is_irix6
640 //     is_hpux, is_hpux9, is_hpux10
641 //     is_aix, is_aix1, is_aix2, is_aix3, is_aix4
642 //     is_linux, is_sco, is_unixware, is_mpras, is_reliant
643 //     is_dec, is_sinix, is_freebsd, is_bsd
644 //     is_vms
646 // See http://www.it97.de/JavaScript/JS_tutorial/bstat/navobj.html and
647 // http://www.it97.de/JavaScript/JS_tutorial/bstat/Browseraol.html
648 // for detailed lists of userAgent strings.
650 // Note: you don't want your Nav4 or IE4 code to "turn off" or
651 // stop working when new versions of browsers are released, so
652 // in conditional code forks, use is_ie5up ("IE 5.0 or greater")
653 // is_opera5up ("Opera 5.0 or greater") instead of is_ie5 or is_opera5
654 // to check version in code which you want to work on future
655 // versions.
658 * Severly curtailed all this as only certain elements
659 * are required by TreeMenu, specifically:
660 *  o is_ie4up
661 *  o is_nav6up
662 *  o is_gecko
665     // convert all characters to lowercase to simplify testing
666     var agt=navigator.userAgent.toLowerCase();
668     // *** BROWSER VERSION ***
669     // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
670     var is_major = parseInt(navigator.appVersion);
671     var is_minor = parseFloat(navigator.appVersion);
673     // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
674     // If you want to allow spoofing, take out the tests for opera and webtv.
675     var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
676                 && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
677                 && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
678     var is_nav6up = (is_nav && (is_major >= 5));
679     var is_gecko = (agt.indexOf('gecko') != -1);
682     var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
683     var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
684     var is_ie4up  = (is_ie && (is_major >= 4));
685         
686         var is_opera  = (agt.indexOf("opera") != -1);
687         var is_opera7 = is_opera && (agt.indexOf("opera 7") != -1);
689         // Patch from Harald Fielker
690     if (agt.indexOf('konqueror') != -1) {
691         var is_nav    = false;
692         var is_nav6up = false;
693         var is_gecko  = false;
694         var is_ie     = true;
695         var is_ie4    = true;
696         var is_ie4up  = true;
697     }
698 //--> end hide JavaScript