// www: http://www.javarea.de
// Copyright by javarea.de

// Link[nr] = 'position [0 is menu/1 is item] | Link name | url | target (blank|top|frame_name)'
var Link = new Array();

Link[0]  = '0|  Kurz vorgestellt';
Link[1]  = '1|  →  . . . via Video|index.html|';
Link[2]  = '1|  →  . . . im Text|start.html|';

Link[3]  = '0|  Shops';
Link[4]  = '1|  →  Tinte, Toner u. mehr|http://www2.liefert-es.com/hbdb/sshop/index.php?wwwsite=ihrbueroexperte.liefert-es.com&shoptype=liefert-es&null|target blank|';
Link[5]  = '1|  →  DSL und mehr|https://profiseller.de/shop1/index.php3?ps_id=P2159611&banner=Control-Center|target blank|';

Link[6]  = '0|  Produkte';
Link[7]  = '1|  →  Kopierer|kopierer.html|';
Link[8]  = '1|  →  Computer|computer.html|';
Link[9]  = '1|  →  Zubehör|zubehoer.html|';
Link[10]  = '1|  →  Ladenkassen|kassen.html|';
Link[11]  = '1|  →  Büromöbel|buero.html|';

Link[12]  = '0|  Rechtliches';
Link[13]  = '1|  →  Impressum|imp.html|';
Link[14]  = '1|  →  Disclaimer|recht.html|';

Link[15]  = '0|  Kontakt';
Link[16]  = '1|  →  email schreiben|mailto:thomas.luenemann@t-online.de|';

Link[17]  = '0|  AGB';
Link[18]  = '1|  →  Geschäftliches|agb.html|';

var height    = 20; // Hoehe der Menuekoepfe
var iheight   = 18; // Hoehe der Menueelemente
var bgc       = '#5F5F5F' // background color of the item
var over_bgc  = '#2F2F2F';
var tc        = '#FFFFFF' // text color of the item
var over_tc   = '#FFFFFF';
var speed     = 0;
var timerID   = 0;
var width     = 177;
var N         = (document.all) ? 0 : 1;
var self_menu = new Array();

function write_menu()
{
        smc   = 0;
        mn    = 0;
        mni   = 1;
        start = -1;

        document.write('<div style="position: absolute;">');

        for (var i = 0; i < Link.length; i++)
        {
                la = Link[i].split('|');

                if (la[0] == 0)
                {
                        if (start == 0)
                        {
                                document.write('</div>');

                                h = csmc * iheight;
                                tmn = mn; // - h;
                                self_menu[smc] = new Array(tmn, h, 0, -2);

                                smc++;
                                mn--;
                        }

                        csmc = 0;

                        document.write('<div id="down' + smc + '" class="menu" '
                                     + 'style="top: ' + mn + 'px; height: ' + height + 'px;" '
                                     + 'onclick="pull_down(' + smc + ', ' + mni + ');">'
                                     + '  ' + la[1] + '</div>');

                        self_menu[smc] = new Array(mn, height, 0, mni);

                        smc++;
                        mni++;
                        mn += height;
                        start = 1;
                }
                else
                {
                        if (start == 1)
                        {
                                if (N)
                                        mn += 2;

                                document.write('<div id="down' + smc + '" class="item_panel" '
                                             + 'style="top: '+ mn + 'px;">');

                                start = 0;
                        }

                        document.write('<a href="' + la[2] + '"'
                                     + ((la[3] != '') ? ' target="' + la[3] + '"' : '')
                                     + '><div id="d' + i + '" class="item" '
                                     + 'style="height: ' + iheight + 'px;'
                                     + ((N) ? ' width:175px;' : '')
                                     + '" onmouseover="color(this.id);" '
                                     + 'onmouseout="uncolor(this.id);">'
                                     + ' ' + la[1] + '</div></a>');

                        csmc++;
                }
        }

        if (start == 0)
        {
                document.write('</div>');

                h =  csmc * iheight;
                tmn = mn + 5; // - h;
                self_menu[smc] = new Array(tmn, h, 0);
                name = 'down' + (self_menu.length - 1);

                obj = document.getElementById(name);
                obj.style.borderBottomColor = '#FFFFFF';
                obj.style.borderBottomWidth = '1px';
                obj.style.borderBottomStyle = 'solid';
        }

        document.write('</div>');
}

function color(obj)
{
        document.getElementById(obj).style.backgroundColor = over_bgc;
        document.getElementById(obj).style.color = over_tc;
}

function uncolor(obj)
{
        document.getElementById(obj).style.backgroundColor = bgc;
        document.getElementById(obj).style.color = tc;
}

function pull_down(nr, c)
{
        if (timerID == '')
        {
                to = self_menu[nr + 1][1]
                begin = nr + 2;

                if (timerID != '')
                        clearTimeout(timerID);

                if (self_menu[nr + 1][2] == 0)
                {
                        self_menu[nr + 1][2] = 1;

                        if (nr == (self_menu.length - 2))
                                to++;

                        epull_down(begin, to, 0);
                }
                else
                {
                        to = 0;
                        self_menu[nr + 1][2] = 0;
                        name = 'down' + (nr + 2);
                        open_item = 0;

                        for (var i = 0; i < nr; i++)
                                if (self_menu[i][2] == 1)
                                        open_item += self_menu[i][1];

                        if (N == false)
                                open_item -= (c * 1);

                        if (nr == (self_menu.length - 2))
                        {
                                val = self_menu[self_menu.length - 1][1];
                                to = -1;
                        }
                        else
                                val = parseInt(document.getElementById(name).style.top) - (open_item) - (c * height);

                        epull_up(begin, to, val);
                }
        }
}

function epull_down(nr, to, nowv)
{
        name = 'down' + (nr - 1);
        obj = document.getElementById(name).style.clip = 'rect(0, ' + width + ', ' + (nowv + 1) + ', 0)';

        for (var i = nr; i < self_menu.length; i++)
        {
                name = 'down' + i;
                obj = document.getElementById(name);
                obj.style.top = parseInt(obj.style.top) + 1;
        }

        nowv++;

        if (nowv < to)
                timerID = setTimeout('epull_down(' + nr + ', ' + to + ', ' + nowv + ');', speed);
        else
                timerID = 0;
}

function epull_up(nr, to, nowv)
{
        name = 'down' + (nr - 1);
        obj = document.getElementById(name).style.clip = 'rect(0, ' + width + ', ' + nowv + ', 0)';

        for (var i = nr; i < self_menu.length; i++)
        {
                name = 'down' + i;
                obj = document.getElementById(name);
                obj.style.top = parseInt(obj.style.top) - 1;
        }

        nowv--;

        if(nowv > to)
                timerID = setTimeout('epull_up(' + nr + ', ' + to + ', ' + nowv + ');', speed);
        else
                timerID = 0;
}

function startup(nr)
{
        write_menu();

        if (nr != 0)
        {
                for (var i = 0; i < self_menu.length; i++)
                {
                        if (self_menu[i][3] == nr)
                                pull_down(i, nr);

                        i == self_menu.length;
                }
        }
}