// Title: tigra menu // Description: See the demo at url // URL: http://www.softcomplex.com/products/tigra_menu/ // Version: 1.0 // Date: 01-09-2002 (mm-dd-yyyy) // Notes: Registration needed to use this script on your web site. // Registration for this version (1.0) is free of charge. // See official site for details // Got questions - visit forum http://www.softcomplex.com/products/tigra_menu/forum/ var menus = []; // --- menu class --- function menu (item_struct, pos, styles) { // browser check this.item_struct = item_struct; this.pos = pos; this.styles = styles; this.id = menus.length; this.items = []; this.children = []; this.add_item = menu_add_item; this.hide = menu_hide; this.onclick = menu_onclick; this.onmouseout = menu_onmouseout; this.onmouseover = menu_onmouseover; this.onmousedown = menu_onmousedown; var i; for (i = 0; i < this.item_struct.length; i++) new menu_item(i, this, this); for (i = 0; i < this.children.length; i++) this.children[i].visibility(true); menus[this.id] = this; } function menu_add_item (item) { var id = this.items.length; this.items[id] = item; return (id); } function menu_hide () { for (var i = 0; i < this.items.length; i++) { this.items[i].visibility(false); this.items[i].switch_style('onmouseout'); } } function menu_onclick (id) { var item = this.items[id]; return (item.fields[1] ? true : false); } function menu_onmouseout (id) { this.hide_timer = setTimeout('menus['+ this.id +'].hide();', this.pos['hide_delay'][this.active_item.depth]); if (this.active_item.id == id) this.active_item = null; } function menu_onmouseover (id) { this.active_item = this.items[id]; clearTimeout(this.hide_timer); var curr_item, visib; for (var i = 0; i < this.items.length; i++) { curr_item = this.items[i]; visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') == this.active_item.arrpath.slice(0, curr_item.depth).join('_')); if (visib) curr_item.switch_style ( curr_item == this.active_item ? (this.active_item.arrpath.slice(0, curr_item.depth) < 1 ? "onmouseover" : "onmouseover1") : (this.active_item.arrpath.slice(0, curr_item.depth) < 1 ? "onmouseout" : "onmouseout1") ); // if current current page == active item Current item, style = mouse down curr_item.visibility(visib); } } function menu_onmousedown (id) { this.items[id].switch_style('onmousedown'); } // --- menu item Class --- function menu_item (path, parent, container) { this.path = new String (path); this.parent = parent; this.container = container; this.arrpath = this.path.split('_'); this.depth = this.arrpath.length - 1; // get pointer to item's data in the structure var struct_path = '', i; for (i = 0; i <= this.depth; i++) struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']'; eval('this.fields = this.container.item_struct' + struct_path); if (!this.fields) return; // assign methods this.get_x = mitem_get_x; this.get_y = mitem_get_y; // these methods may be different for different browsers (i.e. non DOM compatible) this.init = mitem_init; this.visibility = mitem_visibility; this.switch_style = mitem_switch_style; // register in the collections this.id = this.container.add_item(this); parent.children[parent.children.length] = this; // init recursively this.init(); this.children = []; var child_count = this.fields.length - 2; for (i = 0; i < child_count; i++) new menu_item (this.path + '_' + i, this, this.container); this.switch_style('onmouseout'); } function mitem_init() { document.write ( '\n" ); this.element = document.getElementById('mi_' + this.container.id + '_' + this.id); } function mitem_visibility(make_visible) { if (make_visible != null) { if (this.visible == make_visible) return; this.visible = make_visible; if (make_visible) this.element.style.visibility = 'visible'; else if (this.depth) this.element.style.visibility = 'hidden'; } return (this.visible); } function mitem_get_x() { var value = 0; for (var i = 0; i <= this.depth; i++) value += this.container.pos['block_left'][i] + this.arrpath[i] * this.container.pos['left'][i]; return (value); } function mitem_get_y() { var value = 0; for (var i = 0; i <= this.depth; i++) value += this.container.pos['block_top'][i] + this.arrpath[i] * this.container.pos['top'][i]; return (value); } function mitem_switch_style(state) { var sPath = window.location.href; var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); if(sPage == "") sPage = "?page=front" var res = false; for( var index = 0 ; index < this.fields.length ; index++ ) { var str = this.fields[index].toString(); var str1 = str.substr(0, 10); var str2 = sPage.substr(0, 10); if(str.indexOf(str2) == 0) { res = true; } } if(res == false) res = contains(this.fields, sPage); // alert(this.fields+'\n'+sPage+'\n'+res); if(state == 'onmouseout') { if(res) { state = 'onPage'; } } if (this.state == state) return; this.state = state; var style = this.container.styles[state]; for (var i = 0; i < style.length; i += 2) if (style[i] && style[i+1]) eval('this.element.style.' + style[i] + "='" + style[i+1][this.depth] + "';"); } // check if the target is under the current heirachy, we check by doing a find function contains(target, current) { var str = target.toString(); var val = str.indexOf(current); if(val > 0) return true; else return false; } // that's all folks