<!—Fixed Menu Bar EoF—>
<div id="fixeddiv">
<div class="fixeddiv">
<ul>
<a href="http://www.setuix.com">home</a><br />
<a href="http://www.setuix.com/about">about</a><br />
<a href="http://www.setuix.com/setuix-irc">setuix@irc</a><br />
<a href="http://www.setuix.com/contact">contact</a><br />
<a href="http://www.setuix.com/advertise">advertise</a><br />
<a href="http://www.setuix.com/rss" target="_blank">rss</a><br />
<a href="http://www.setuix.com/sitemap" target="_blank">sitemap</a><br />
<br />
recommended:<br />
<a href="http://www.getfirefox.com" target="_blank">firefox</a><br />
<a href="http://www.google.com/chrome" target="_blank">chrome</a><br />
@1280 X 1025<br />
@1920 X 1080<br />

<br />
<a href="#" onclick="return fixedMenu.hide()">hide menu</a><br />
<a href="#">return to &uarr;</a><br />
</ul>
</div> 
</div>

<script type="text/javascript"><!–
/* Script by: www.jtricks.com
* Version: 20071127
* Latest version:
* www.jtricks.com/javascript/navigation/fixed_menu.html
*/
fixedMenuId = ‘fixeddiv’;

var fixedMenu =
{
    hasInner: typeof(window.innerWidth) == ‘number’,
    hasElement: document.documentElement != null
       && document.documentElement.clientWidth,

    menu: document.getElementById
        ? document.getElementById(fixedMenuId)
        : document.all
          ? document.all[fixedMenuId]
          : document.layers[fixedMenuId]
};

fixedMenu.computeShifts = function()
{
    fixedMenu.shiftX = fixedMenu.hasInner
        ? pageXOffset
        : fixedMenu.hasElement
          ? document.documentElement.scrollLeft
          : document.body.scrollLeft;
    if (fixedMenu.targetLeft > 0)
        fixedMenu.shiftX += fixedMenu.targetLeft;
    else
    {
        fixedMenu.shiftX +=
            (fixedMenu.hasElement
              ? document.documentElement.clientWidth
              : fixedMenu.hasInner
                ? window.innerWidth – 20
                : document.body.clientWidth)
            – fixedMenu.targetRight
            – fixedMenu.menu.offsetWidth;
    }

    fixedMenu.shiftY = fixedMenu.hasInner
        ? pageYOffset
        : fixedMenu.hasElement
          ? document.documentElement.scrollTop
          : document.body.scrollTop;
    if (fixedMenu.targetTop > 0)
        fixedMenu.shiftY += fixedMenu.targetTop;
    else
    {
        fixedMenu.shiftY +=
            (fixedMenu.hasElement
            ? document.documentElement.clientHeight
            : fixedMenu.hasInner
              ? window.innerHeight – 20
              : document.body.clientHeight)
            – fixedMenu.targetBottom
            – fixedMenu.menu.offsetHeight;
    }
};

fixedMenu.moveMenu = function()
{
    fixedMenu.computeShifts();

    if (fixedMenu.currentX != fixedMenu.shiftX
        || fixedMenu.currentY != fixedMenu.shiftY)
    {
        fixedMenu.currentX = fixedMenu.shiftX;
        fixedMenu.currentY = fixedMenu.shiftY;

        if (document.layers)
        {
            fixedMenu.menu.left = fixedMenu.currentX;
            fixedMenu.menu.top = fixedMenu.currentY;
        }
        else
        {
            fixedMenu.menu.style.left = fixedMenu.currentX + ‘px’;
            fixedMenu.menu.style.top = fixedMenu.currentY + ‘px’;
        }
    }

    fixedMenu.menu.style.right = ”;
    fixedMenu.menu.style.bottom = ”;
};

fixedMenu.floatMenu = function()
{
    fixedMenu.moveMenu();
    setTimeout(‘fixedMenu.floatMenu()’, 20);
};

// addEvent designed by Aaron Moore
fixedMenu.addEvent = function(element, listener, handler)
{
    if(typeof element[listener] != ‘function’ ||
       typeof element[listener + '_num'] == ‘undefined’)
    {
        element[listener + '_num'] = 0;
        if (typeof element[listener] == ‘function’)
        {
            element[listener + 0] = element[listener];
            element[listener + '_num']++;
        }
        element[listener] = function(e)
        {
            var r = true;
            e = (e) ? e : window.event;
            for(var i = 0; i < element[listener + '_num']; i++)
                if(element[listener + i](e) === false)
                    r = false;
            return r;
        }
    }

    //if handler is not already stored, assign it
    for(var i = 0; i < element[listener + '_num']; i++)
        if(element[listener + i] == handler)
            return;
    element[listener + element[listener + '_num']] = handler;
    element[listener + '_num']++;
};

fixedMenu.supportsFixed = function()
{
    var testDiv = document.createElement("div");
    testDiv.id = "testingPositionFixed";
    testDiv.style.position = "fixed";
    testDiv.style.top = "0px";
    testDiv.style.right = "0px";
    document.body.appendChild(testDiv);
    var offset = 1;
    if (typeof testDiv.offsetTop == "number"
        && testDiv.offsetTop != null
        && testDiv.offsetTop != "undefined")
    {
        offset = parseInt(testDiv.offsetTop);
    }
    if (offset == 0)
    {
        return true;
    }

    return false;
};

fixedMenu.init = function()
{
    if (fixedMenu.supportsFixed())
        fixedMenu.menu.style.position = "fixed";
    else
    {
        var ob =
            document.layers
            ? fixedMenu.menu
            : fixedMenu.menu.style;

        fixedMenu.targetLeft = parseInt(ob.left);
        fixedMenu.targetTop = parseInt(ob.top);
        fixedMenu.targetRight = parseInt(ob.right);
        fixedMenu.targetBottom = parseInt(ob.bottom);

        if (document.layers)
        {
            menu.left = 0;
            menu.top = 0;
        }
        fixedMenu.addEvent(window, ‘onscroll’, fixedMenu.moveMenu);
        fixedMenu.floatMenu();
    }
};

fixedMenu.addEvent(window, ‘onload’, fixedMenu.init);
//–></script>
<!—Fixed Menu Bar EoF—>

<!–On/Off Code–>
<script type="text/javascript"><!–
/* Script by: www.jtricks.com
* Version: 20080801
* Latest version:
* www.jtricks.com/javascript/navigation/floating_close.html
*/
fixedMenu.hide = function()
{
    fixedMenu.menu.style.display=’none’;
    return false;
}

fixedMenu.show = function()
{
    fixedMenu.menu.style.display=’block’;
    return false;
}
//–></script>
<!–On/Off Code EoF—>

<a href="#" onclick="return fixedMenu.show()">Show Menu</a>

#fixeddiv {
    position:fixed; 
    width:100px;
    height:210px;left:0px;bottom:0px; 
    padding:5px;
    background:none; 
}
.fixeddiv ul {
    margin : 0 0;
    padding : 0 0;
    font-family:Tahoma, Georgia, Century gothic, Arial, sans-serif;
    font-size:10px;
    color:#666;
    text-transform:uppercase;
}
.fixeddiv ul a:hover {
    color : #879469;
    border-bottom : 1px dotted #879469;
}