function getElementPosition(offsetTrail){
	var offsetLeft = 0;
        var offsetTop = 0;
        while(offsetTrail) {
        	offsetLeft += offsetTrail.offsetLeft;
                offsetTop += offsetTrail.offsetTop;
                offsetTrail = offsetTrail.offsetParent;
        }
        return { left:offsetLeft, top:offsetTop }
}

function hideFootnotes() {
	var div = document.getElementById('current_footnote');
        div.className = 'footnote_new';
        div.style.display = 'none';
        return false;
}

function showFootnote(evt, id) {
	var winWidth = document.body.clientWidth;
       var evt = evt || window.event;
       var o = evt.target || evt.srcElement;
       var div = document.getElementById('current_footnote');
       var coords = getElementPosition(o);
       div.innerHTML = '' + document.getElementById(id).innerHTML + '';
       div.className = 'footnote_new_active';
       div = document.getElementById('current_footnote');
       var w = 200;
       div.style.top = (coords.top + o.offsetHeight) + 'px';
       if((winWidth - coords.left) < w) 
       		div.style.left = (coords.left  - 10 - (w - (winWidth - coords.left)))+ 'px';
       else
	       div.style.left = coords.left + 'px';
       div.style.display = 'none';
       div.style.display = 'block';
       evt.cancelBubble = true;
       return false;
}

function hideFootnotesWide() {
	var div = document.getElementById('current_footnote_wide');
        div.className = 'footnote_new';
        div.style.display = 'none';
        return false;
}

function showFootnoteWide(evt, id) {
	var winWidth = document.body.clientWidth;
       var evt = evt || window.event;
       var o = evt.target || evt.srcElement;
       var div = document.getElementById('current_footnote_wide');
       var coords = getElementPosition(o);
       div.innerHTML = '' + document.getElementById(id).innerHTML + '';
       div.className = 'footnote_new_active';
       div = document.getElementById('current_footnote_wide');
       var w = 200;
       div.style.top = (coords.top + o.offsetHeight) + 'px';
       if((winWidth - coords.left) < w) 
       		div.style.left = (coords.left  - 10 - (w - (winWidth - coords.left)))+ 'px';
       else
	       div.style.left = coords.left + 'px';
       div.style.display = 'none';
       div.style.display = 'block';
       evt.cancelBubble = true;
       return false;
}