//BodyPart Menu on the left
$(document).ready(function() {
    var bodyParts =
    [
        { "name": "头部", "pinyin": "toubu",
            "branch": [
                                { "name": "鼻", "pinyin": "bi" },
                                { "name": "耳", "pinyin": "er" },
                                { "name": "口", "pinyin": "kou" },
                                { "name": "头", "pinyin": "tou" },
                                { "name": "眼", "pinyin": "yan" }
                         ]
        },
        { "name": "颈部", "pinyin": "jingbu" },
        { "name": "四肢", "pinyin": "sizhi",
            "branch": [
                                { "name": "上肢", "pinyin": "shangzhi" },
                                { "name": "下肢", "pinyin": "xiazhi" }
                         ]
        },
        { "name": "胸部", "pinyin": "xiongbu" },
        { "name": "背部", "pinyin": "beibu" },
        { "name": "腹部", "pinyin": "fubu" },
        { "name": "腰部", "pinyin": "yaobu" },
        { "name": "盆腔", "pinyin": "penqiang" },
        { "name": "臀部", "pinyin": "tunbu" },
        { "name": "生殖部位", "pinyin": "shengzhibuwei",
            "branch": [
                                { "name": "男性股沟", "pinyin": "nanxinggugou" },
                                { "name": "女性盆骨", "pinyin": "nvxingpengu" }
                         ]
        },
        { "name": "皮肤", "pinyin": "pifu" },
        { "name": "全身", "pinyin": "quanshen" }
    ];

    var togglePlus = 'http://img.39.net/db/jbk/onclik0.gif';
    var toggleMinus = 'http://img.39.net/db/jbk/onclik1.gif';
    var indexArray = new Array();
    $('div#BodyPartMenu').empty();
    //Create Menu
    $.each(bodyParts, function(index, bodyPart) {
        var html = '';
        if (bodyPart['branch']) {
            html += '<div id="menu' + index + '" class="title1 title2">';
            html += '<div class="clik1"><a href="Index.aspx?buwei=' + bodyPart['pinyin'] + '" target="_self">';
            html += bodyPart['name'] + '</a></div>'
            indexArray[indexArray.length] = index;
            html += '<div class="clik"><img id="tvimg' + index + '" class="clik" src="' + togglePlus + '" alt="展开" /></div></div>';
            html += '<div id="mitem' + index + '" class="DivDisplayedNone"><ul class="diseaseList1">';
            $.each(bodyPart['branch'], function(branchIndex, branch) {
                html += '<li><a id="' + branch['pinyin'] + '" href="Index.aspx?buwei=' + branch['pinyin'] + '" target="_self">' + branch['name'] + '</a></li>';
            });
            html += '</ul></div>';
        }
        else {
            html += '<div id="menu' + index + '" class="title1">';
            html += '<div class="clik1"><a href="Index.aspx?buwei=' + bodyPart['pinyin'] + '" target="_self">';
            html += bodyPart['name'] + '</a></div>'
            html += '</div>';
        }
        $('div#BodyPartMenu').append(html);
    });

    //Bind Click Event
    if (indexArray) {
        $.each(indexArray, function(index, data) {
            $('div#menu' + data).click(function() {
                var toggleSrc = $('img#tvimg' + data).attr('src');
                if (toggleSrc == togglePlus) {
                    $('img#tvimg' + data).attr({ src: toggleMinus, alt: '折叠' });
                    $('div#mitem' + data).slideDown('fast');
                }
                else {
                    $('img#tvimg' + data).attr({ src: togglePlus, alt: '展开' });
                    $('div#mitem' + data).slideUp('fast');
                }

                $.each(indexArray, function(i, d) {
                    if (d != data) {
                        var $img = $('img#tvimg' + d);
                        if ($img.attr('src') == toggleMinus) {
                            $('div#mitem' + d).slideUp('fast');
                            $img.attr({ src: togglePlus, alt: '展开' });
                        }
                    }
                });
            });
        });
    }

    var buwei = getQueryString('buwei');
    if (buwei) {
        var $mitem = $('ul.diseaseList1 a#' + buwei).closest('div');
        var $img = $mitem.prev('div').find('img.clik').eq(0);
        if ($img.attr('src') != toggleMinus) {
            $mitem.slideDown('fast');
            $img.attr({ src: toggleMinus, alt: '折叠' });
        }
    }
    else {
        $('ul#DiseaseAttributes li').eq(0).find('a').each(function(index, diseaseBodyPartLink) {
            $('ul.diseaseList1 a').each(function(i, bodyPartLink) {
                if ($(bodyPartLink).text() == $(diseaseBodyPartLink).text()) {
                    var $mitem = $(bodyPartLink).closest('div');
                    var $img = $mitem.prev('div').find('img.clik').eq(0);
                    if ($img.attr('src') != toggleMinus) {
                        $mitem.slideDown('fast');
                        $img.attr({ src: toggleMinus, alt: '折叠' });
                    }
                }
            });
        });
    }
});