var bc_gRelatedScrollCount = 0;

function bc_relatedMouseOver(pElem, pId) {
    document.getElementById('bc_relatedOverlayTitle').innerHTML = document.getElementById('bc_relatedTitle_' + pId).innerHTML;
    document.getElementById('bc_relatedOverlaySeries').innerHTML = document.getElementById('bc_related_lineup_' + pId).innerHTML;
    document.getElementById('bc_relatedOverlayDesc').innerHTML = document.getElementById('bc_popDesc_' + pId).innerHTML;
    
    var a = findPos(document.getElementById('bc_container'));
    pElem.onmousemove = function (e) { 
        var x = mouseX(e);
        var y = mouseY(e);

        document.getElementById('bc_relatedDesc').style.top = (y - 127 - a[1]) + "px";
        document.getElementById('bc_relatedDesc').style.left = (pElem.getAttribute("overlay-align") == "left") ? (x - 52 - a[0]) + "px" : (x - 232 - a[0]) + "px";
        document.getElementById('bc_relatedDesc').className =  (pElem.getAttribute("overlay-align") == "left") ? "bc_relatedoverlay" : "bc_relatedoverlayRight";
        document.getElementById('bc_relatedDesc').style.display = "block";
    };
}

function bc_relatedMouseOut(pElem, pId) {
    document.getElementById('bc_relatedDesc').style.display = "none";
    pElem.onmousemove = null;
}

function bc_handleRelatedArrowMouseOver(pElem) {
    if(pElem.id.indexOf('Left') > -1) {
        pElem.className = "bc_relatedLeftArrowOver";
    } else {
        pElem.className = "bc_relatedRightArrowOver";
    }
}

function bc_handleRelatedArrowMouseOut(pElem) {
    if(pElem.id.indexOf('Left') > -1) {
        pElem.className = "bc_relatedLeftArrow";
    } else {
        pElem.className = "bc_relatedRightArrow";
    }
}

function bc_handleRelatedSlideLeft() {
    if(bc_gRelatedScrollCount > 0) {
        bc_prepSlideElement(document.getElementById("bc_relatedSlider"), 500, bc_getNum(document.getElementById('bc_relatedSlider').style.left) + 572, "left");
        bc_gRelatedScrollCount--;
    } 
    handleArrows();
}

function bc_handleRelatedSlideRight() {
    if(bc_gRelatedScrollCount < 4) {
        bc_prepSlideElement(document.getElementById("bc_relatedSlider"), 500, bc_getNum(document.getElementById('bc_relatedSlider').style.left) - 572, "left");
        bc_gRelatedScrollCount++;
    } 
    handleArrows();
}

function handleArrows() {
    if(bc_gRelatedScrollCount == 0) {
        document.getElementById('bc_relatedLeftArrow').style.display = "none";
    } else if(bc_gRelatedScrollCount == 4) {
        document.getElementById('bc_relatedRightArrow').style.display = "none";
    } else {
        document.getElementById('bc_relatedLeftArrow').style.display = "block";
        document.getElementById('bc_relatedRightArrow').style.display = "block";
    }
}

function findPos(obj) {
    if(obj == null) {
        return null;
    }
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

function findPos(obj) {
    if(obj == null) {
        return null;
    }
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}