<!--  
    /* Script by: www.jtricks.com 
     * Version: 20071127 
     * Latest version: 
     * www.jtricks.com/javascript/navigation/fixed_menu.html 
     */
fixedMenuId = 'Intro';  
    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);
	//-->