// Title: Tigra Menu PRO
// Description: Tigra Menu PRO is flexible menu solution for commercial
//        applications offering high reliability and wide browsers support.
//        See URL for complete feature list.
// URL: http://www.softcomplex.com/products/tigra_menu_pro/
// Version: 3.0
// Date: 03-12-2002 (mm-dd-yyyy)
// Notes: Registration needed to use this script legally.
//        Visit official site for details.

var o_doc,
        menus = [];
        states = ['mout', 'mover', 'mdown'];

function doc () {
        this.f_width   = window.innerWidth != null ?
                function () { return window.innerWidth } :
                function () { return document.body.clientWidth };
        this.f_height  = window.innerHeight != null ?
                function () { return window.innerHeight } :
                function () { return document.body.clientHeight };
        this.f_xscroll = window.pageXOffset != null ?
                function () { return window.pageXOffset } :
                function () { return document.body.scrollLeft };
        this.f_yscroll = window.pageYOffset != null ?
                function () { return window.pageYOffset } :
                function () { return document.body.scrollTop };
        this.get_element = document.all ?
                function (i) { return document.all[i] } :
                function (i) { return document.getElementById(i) };

        this.update = doc_update;
        this.redraw = doc_redraw;
}

function doc_update () {
        var n_value, b_refresh;

        // verify in any environment paramenters changed
        if (this.width != (n_value = this.f_width())) {
                this.width = n_value;
                b_refresh = true;
        }
        if (this.height != (n_value = this.f_height())) {
                this.height = n_value;
                b_refresh = true;
        }
        if (this.xscroll != (n_value = this.f_xscroll())) {
                this.xscroll = n_value;
                b_refresh = true;
        }
        if (this.yscroll != (n_value = this.f_yscroll())) {
                this.yscroll = n_value;
                b_refresh = true;
        }
        if (b_refresh) {
                // ignore updates until parameters are stable
                if (this.o_timer) clearTimeout(this.o_timer);
                this.o_timer = setTimeout('o_doc.redraw()', 200);
//                o_doc.redraw();
        }
        window.setTimeout('o_doc.update()', 50);
}

function doc_redraw () {
        for (var i = 0; i < menus.length; i++)
                if (menus[i].active)
                        menus[i].redraw();
}

// --------------------------------------------------------------------------------
// menu class constructor
function menu (item_struct, geom_struct) {
        this.item_struct = item_struct;
        this.geom_struct = geom_struct;
        this.items       = [];
        this.children    = [];
        this.a_position  = [];
        this.over_items  = 0;

        this.hide        = menu_hide;
        this.onclick     = menu_onclick;
        this.onmouseout  = menu_onmouseout;
        this.onmouseover = menu_onmouseover;
        this.onmousedown = menu_onmousedown;
        this.pos         = menu_position;
        this.redraw      = menu_redraw;

        // prepare environment object
        if (!o_doc) {
                o_doc = new doc();
                o_doc.update();
        }
        // register in global menus collection
        this.id = menus.length;
        menus[this.id] = this;

        // init children recursively
        for (var i = 0; i < this.item_struct.length; i++)
                new menu_item(i, this, this);

        // calculate menu sizes
        var max_x = 0,
                max_y = 0,
                min_x = Number.POSITIVE_INFINITY,
                min_y = Number.POSITIVE_INFINITY;
        for (var i = 0; i < this.children.length; i++) {
                max_x = Math.max(max_x, this.children[i].pos('left') + this.children[i].pos('width'));
                max_y = Math.max(max_y, this.children[i].pos('top')  + this.children[i].pos('height'));
                min_x = Math.min(min_x, this.children[i].pos('left'));
                min_y = Math.min(min_y, this.children[i].pos('top'));
        }

        // init sizes and positioning
        this.a_position.top = 0;
        this.a_position.left = 0;
        this.a_position.width  = max_x - min_x;
        this.a_position.height = max_y - min_y;

        this.active = true;
        this.redraw();
}


// --------------------------------------------------------------------------------
// menu methods
// --------------------------------------------------------------------------------
function menu_hide () {
        if (!this.hide_timer || this.over_items || !this.last_item)
                return;
        this.last_item.collapse(0);
        this.last_item = null;
}

function menu_redraw () {

        this.a_position.top =
        this.a_position.left = 0;

        if (this.geom_struct.align == 'center')
                this.a_position.left = Math.round((o_doc.width - this.a_position.width) / 2);
        else if (this.geom_struct.align == 'right')
                this.a_position.left = o_doc.width - this.a_position.width;

        if (this.geom_struct.valign == 'center')
                this.a_position.top = Math.round((o_doc.height - this.a_position.height) / 2);
        else if (this.geom_struct.valign == 'bottom')
                this.a_position.top = o_doc.height - this.a_position.height;

        if (this.geom_struct.scroll == 'horizontal' || this.geom_struct.scroll == 'both')
                this.a_position.left += o_doc.xscroll;
        if (this.geom_struct.scroll == 'vertical' || this.geom_struct.scroll == 'both')
                this.a_position.top += o_doc.yscroll;

        for (var i = 0; i < this.children.length; i++) {
                this.children[i].set_state('hidden', true);
                this.children[i].reposition(true);
                this.children[i].set_state('mout');
        }
}

function menu_position (coord) {
        return this.a_position[coord] ? this.a_position[coord] : 0;
}

// --------------------------------------------------------------------------------
// menu event handlers
// --------------------------------------------------------------------------------
function menu_onclick (id) {
        return (this.items[id].fields[1] ? true : false);
}

function menu_onmouseout (id) {
        this.over_items--;
        this.items[id].set_state('mout');
        if (this.items[id].expd_timer) clearTimeout(this.items[id].expd_timer);
        this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
                this.geom_struct.hide_delay[this.items[id].depth]);
}

function menu_onmouseover (id) {
        this.over_items++;
        for (var item = this.items[id]; item.elements; item = item.parent) item.set_state('mover');
        clearTimeout(this.hide_timer);
        this.hide_timer = null;
        if (this.geom_struct.expd_delay && this.geom_struct.expd_delay[this.items[id].depth])
                this.items[id].expd_timer = setTimeout('menus["'+ this.id +'"].items['+ id +'].expand()',
                        this.geom_struct.expd_delay[this.items[id].depth]);
        else this.items[id].expand();
}

function menu_onmousedown (id) {
        this.items[id].set_state('mdown');
}

// --------------------------------------------------------------------------------
// menu item class constructor
// --------------------------------------------------------------------------------
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 reference to item's data in the structure
        var struct_path = '';
        for (var i = 0; i <= this.depth; i++)
                struct_path += '[' + (Number(this.arrpath[i]) + (i ? 3 : 0)) + ']';
        eval('this.fields = this.container.item_struct' + struct_path);
        if (!this.fields) return;

        // register self in the collections
        this.id = this.container.items.length;
        this.container.items[this.id] = this;
        parent.children[parent.children.length] = this;

        // assign browser dependent functions
        if (document.layers) {
                this.write = mitem_lay_write;
                this.set_state = mitem_lay_state;
                this.pos = mitem_lay_position;
        }
        else {
                this.write = mitem_css_write;
                this.set_state = mitem_css_state;
                this.pos = mitem_css_position;
        }
        // assign crossbrowser functions
        this.collapse = mitem_collapse;
        this.expand = mitem_expand;
        this.reposition = mitem_reposition;

        // init self
        this.item_pos = [];
        this.elements = [];
        this.write(this.reposition(false));
        this.state = 'hidden';

        // init children recursively
        this.children = [];
        var child_count = this.fields.length - 3;
        for (var i = 0; i < child_count; i++)
                new menu_item (this.path + '_' + i, this, this.container);
}
// --------------------------------------------------------------------------------
// browser independent methods
// --------------------------------------------------------------------------------

// collapses menu to the level specified
function mitem_collapse(to_level) {
        for (var i = 0; i < this.children.length; i++)
                this.children[i].set_state('hidden');
        if (to_level >= this.depth) this.set_state('mout');
        else this.parent.collapse(to_level);
}

// expands menu to calling items
function mitem_expand() {
        if (this.container.last_item && this.depth <= this.container.last_item.depth)
                        this.container.last_item.collapse(this.container.last_item.parent == this ? this.depth+1 : this.depth);
        if (!this.container.last_item || this.container.last_item.parent != this)
            for (var i = 0; i < this.children.length; i++)
                        this.children[i].set_state('mout');
        this.container.last_item = this;
}
// calculates items position and updates it if requested
function mitem_reposition (update) {

        if (this.arrpath[this.depth] == 0) {
                this.item_pos.left = this.parent.pos('left')
                        + (this.fields[2] != null && this.fields[2][0] != null
                        ? this.fields[2][0] : this.container.geom_struct.block_left[this.depth]);
                this.item_pos.top  = this.parent.pos('top')
                        + (this.fields[2] != null && this.fields[2][1] != null
                        ? this.fields[2][1] : this.container.geom_struct.block_top[this.depth]);
        }
        else {
                this.item_pos.left = this.parent.children[this.arrpath[this.depth] - 1].pos('left')
                        + (this.fields[2] != null && this.fields[2][0] != null ? this.fields[2][0]
                        : this.container.geom_struct.left[this.depth]);
                this.item_pos.top  = this.parent.children[this.arrpath[this.depth] - 1].pos('top')
                        + (this.fields[2] != null && this.fields[2][1] != null ? this.fields[2][1]
                        : this.container.geom_struct.top[this.depth]);
        }
        this.item_pos.width  = (this.fields[2] != null && this.fields[2][2] != null
                ? this.fields[2][2] : this.container.geom_struct.width[this.depth]);
        this.item_pos.height = (this.fields[2] != null && this.fields[2][3] != null
                ? this.fields[2][3] : this.container.geom_struct.height[this.depth]);

        if (!update) return this.item_pos;
        this.pos('left', this.item_pos.left);
        this.pos('top',  this.item_pos.top);

        for (var i = 0; i < this.children.length; i++)
                this.children[i].reposition(true);
}

// --------------------------------------------------------------------------------
// CSS positioning methons version
// --------------------------------------------------------------------------------

// item initialisation
function mitem_css_write (pos) {
        for (var i = 0; i < states.length; i++) {
                document.write (
                        '<div id="m' + this.container.id + 'i' + this.id + states[i]
                        + '" style="position: absolute; left: ' + pos.left + 'px; top: '
                        + pos.top + 'px; width: ' + pos.width + 'px; height: ' + pos.height
                        + 'px; visibility: hidden; z-index: ' + this.depth * 2 + ';" class="m'
                        + this.container.id + 'l' + this.depth + states[i] + 'o"><div class="m'
                        + this.container.id + 'l' + this.depth + states[i] + 'i">'
                        + (typeof(this.fields[0]) == 'object' ? this.fields[0][i] : this.fields[0])
                        + '</div></div>');
                this.elements[states[i]] = o_doc.get_element('m' + this.container.id + 'i' + this.id + states[i]);
        }
        document.write(
                '<div id="m' + this.container.id + 'i' + this.id + 'i" style="position: absolute; left: '
                + pos.left + 'px; top: ' + pos.top + 'px; width: ' + pos.width + 'px; height: '
                + pos.height + 'px; visibility: hidden; z-index: ' + (this.depth * 2 + 1) + ';"><a href="'
                + (this.fields[1] != null && typeof(this.fields[1]) != 'string' && this.fields[1][0] != null ? this.fields[1][0] : this.fields[1])
                + '"' + (this.fields[1] != null && typeof(this.fields[1]) != 'string' && this.fields[1][1] != null ? ' target="' + this.fields[1][1]
                + '"' : '') + ' onclick="return menus[' + this.container.id + '].onclick(' + this.id
                + ');" onmouseout="menus['  + this.container.id + '].onmouseout('  + this.id
                + ');" onmouseover="menus[' + this.container.id + '].onmouseover(' + this.id
                + ');" onmousedown="menus[' + this.container.id + '].onmousedown(' + this.id
                + ');"><img src="' + this.container.geom_struct['pixel_path']
                + '" width="' + pos.width +'" height="' + pos.height + '" border="0"'
                + (this.fields[1] != null && typeof(this.fields[1]) != 'string' && this.fields[1][2] != null ? ' alt="'
                + this.fields[1][2] + '"' : '') + '></a></div>');
        this.link = o_doc.get_element('m' + this.container.id + 'i' + this.id + 'i');
}

// swithces states of menu item
function mitem_css_state(state, force) {
        if (!this.depth && state == 'hidden' && !force) state = 'mout';
        if (state == this.state) return;
        if (this.state == 'hidden') this.link.style.visibility = 'visible';
        else this.elements[this.state].style.visibility = 'hidden';
        if (state == 'hidden') this.link.style.visibility = 'hidden';
        else this.elements[state].style.visibility = 'visible';
        this.state = state;
}

// sets or retreives item's position on the page
function mitem_css_position (coord, value) {
        if (!coord) return;
        if (this.link.style.pixelLeft)
                if (coord == 'left')        coord = 'pixelLeft';
                else if (coord == 'top')    coord = 'pixelTop';
                else if (coord == 'width')  coord = 'pixelWidth';
                else if (coord == 'height') coord = 'pixelHeight';

        if (value) {
                for (var i = 0; i < states.length; i++)
                        this.elements[states[i]].style[coord] = value + (this.link.style.pixelLeft?0:'px');
                this.link.style[coord] = value + (this.link.style.pixelLeft?0:'px');
                return (this.item_pos[coord] = value);
        }
        else {
                var re_num = /^(\-?\d+)/;
                if (re_num.exec(this.link.style[coord]))
                        return new Number(RegExp.$1);
        }
}

// --------------------------------------------------------------------------------
// Layers positioning methods version
// --------------------------------------------------------------------------------

// item initialisation
function mitem_lay_write (pos) {
        for (var i = 0; i < states.length; i++) {
                document.write(
                        '<layer name="m' + this.container.id + 'i' + this.id + states[i]
                        + '" left="' + pos.left + '" top="' + pos.top + '" z-index="'
                        + this.depth * 2  + '" width="' + pos.width + '" height="'
                        + pos.height + '" visibility="hide"><table cellpadding="0" cellspacing="0" border="0" width="'
                        + pos.width + '" height="' + pos.height + '" class="m'
                        + this.container.id + 'l' + this.depth + states[i] + 'o"><tr><td><div class="m'
                        + this.container.id + 'l' + this.depth + states[i] + 'o"><div class="m'
                        + this.container.id + 'l' + this.depth + states[i] + 'i">'
                        + (typeof(this.fields[0]) == 'object' ? this.fields[0][i] : this.fields[0])
                        + '</div></div></td></tr></table></layer>');
                this.elements[states[i]] = document.layers['m' + this.container.id + 'i' + this.id + states[i]];
        }
        document.write(
                '<layer name="m' + this.container.id + 'i' + this.id + 'i" left="'
                + pos.left + '" top="' + pos.top + '" z-index="' + (this.depth * 2 + 1)
                + '" visibility="hide" width="' + pos.width +'" height="' + pos.height
                + '"><a href="' + (this.fields[1] != null && typeof(this.fields[1]) != 'string' && this.fields[1][0] != null ? this.fields[1][0] : this.fields[1])
                + '"' + (this.fields[1] != null && typeof(this.fields[1]) != 'string' && this.fields[1][1] != null ? ' target="'
                + this.fields[1][1] + '"' : '')        + ' onclick="return menus[' + this.container.id
                + '].onclick(' + this.id + ');" onmouseout="menus[' + this.container.id
                + '].onmouseout(' + this.id + ');" onmouseover="menus[' + this.container.id
                + '].onmouseover(' + this.id + ');" onmousedown="menus[' + this.container.id
                + '].onmousedown(' + this.id + ');"><img src="' + this.container.geom_struct['pixel_path']
                + '" width="' + pos.width +'" height="' + pos.height + '" border="0"'
                + (this.fields[1] != null && typeof(this.fields[1]) != 'string' && this.fields[1][2] != null ? ' alt="'
                + this.fields[1][2] + '"' : '')        + '></a></layer>');
        this.link = document.layers['m' + this.container.id + 'i' + this.id + 'i'];
}

// swithces states of menu item
function mitem_lay_state(state) {
        if (!this.depth && state == 'hidden') state = 'mout';
        if (state == this.state) return;
        if (this.state == 'hidden') this.link.visibility = 'show';
        else this.elements[this.state].visibility = 'hide';
        if (state == 'hidden') this.link.visibility = 'hide';
        else this.elements[state].visibility = 'show';
        this.state = state;
}

// sets or retreives item's position on the page
function mitem_lay_position (coord, value) {
        if (!coord) return;
        if (value) {
                this.item_pos[coord] = value;
                for (var i = 0; i < states.length; i++) {
                        this.elements[states[i]].moveTo   (this.item_pos.left, this.item_pos.top);
                        this.elements[states[i]].resizeTo (this.item_pos.width, this.item_pos.height);
                }
                this.link.moveTo   (this.item_pos.left, this.item_pos.top);
                this.link.resizeTo (this.item_pos.width, this.item_pos.height);
        }
        return this.item_pos[coord];
}

// --------------------------------------------------------------------------------
// that's all folks