/**
 * Netrimos 5-24-07
 * EK 8-8-07
 *
 * @param {string} contentType defines the popup type, such as "premiumContent", "exclusiveContent", etc
 * @param {Object} event
 * @param {string} header text to display as a popup header
 * @param {string} body text to display as a popup body
 */
function tooltipHTML(contentType, event, header, body, channel) {
    switch (contentType) {
        case'exclusiveContent':
            content = "<img src='http://pic.aebn.net/theater/images/hdicons/EX-icon.gif' style='width:12px;'/>";
            content += " <strong>" + header + "</strong>" + "<br/>" + body;
            break;
        case'premiumContent':
            content = "<img src='http://pic.aebn.net/theater/images/exclamationBlue.gif'/>";
            content += " <strong>" + header + "</strong>" + "<br/>" + body;
            break;
        case'hdMoviesContent':
            content = "<img src='http://pic.aebn.net/theater/images/hdicons/HD-icon.gif' style='width:12px;'/>";
            content += " <strong>" + header + "</strong>" + "<br/>" + body;
            break;
        case'rtMoviesContent':
            content = "<img src='http://pic.aebn.net/theater/images/hdicons/RT-icon.gif' style='width:12px;'/>";
            content += " <strong>" + header + "</strong>" + "<br/>" + body;
            break;
        case'channelMoviesContent':
			var channel = channel;
            content = "<img src='http://pic.aebn.net/theater/images/channels/channel_" + channel + "/channel_icon_" + channel + ".png' style='width:12px;'/>";
            content += " <strong>" + header + "</strong>" + "<br/>" + body;
            break;
        case'bluRaySite':
			var channel = channel;
            content = "<img src='http://pic.aebn.net/theater/images/bluray_theater/blu_ray.gif' style='width:12px;'/>";
            content += " <strong>" + header + "</strong>" + "<br/>" + body;
            break;
        default:
            content = contentType;
            break;
    }
    tooltipPopup(content, 'open', event);
}


function tooltipDownload(theMessage, theLink, addToCart, continueShopping, viewState, event) {
    content = "<table style='padding:2px;'>";
    content += "<tr><td valign=top><img src='http://pic.aebn.net/theater/images/alerticon.png'></td><td valign=top>";
    content += "<div>" + theMessage + "</div>";
    content += "</td></tr><tr><td valign=top colspan=2>";
    content += "<span style='float:left;'><div onMouseDown=tooltipPopup('" + theLink + "','close','')><a href=" + theLink + ">" + addToCart + "</a></div></span>";
    content += "<span style='float:right;'><a href=javascript:tooltipPopup('','close','')>" + continueShopping + "</a></span>";
    content += "</td></tr></table>";

    tooltipPopup(content, 'open', event);
}


/**
 * Netrimos 5-24-07<br><br>Creates a tooltip popup window.
 * EK 8-8-07
 * @param {string} content HTML to display
 * @param {string} action Use to determine if an item is being opened or closed.
 * @param {Object} event Captures the mouse X and Y coords.
 */
function tooltipPopup(content, action, event) {
    activate();
    switch (action) {
        case'open':
            popup.innerHTML = popupShade.innerHTML = content;
            popup.style.display = popupShade.style.display = "block";
			popup.style.width = popupShade.style.width = "255px";
        	popup.style.textAlign = popupShade.style.textAlign = "center";
            var alignment = alignPopup(event.clientX, event.clientY, popup.clientHeight, popup.style.width);
            popup.style.left = popupShade.style.left = alignment[0] + "px";
            popup.style.top = popupShade.style.top = alignment[1] + "px";
            break;
        case'close':
            popup.style.display = popupShade.style.display = "none";
            if (content != "") {
                window.location = content;
            }
            break;
    }
}

var isActivated = false;
var popup, popupShade;
/**
 * EK 8-8-2007
 * Requires an elements <div id='popup'></div><div id='popupShade'></div> for this function to work
 */
function activate() {
    if (!isActivated) {
        popup = document.getElementById('popup');
        popupShade = document.getElementById('popupShade');
        popup.style.textAlign = popupShade.style.textAlign = "center";
        popup.style.display = popupShade.style.display = "none";
        popup.style.position = popupShade.style.position = "absolute";
        popup.style.padding = popupShade.style.padding = "5px";
        popup.style.width = popupShade.style.width = "255px";

        popup.style.border = "1px solid #999999";
        popup.style.backgroundColor = "#ffffff";
        popup.style.color = "#000000";
        popup.style.zIndex = "30";

        popupShade.style.border = "1px solid #222121";
        popupShade.style.backgroundColor = "#222121";
        popupShade.style.background = "url(http://pic.aebn.net/theater/images/transparent-back.png)";
        popupShade.style.zIndex = "8";
        popupShade.style.margin = "3px 0px 0px 3px";

        isActivated = true;
    }
}

/**
 * Netrimos
 * EK 8-8-2007
 */
function alignPopup(currentX, currentY, popupHeight, popupWidth) {
	var middleOfPage = document.body.offsetWidth / 2;
    var widthOfPage = document.body.offsetWidth;
    var scrollX = getScrollXY()[0];
    var scrollY = getScrollXY()[1];
    popupHeight = parseInt(popupHeight);
    popupWidth = parseInt(popupWidth);

    if (currentX != undefined) {
        alignedX = currentX + scrollX + 10;
        alignedY = scrollY + currentY - popupHeight;
        if (currentX + scrollX > (widthOfPage - popupWidth + 30) && (currentY + scrollY) < (popupHeight + 10 + scrollY)) {
            alignedX = currentX + scrollX - popupWidth - 20;
        } else {
            if (currentX > widthOfPage - popupWidth + 30) {
                alignedX = currentX + scrollX - popupWidth - 20;
            }
            if (currentY + scrollY > popupHeight + 10 + scrollY) {
                alignedY = currentY + scrollY - popupHeight - 20;
            }
        }
    }
//console.log(alignedX + ', ' + alignedY);
    return [alignedX, alignedY]; 
}

/**
 * Netrimos 6-14-07 <br><br> Detect browser and returns scroll according to page
 */
function getScrollXY() {
    var scrOfX = 0;
    var scrOfY = 0;
    if (typeof( window.pageYOffset ) == 'number') {
        //Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;
    } else if (document.body && ( document.body.scrollLeft || document.body.scrollTop )) {
        //DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop )) {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
	
    return [ scrOfX, scrOfY ];
}