function initPopups() {
    _ul = document.getElementById('list-2');
 
    if (_ul) {
        _ul._lis = [];
        var _lis = _ul.getElementsByTagName('a');
        for (var i = 0; i < _lis.length; i++) {
            if (_lis[i].className.indexOf('tab') != -1 && _lis[i].parentNode.parentNode.id == _ul.id) {
                _lis[i].onclick = function() {
                    if (this.parentNode.className == "") {
                        clearLis();
                        this.parentNode.className = "active";
                        hideSelectBoxes(this.parentNode);
                    }
                    else {
                        clearLis();
                    }
                    return false;
                };
                _ul._lis[_ul._lis.length] = _lis[i];
            }
        }
    }
}

function clearLis() {
    if (_ul) {
        for (var i = 0; i < _ul._lis.length; i++) {
            _ul._lis[i].parentNode.className = "";
            showSelectBoxes(_ul._lis[i].parentNode);
        }
    }
}

if (window.addEventListener) {
    window.addEventListener("load", initPopups, false);
}
else if (window.attachEvent && !window.opera) {
    window.attachEvent("onload", initPopups);
}

function hideSelectBoxes(object) {
    if (!object || !document.all) return;
    if (!object.sboxes)
        object.sboxes = [];
    var ol = getElementX(object) - 400;
    var ot = getElementY(object);
    var ow = object.offsetWidth + 600;
    var oh = object.offsetHeight + 400;
    var sboxes = document.all.tags("select");
    for (var i = 0; i < sboxes.length; i++) {
        var node = sboxes[i].parentNode;
        while (node != object && node.tagName != "BODY")
            node = node.parentNode;
        var skip = (node == object);
        if (skip) continue;
        var t = getElementY(sboxes[i]);
        var l = getElementX(sboxes[i]);
        var w = sboxes[i].offsetWidth;
        var h = sboxes[i].offsetHeight;
        var ver = false;
        if (t > ot && t < (ot + oh))
            ver = true;
        else if ((t + h) > ot && (t + h) < (ot + oh))
            ver = true;
        var hor = false;
        if (l > ol && l < (ol + ow))
            hor = true;
        else if ((l + w) > ol && (l + w) < (ol + ow))
            hor = true;
        else if (l < ol && (l + w) > ol)
            hor = true;
        if (ver && hor && sboxes[i].style.visibility != "hidden")
            object.sboxes[object.sboxes.length] = sboxes[i];
    }
    for (var i = 0; i < object.sboxes.length; i++)
        object.sboxes[i].style.visibility = "hidden";
}

function showSelectBoxes(object) {
    if (!object || !document.all) return;
    if (!object.sboxes) return;
    for (var i = 0; i < object.sboxes.length; i++)
        object.sboxes[i].style.visibility = "";
    object.sboxes = [];
}

function getElementX(object) { return getElementC(object, true); }
function getElementY(object) { return getElementC(object, false); }

function getElementC(element, xAxis) {
    var initialElement = element;
    var c = 0;

    while (element != null) {
        c += (xAxis) ? element.offsetLeft : element.offsetTop;
        if (element.style.position == "absolute")
            break;
        else
            element = element.offsetParent;
    }

    var elementWnd = document.window;
    if (!elementWnd) return c;

    if (!elementWnd.frameElement) return c;

    return c + getElementC(elementWnd.frameElement, xAxis);
}

function VideoIframeUpdate(VidId)
{
    window.frames["VideoIframe"+VidId].location = "/Resources/Library/Video/Video-Player-Regular.aspx?vid="+VidId;  
}

function VideoIframeClear(VidId)
{
    window.frames["VideoIframe"+VidId].location = "/Resources/Library/Video/PlaceHolder.aspx";
}