var d = document;
var request;
if (window.XMLHttpRequest)
    request = new XMLHttpRequest();
else if (window.ActiveXObject)
    request = new ActiveXObject("Microsoft.XMLHTTP");
function getItemDialog(evt, itemId) {
    if (window.event) {
        evt = window.event;
    }

    var selectedItem;
    if (evt.srcElement)
        selectedItem = evt.srcElement;
    else if (evt.target)
        selectedItem = evt.target;
    var mainDiv = d.getElementById("MainBodyG");
    var popUpDiv = d.getElementById("ItemDetail");


    if (mainDiv && popUpDiv) {
        var newheihgt;
        if (window.screen.availHeight > d.body.clientHeight)
            newheihgt = window.screen.availHeight;
        else
            newheihgt = d.body.clientHeight;
        mainDiv.className = "MainBodyGOn";
        mainDiv.style.height = newheihgt + "px";
    
        popUpDiv.className = "ItemPopUp";
        popUpDiv.style.top = (document.documentElement.scrollTop + parseInt(document.documentElement.clientHeight / 2) - 150) + "px";
        popUpDiv.style.display = "block";


        popUpDiv.style.left = (parseInt(d.body.clientWidth / 2) - 250) + "px";


        d.getElementById("update").onclick = function() {
            getCatList(itemId);
            return false;
        };
        getCatList(itemId);
    }
}

function getX(obj) {
    return obj.offsetLeft + (obj.offsetParent ? getX(obj.offsetParent) : obj.x ? obj.x : 0);
}
function getY(obj) {
    return (obj.offsetParent ? obj.offsetTop + getY(obj.offsetParent) : obj.y ? obj.y : 0);
}
function closePopUp() {
    var mainDiv = d.getElementById("MainBodyG");
    var popUpDiv = d.getElementById("ItemDetail");
    if (mainDiv && popUpDiv) {
        popUpDiv.className = "ItemPopUpNone";
        popUpDiv.style.top = "0px";
        popUpDiv.style.left = "0px";
        mainDiv.className = "MainBodyG";
        mainDiv.style.height = "0px";
        popUpDiv.style.display = "none";
    }
}

function getCatList(catId) {

    initCatDetail();
    if (request) {

        request.open("POST", "GetItemList.aspx", true);
        request.onreadystatechange = function() {
            if (request.readyState == 4 && request.status == 200) {

                var listDiv = d.getElementById("listDiv");
                if (request.responseText != "false")
                    if (listDiv) {
                    var xmldoc = request.responseXML;
                    if (xmldoc) {

                        var CatTitleSpan = d.getElementById("CatTitleSpan");
                        var tdauthor = d.getElementById("tdauthor");
                        var tdtype = d.getElementById("tdtype");
                        var tddesc = d.getElementById("tddesc");
                        var CatDetailImg = d.getElementById("CatDetailImg");

                        if (CatTitleSpan)
                            CatTitleSpan.innerHTML = getXmlNodeValue(xmldoc, "CatTitle");
                        if (tdauthor)
                            tdauthor.innerHTML = getXmlNodeValue(xmldoc, "author");
                        if (tdtype)
                            tdtype.innerHTML = getXmlNodeValue(xmldoc, "CatType");
                        if (tddesc)
                            tddesc.innerHTML = getXmlNodeValue(xmldoc, "CatDesc");
                        if (CatDetailImg)
                            CatDetailImg.src = "images/Catalog/" + getXmlNodeValue(xmldoc, "Image");
                        var itemList = xmldoc.getElementsByTagName("Item");
                        var innerContent = "";
                        for (var i = 0; i < itemList.length; i++) {
                            innerContent += getItemNoLink(itemList[i]);
                        }

                        var loadingDiv = d.getElementById("loadingDiv");
                        if (loadingDiv) {
                            loadingDiv.className = "loadingDivFinsh";
                        }


                        listDiv.innerHTML = innerContent;

                    }
                }
            }
        };
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        request.send("catId=" + catId);
    }
}

function getItemNoLink(xmlItem) {
    var xmlNo = getXmlNodeValue(xmlItem, "ItemNo");
    var xmlId = getXmlNodeValue(xmlItem, "ItemId");
    var xmlPoint = getXmlNodeValue(xmlItem, "Point");
    if (xmlPoint == "0")
        xmlPoint = "免";
    if (xmlPoint != "-1")
        return "<a href=\"javascript:PopUpURL('Popup.aspx?IID=" + xmlId + "','Popup',950,600) \" >第" + xmlNo + "期(" + xmlPoint + "點)</a>";
    else
        return "";
}

function PopUpURL(hyperlink, winname, win_width, win_height) {
    var windowprops = "location=no,scrollbars=yes,menubar=no,toolbars=no,resizable=yes,left=30,top=30,width=" + win_width + ",height=" + win_height;
    var win = window.open(hyperlink, winname, windowprops);
    window.opener = null;
    if (win) {
//        win.moveTo(0, 0);
//        win.resizeTo(screen.availWidth, screen.availHeight);
        win.focus();
    }
    else {
        alert("加載頁面失敗，請將本站加入到IE信任站點重試！");
    }
}

function getXmlNodeValue(xmlItem, ValueName) {
    if (xmlItem.getElementsByTagName(ValueName).length > 0)
        if (xmlItem.getElementsByTagName(ValueName)[0].firstChild)
        return xmlItem.getElementsByTagName(ValueName)[0].firstChild.nodeValue;
    return "";
}
function initCatDetail() {
    var loadingDiv = d.getElementById("loadingDiv");
    if (loadingDiv) {
        loadingDiv.className = "loadingDiv";
    }
    var listDiv = d.getElementById("listDiv");
    listDiv.innerHTML = "";
    var CatTitleSpan = d.getElementById("CatTitleSpan");
    var tdauthor = d.getElementById("tdauthor");
    var tdtype = d.getElementById("tdtype");
    var tddesc = d.getElementById("tddesc");
    var CatDetailImg = d.getElementById("CatDetailImg");
    CatTitleSpan.innerHTML = "";
    tdauthor.innerHTML = "";
    tdtype.innerHTML = "";
    tddesc.innerHTML = "";
    CatDetailImg.src = "images/noItem.gif";
}





function showDropDwonList(id) {
    closeAllDropDownList(id);
    var dropdown = d.getElementById(id);
    if (dropdown) {
        if (dropdown.className == "ItemListDropDwon")
            dropdown.className = "ItemListDropDwonPress";
        else if (dropdown.className == "ItemListDropDwonPress")
            dropdown.className = "ItemListDropDwon";
         else
             dropdown.className = "ItemListDropDwon";
         
    }
}
function closeAllDropDownList() {
    var outLineDiv = d.getElementById("outLineDiv");
    if (outLineDiv) {
        var droplists = d.getElementsByTagName("div");
        for (var i = 0; i < droplists.length; i++) {
            if (droplists[i].id.toString().indexOf("dropdwonList") > -1 && droplists[i].className == "ItemListDropDwonPress")
                    droplists[i].className = "ItemListDropDwon";
        }
    }



}
function closeAllDropDownList(closeDrop) {
    var outLineDiv = d.getElementById("outLineDiv");
    if (outLineDiv) {
        var droplists = d.getElementsByTagName("div");
        for (var i = 0; i < droplists.length; i++) {
            if (droplists[i].id!=closeDrop)
            if (droplists[i].id.toString().indexOf("dropdwonList") > -1 && droplists[i].className == "ItemListDropDwonPress")
                droplists[i].className = "ItemListDropDwon";
        }
    }



}