// Extended Tooltip Javascript

function pw() {
    return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
}
function mouseX(evt) {
    return evt.clientX ? evt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) : evt.pageX;
}
function mouseY(evt) {
    return evt.clientY ? evt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) : evt.pageY;
}
function popUp(evt, oi) {
    var ypos = evt.clientY;
    ypos = Math.abs(ypos);
    if (ypos < 150) {
        document.getElementById(oi).style.backgroundImage = "url('Images/black_arrow_opp.png')";
        document.getElementById(oi).style.paddingTop = "20px";
        document.getElementById(oi).style.height = "75px";
    }
    else {
        document.getElementById(oi).style.backgroundImage = "url('Images/black_arrow.png')";
        document.getElementById(oi).style.paddingTop = "5px";
        document.getElementById(oi).style.height = "95px";
    }
    if (document.getElementById) {
        var wp = pw();
        dm = document.getElementById(oi);
        ds = dm.style;
        st = ds.visibility;
        if (dm.offsetWidth)
            ew = dm.offsetWidth;
        else if (dm.clip.width)
            ew = dm.clip.width;
        if (st == "visible" || st == "show") {
            ds.visibility = "hidden";
        }
        else {
            if (ypos < 150)
                tv = mouseY(evt);
            else
                tv = mouseY(evt) - 105;
            lv = mouseX(evt) - (ew / 4) - 10;
            if (lv < 2)
                lv = 2;
            else if (lv + ew > wp)
                lv -= ew / 2;
            lv += 'px';
            tv += 'px';
            ds.left = lv;
            ds.top = tv;
            ds.visibility = "visible";
        }
    }
}

function popUpB(evt, oi) {
    var ypos = evt.clientY;
    ypos = Math.abs(ypos);
    if (ypos < 170) {
        document.getElementById(oi).style.backgroundImage = "url('../../Images/black_arrow_big_opp.png')";
        document.getElementById(oi).style.paddingTop = "40px";
        document.getElementById(oi).style.height = "130px";
    }
    else {
        document.getElementById(oi).style.backgroundImage = "url('../../Images/black_arrow_big.png')";
        document.getElementById(oi).style.paddingTop = "20px";
        document.getElementById(oi).style.height = "150px";
    }
    if (document.getElementById) {
        var wp = pw();
        dm = document.getElementById(oi);
        ds = dm.style;
        st = ds.visibility;
        if (dm.offsetWidth)
            ew = dm.offsetWidth;
        else if (dm.clip.width)
            ew = dm.clip.width;
        if (st == "visible" || st == "show") {
            ds.visibility = "hidden";
        }
        else {
            if (ypos < 170)
                tv = mouseY(evt);
            else
                tv = mouseY(evt) - 185;
            lv = mouseX(evt) - (ew / 4) - 80;
            if (lv < 2)
                lv = 2;
            else if (lv + ew > wp)
                lv -= ew / 2;
            lv += 'px';
            tv += 'px';
            ds.left = lv;
            ds.top = tv;
            ds.visibility = "visible";
        }
    }
}

function popUpC(evt, oi) {
    var browserName = navigator.appName;
    var ypos = evt.clientY;
    ypos = Math.abs(ypos);
    if (document.getElementById) {
        var wp = pw();
        dm = document.getElementById(oi);
        ds = dm.style;
        st = ds.visibility;
        if (dm.offsetWidth)
            ew = dm.offsetWidth;
        else if (dm.clip.width)
            ew = dm.clip.width;
        if (st == "visible" || st == "show") {
            ds.visibility = "hidden";
        }
        else {
            tv = mouseY(evt) - 315;
            if (browserName == "Microsoft Internet Explorer")
                lv = mouseX(evt) - (ew / 4) + 80;
            else
                lv = mouseX(evt) - (ew / 4) - 80;
            if (lv < 2)
                lv = 2;
            else if (lv + ew > wp)
                lv -= ew / 2;
            lv += 'px';
            tv += 'px';
            ds.left = lv;
            ds.top = tv;
            ds.visibility = "visible";
        }
    }
}