function getScrollPosX() {

    if (typeof window.pageXOffset != 'undefined') {
        return window.pageXOffset;
    }
    else if (typeof document.documentElement.scrollLeft != 'undefined' && document.documentElement.scrollLeft > 0) {
        return document.documentElement.scrollLeft;
    }
    else if (typeof document.body.scrollLeft != 'undefined') {
        return document.body.scrollLeft;
    }
    return 0;
}

function getScrollPosY() {

    if (typeof window.pageYOffset != 'undefined') {
        return window.pageYOffset;
    }
    else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0) {
        return document.documentElement.scrollTop;
    }
    else if (typeof document.body.scrollTop != 'undefined') {
        return document.body.scrollTop;
    }
    return 0;
}

function addEvent(element, eventType, fn, useCapture) {

    if (element.addEventListener) {
        element.addEventListener(eventType, fn, useCapture);
        return true;
    }
    else if (element.attachEvent) {
        var r = element.attachEvent('on' + eventType, fn);
        return r;   
    }
    else {
        element['on'+eventType] = fn;
    }
   
}

function onScroll(evt) {

    var elm = document.getElementById('localNavigation');
    var x = getScrollPosX();
    var y = getScrollPosY();

    moveElm(elm,x,y);
}

function moveElm(elm,x,y) {

    elm.style.left = 0 + 'px';
    elm.style.top = ( y + 5 ) + 'px';

}

function init(evt) {

    addEvent ( window, 'scroll', onScroll, false );

    var elm = document.getElementById('localNavigation');
    moveElm(elm, 0,0);

}

addEvent (window, 'load', init, false );