var showPushFitDetail = function(id, closeButtonText) {
    var dimensions = getPageSize();
    var width = 980;
    var height = 540;
    var overlayObj = document.getElementById("flashPopupBackground");
    if (overlayObj == null) {
        var div = document.createElement("div");
        div.id = "flashPopupBackground";
        document.body.appendChild(div);
        overlayObj = div;
    }
    overlayObj.style.height = dimensions.pageHeight + "px";
    overlayObj.style.width = dimensions.pageWidth + "px";
    overlayObj.style.display = "block";

    var flashPopupObj = document.getElementById("pushFitPopup");
    if (flashPopupObj == null) {
        var div = document.createElement("div");
        div.id = "pushFitPopup";
        document.body.appendChild(div);
        flashPopupObj = div;
    }
    flashPopupObj.style.height = height + "px"; // because of control panel of jw player
    flashPopupObj.style.width = width + "px";
    flashPopupObj.style.display = "block";
    var posY = (dimensions.windowHeight - height) / 2;
    flashPopupObj.style.top = ((posY > 20) ? posY : 20) + "px";

    flashPopupObj.style.left = "50%";
    flashPopupObj.style.margin = "0px 0px 0px " + (-1 * width / 2) + "px";

    window.scrollTo(0, 0);

    document.getElementById("pushFitPopup").innerHTML = "";
    /*var data = document.createElement("div");
    data.id = "pushFitOverlayData";
    data.innerHTML = " "
    flashPopupObj.appendChild(data);*/

    //switchContent(id);

    var closeButton = document.createElement("a");
    closeButton.id = "closeButton";
    closeButton.onclick = function() { document.body.removeChild(document.getElementById('flashPopupBackground')); document.body.removeChild(document.getElementById('pushFitPopup')); }
    closeButton.href = "#";
    closeButton.innerHTML = closeButtonText;
    flashPopupObj.appendChild(closeButton);

    switchContent(id);
}

var switchContent = function(id) {
    var nav = document.getElementById("pushFitSwitchNavigationTemplate").cloneNode(5);
    nav.id = "pushFitSwitchNavigation";
    var tds = nav.getElementsByTagName("TD");
    for (var i = 0; i < tds.length; i++) {
        var extra = "";
        if (i == id) {
            tds[i].className = "hi";
            extra = "-high";
        }
        tds[i].innerHTML = "<img src=\"/_globalData/rls/_img/pushFit/details/nav-left" + extra + ".png\" />" + tds[i].innerHTML + "<img src=\"/_globalData/rls/_img/pushFit/details/nav-right" + extra + ".png\" />";
    }
    document.getElementById("pushFitPopup").appendChild(nav);
    var content = document.createElement("DIV");
	content.style.backgroundColor = '#fff';
	content.style.paddingTop = '5px';
	content.style.paddingBottom = '10px';
    content.innerHTML = document.getElementById("pushFitDetail_" + id).innerHTML;
    document.getElementById("pushFitPopup").appendChild(content);
}

var switchPreviewImage = function(e, imagePath, text) {
    e.parentNode.getElementsByTagName("IMG")[0].src = imagePath;
    var items = e.parentNode.getElementsByTagName("DIV");
    for (var i = 0; i < items.length; i++) {
        if (items[i].className == "textOverlay") {
            items[i].innerHTML = (text != null) ? text : "";
        }
    }
}