function associate_menu(oid, menuid) {
    var o = document.getElementById(oid);
    var menu = document.getElementById(menuid);
    o.onmouseover = menu.onmouseover = function() {
        var oPos = Hrcbc.getAbsolutePosition(o);
        var oSize = Hrcbc.getElementSize(o);
        menu.style.display = "block";
        menu.style.left = oPos.x + "px";
        menu.style.top = (oPos.y + oSize.height) + "px";
    };
    o.onmouseout = menu.onmouseout = function() {
        menu.style.display = "none";
    }
}
function init_product_menu(img_menu, txtmenu) {
    var img_menu = document.getElementById(img_menu);
    var txt_menu = document.getElementById(txtmenu);
    var img_items = img_menu.getElementsByTagName("li");
    var txt_items = txt_menu.getElementsByTagName("li");
    for (var i = 0; i < txt_menu.childNodes.length; i++) {
        init_product_menu_item(img_items[i], txt_items[i]);
    }
}
function setAlpha(o, alhpa) {
    if (o == undefined || o == null) return;
    o.style["filter"] = "alpha(opacity={0});".format(alhpa);
    o.style["MozOpacity"] = alhpa * 0.01;
    o.style["opacity"] = alhpa * 0.01;
}
function init_product_menu_item(imgitem, txtitem) {
    if (!(imgitem && txtitem)) return;
    setAlpha(imgitem, 90);
    setAlpha(txtitem, 90);
    imgitem.onmouseover = txtitem.onmouseover = function() {
        setAlpha(imgitem, 100);
    };
    imgitem.onmouseout = txtitem.onmouseout = function() {
        setAlpha(imgitem, 90);
    };
    var link = txtitem.getElementsByTagName("a")[0].getAttribute("href");
    imgitem.onclick = txtitem.onclick = function() {
        window.location.href = link;
    };
}
function render_type_panel() {
    document.write("<div id='divTypePanel' style='position:absolute;display:none;width:400px;padding:5px 15px 15px 15px;background-color:#ffffff;border:1px sold #ff0000'>");
    document.write("<div style='text-align:right;'><a href='javascript:product_type_panel.hide()'>关闭</a></div>");
    for (var i = 0; i < product_types.length; i++) {
        document.write("<div style='color:#555555;font-weight:bold;line-height:24px;'>{0}</div>".format(product_types[i].TypeName));
        if (product_types[i].Items.length > 0) {
            document.write("<table>");
            var m = 0;
            for (var n = 0; n < product_types[i].Items.length; n++) {
                if (m % 6 == 0) {
                    document.write("<tr>");
                }
                document.write("<td ><a href='javascript:select_type({1},\"{0}\");'>{0}</a></td>".format(product_types[i].Items[n].TypeName, product_types[i].Items[n].TypeID));
                m++;
                if (m % 6 == 0 && n != 0) {
                    document.write("</tr>");
                }
            }
            if (m % 6 != 0) {
                document.write("</tr>");
            }
            document.write("</table>");
        }
    }
    document.write("</div>");
}
function render_product_panel() {
    document.write("<div id='divProductPanel' style='position:absolute;display:none;width:300px;padding:5px 15px 15px 15px;background-color:#ffffff;border:1px sold #ff0000'>");
    document.write("<div style='text-align:right;'><a href='javascript:product_panel.hide()'>关闭</a></div>");
    document.write("<div id=\"divProductPanelContent\"></div>");
    document.write("</div>");
}
function show_product_panel(o) {
    if (!window.select_type_id) return;
    Hrcbc.AjaxRequest.getText("Pages/ProductHandler.ashx?type=" + window.select_type_id, true, function(xmlHttp) {
        var productList = xmlHttp.responseText.parseJSON();
        var sHtml = "";
        for (var i = 0; i < productList.length; i++) {
            sHtml += "<div style='color:#555555;font-weight:bold;line-height:24px;'>{0}</div>".format(productList[i].TypeName);
            if (productList[i].Items.length > 0) {
                sHtml += "<table>";
                var m = 0;
                for (var n = 0; n < productList[i].Items.length; n++) {
                    if (m % 1 == 0) {
                        sHtml += "<tr>";
                    }

                    m++;
                    sHtml += "<td><a href='javascript:select_product({1},\"{0}\");'>{0}</a></td>".format(productList[i].Items[n].ProductName, productList[i].Items[n].ProductID);
                    if (m % 1 == 0 && n != 0) {
                        sHtml += "</tr>";
                    }
                   
                }
                sHtml += "</table>";
            }
        }

        document.getElementById("divProductPanelContent").innerHTML = sHtml;
        product_panel.show();
        var oPos = Hrcbc.getAbsolutePosition(o);
        var oSize = Hrcbc.getElementSize(o);
        product_panel.setPosition(oPos.x, (oPos.y + oSize.height));
    });
}
function show_type_panel(o) {
    var oPos = Hrcbc.getAbsolutePosition(o);
    var oSize = Hrcbc.getElementSize(o);
    product_type_panel.show();
    product_type_panel.setPosition(oPos.x, (oPos.y + oSize.height));
}
function select_product(productid) {
    window.location.href = '/product/detail.aspx?id={0}'.format(productid);
}
function select_type(typeId, typeName) {
    var tbInputType = document.getElementById("tbInputType");
    tbInputType.value = typeName;
    window.select_type_id = typeId;
    product_type_panel.hide();
}
Hrcbc.onload(function() {
    associate_menu('main_menu_product3', 'enong');
    associate_menu('main_menu_product', 'product_menu');
    associate_menu('main_menu_product2', 'product_menu2');
   
    window.product_type_panel = new Hrcbc.Controls.Control("divTypePanel", {
        alpha: 90,
        visible: false
    });
    window.product_panel = new Hrcbc.Controls.Control("divProductPanel", {
        alpha: 90,
        visible: false
    });
    init_product_menu("product_img_menu", "product_text_menu");
    init_product_menu("product_img_menu2", "product_text_menu2");
    init_product_menu("product_img_menu3", "product_text_menu3");
});