function SeeMe(ElemId, style) {
    var Elem = document.getElementById(ElemId);
    if (Elem) {
        Elem.style.display = style;
    }
}

function BoxPop(clickElem, boxElemId, contentElemId, direction, doFade) {
    var boxElem = document.getElementById(boxElemId);
    var contentElem = document.getElementById(contentElemId);
    if (boxElem && contentElem) {
        var elemPos = getPosition(clickElem);
        var top = elemPos.y2 + 2;
        var left = (elemPos.x + elemPos.x2) / 2;
        boxElem.style.top = top + "px";
        boxElem.style.left = (left - 45) + "px";
        boxElem.innerHTML = contentElem.innerHTML;
        if (doFade) {
            OpacFade(boxElemId, direction);
        }
        else {
            boxElem.style.display = "block";
        }
    }
}

function BoxBeGone(e, boxElemId) {
    var boxElem = document.getElementById(boxElemId);
    if (boxElem) {
        if (boxElem.style.display == "block") {
            var elemPos = getPosition(boxElem);
            var Mouse = MouseCoords(e);
            if (Mouse.x > (elemPos.x - 20) && Mouse.x < (elemPos.x2 + 20) && Mouse.y > (elemPos.y - 20) && Mouse.y < (elemPos.y2 + 20)) {
                SeeMe(boxElemId, "block");
            }
            else {                
                SeeMe(boxElemId, "none");
            }
        }
    }
}

function FooterFill(footerId) {
    var Footer = document.getElementById(FooterFill);
    if (Footer) {
    
    }
}

function getPosition(e) {
    var left = 0;
    var top = 0;
    var right = parseInt(e.offsetWidth);
    var bottom = parseInt(e.offsetHeight);

    while (e.offsetParent) {
        left += e.offsetLeft;
        top += e.offsetTop;
        e = e.offsetParent;
    }

    left += e.offsetLeft;
    top += e.offsetTop;

    return {
        x: left,
        y: top,
        x2: left + right,
        y2: top + bottom
    };
}

function MouseCoords(e) {
    e = e || window.event;
    if (e.pageX || e.pageY) {
        return { x: e.pageX, y: e.pageY };
    }
    return {
        x: e.clientX + document.body.scrollLeft - document.body.clientLeft,
        y: e.clientY + document.body.scrollTop - document.body.clientTop
    };
}

var BoxArray = new Array();

function BuildArray(elemIdPart, tagName) {
    var Divs = document.getElementsByTagName(tagName);
    var LookIn = new RegExp(elemIdPart);
    var x = 0;
    for (i = 0; i < Divs.length; i++) {
        var DivId = Divs[i].id;
        if (DivId && LookIn.test(DivId)) {
            BoxArray[x] = DivId;
            x++;
        }
    }
}

var BoxInterval;
var BoxInc = 0;

function OpacFade(elemId, direction) {
    BoxInterval = setInterval("OpacAnim('" + elemId + "','" + direction + "')", 1);
}

function OpacAnim(elemId, direction) {    
    var Elem = document.getElementById(elemId);
    if (Elem) {
        BoxInc = parseInt(BoxInc) + parseInt(direction);
        if (BoxInc <= 0) {
            clearInterval(BoxInterval);
            BoxInc = 0;
        }
        if (BoxInc >= 100) {
            clearInterval(BoxInterval);
            BoxInc = 100;
        }
        Elem.style.filter = "alpha(opacity=" + BoxInc + ")";
        Elem.style.opacity = (BoxInc / 100);
        Elem.style.MozOpacity = (BoxInc / 100);
        Elem.style.KhtmlOpacity = (BoxInc / 100);
        Elem.style.display = "block";
    }
}