[
  {
    "path": "README.md",
    "content": "变卦·易经64卦\n=======\n\nhttp://zhangwenli.com/biangua\n"
  },
  {
    "path": "css/styles.css",
    "content": "*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{background-color:#468e8d;width:100%;height:100%;overflow:hidden;font-family:'微软雅黑';font-size:18px;padding:16px}p{margin:8px 0}#back-title{position:absolute;bottom:-72px;right:0;font-size:600px;color:#66a09f;cursor:default;transition-duration:1s}#back-title.unhover{opacity:.25}#page-title{color:#66a09f;cursor:default;transition-duration:.5s;display:inline-block;z-index:10;position:relative}#page-title a{color:#66a09f;transition-duration:1s}#page-title:hover{color:#efefef}#page-title:hover a{color:#efefef}#page-title:hover a:hover{color:#105150}#page-title:hover .social{opacity:1}#page-title:hover #page-title-more{display:block}.social{background:url('../../blog/img/social.png');background-color:#66a09f;width:40px;height:40px;transition:1s;display:inline-block;margin-right:3px;border-bottom:none;border-radius:20px;opacity:.25}.social:hover{background-color:#105150;border-radius:0}.social-twitter{background-position:0 0}.social-facebook{background-position:-40px 0}.social-google{background-position:-80px 0}.social-linkedin{background-position:-120px 0}.social-weibo{background-position:-160px 0}.social-digg{background-position:0 40px}.social-douban{background-position:-40px 40px}.social-reddit{background-position:-80px 40px}.social-stumble{background-position:-120px 40px}.social-github{background-position:-160px 40px}#page-title-more{display:none;font-size:12px}#gua-title{position:absolute;left:16px;bottom:16px;font-size:60px;color:#105150;cursor:default;transition-duration:.5s}#gua-title #gua-detail{color:#105150;font-size:18px;transition-duration:.5s}#gua-title:hover{color:#efefef}#gua-title:hover #gua-detail{color:#efefef}#gua{width:300px;height:360px;position:absolute;top:50%;left:50%;margin-top:-180px;margin-left:-150px}#gua .yao-split{margin-bottom:40px}#gua .yao{height:40px;background-color:#efefef;cursor:pointer;transition-duration:1s}#gua .yao.yao-mg{margin:20px 0}#gua .yao.unhover{background:#66a09f}#gua .yao.unhover .yang{background:#66a09f}#gua .yao .yinyang{transition-duration:1s;position:relative;left:50%;margin-left:-6px;width:12px;height:40px}#gua .yao .yang{background-color:#efefef}#gua .yao .yin{background-color:#468e8d}#yao-detail{display:none;position:absolute;left:50%;right:16px;margin-left:170px;min-height:40px;color:#efefef;padding:4px 0}"
  },
  {
    "path": "css/styles.less",
    "content": "@clr-primary: #468e8d;\n@clr-light: #66a09f;\n@clr-lightest: #efefef;\n@clr-dark: #105150;\n\n@body-pd: 16px;\n@font-sz: 18px;\n@yao-w: 300px;\n@yao-h: 40px;\n@yao-mg: 20px;\n@gua-half-h: @yao-h * 3 + @yao-mg * 2;\n@gua-half-mg: 40px;\n@gua-h: @gua-half-h * 2 + @gua-half-mg;\n@yin-w: 12px;\n@gua-detail-mg: 20px;\n\n* {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\nhtml {\n    width: 100%;\n    height: 100%;\n}\n\nbody {\n    background-color: @clr-primary;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    font-family: '微软雅黑';\n    font-size: @font-sz;\n    padding: @body-pd;\n}\n\np {\n    margin: 8px 0;\n}\n\n#back-title {\n    position: absolute;\n    bottom: -72px;\n    right: 0;\n    font-size: 600px;\n    color: @clr-light;\n    cursor: default;\n    transition-duration: 1s;\n    \n    &.unhover {\n        opacity: 0.25;\n    }\n}\n\n#page-title {\n    color: @clr-light;\n    cursor: default;\n    transition-duration: 0.5s;\n    display: inline-block;\n    z-index: 10;\n    position: relative;\n    \n    a {\n        color: @clr-light;\n        transition-duration: 1s;\n    }\n    \n    &:hover {\n        color: @clr-lightest;\n        \n        a {\n            color: @clr-lightest;\n            \n            &:hover {\n                color: @clr-dark;\n            }\n        }\n        \n        .social {\n            opacity: 1;\n        }\n        \n        #page-title-more {\n            display: block;\n        }\n    }\n}\n\n.social {\n    background: url('../../blog/img/social.png');\n    background-color: @clr-light;\n    width: 40px;\n    height: 40px;\n    transition: 1s;\n    display: inline-block;\n    margin-right: 3px;\n    border-bottom: none;\n    border-radius: 20px;\n    opacity: 0.25;\n    \n    &:hover {\n        background-color: @clr-dark;\n        border-radius: 0;\n    }\n}\n\n.social-twitter {\n    background-position: 0 0;\n}\n\n.social-facebook {\n    background-position: -40px 0;\n}\n\n.social-google {\n    background-position: -80px 0;\n}\n\n.social-linkedin {\n    background-position: -120px 0;\n}\n\n.social-weibo {\n    background-position: -160px 0;\n}\n\n.social-digg {\n    background-position: 0 40px;\n}\n\n.social-douban {\n    background-position: -40px 40px;\n}\n\n.social-reddit {\n    background-position: -80px 40px;\n}\n\n.social-stumble {\n    background-position: -120px 40px;\n}\n\n.social-github {\n    background-position: -160px 40px;\n}\n\n#page-title-more {\n    display: none;\n    font-size: 12px;\n}\n\n#gua-title {\n    position: absolute;\n    left: @body-pd;\n    bottom: @body-pd;\n    \n    font-size: 60px;\n    color: @clr-dark;\n    cursor: default;\n    transition-duration: 0.5s;\n    \n    #gua-detail {\n        color: @clr-dark;\n        font-size: @font-sz;\n        transition-duration: 0.5s;\n    }\n    \n    &:hover {\n        color: @clr-lightest;\n        \n        #gua-detail {\n            color: @clr-lightest;\n        }\n    }\n}\n\n#gua {\n    width: @yao-w;\n    height: @gua-h;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -@gua-h / 2;\n    margin-left: -@yao-w / 2;\n    \n    .yao-split {\n        margin-bottom: @gua-half-mg;\n    }\n    \n    .yao {\n        height: @yao-h;\n        background-color: @clr-lightest;\n        cursor: pointer;\n        transition-duration: 1s;\n        \n        &.yao-mg {\n            margin: @yao-mg 0;\n        }\n        \n        &.unhover {\n            background: @clr-light;\n            \n            .yang {\n                background: @clr-light;\n            }\n        }\n        \n        .yinyang {\n            transition-duration: 1s;\n            position: relative;\n            left: 50%;\n            margin-left: -@yin-w / 2;\n            width: @yin-w;\n            height: @yao-h;\n        }\n        \n        .yang {\n            background-color: @clr-lightest;\n        }\n        \n        .yin {\n            background-color: @clr-primary;\n        }\n    }\n}\n\n#yao-detail {\n    display: none;\n    position: absolute;\n    left: 50%;\n    right: @body-pd;\n    margin-left: @yao-w / 2 + @gua-detail-mg;\n    min-height: @yao-h;\n    color: @clr-lightest;\n    padding: 4px 0;\n}\n"
  },
  {
    "path": "gua.json",
    "content": "{\n    \"gua\": [{\n        \"gua-name\": \"乾\",\n        \"gua-xiang\": \"111111\",\n        \"gua-detail\": \"元亨，利贞。\",\n        \"yao-detail\": [\n            \"潜龙，勿用。\",\n            \"见龙在田，利见大人。\",\n            \"君子终日乾乾，夕惕若，厉，无咎。\",\n            \"或跃在渊，无咎。\",\n            \"飞龙在天，利见大人。\",\n            \"亢龙有悔。\"\n        ]\n    }, {\n        \"gua-name\": \"坤\",\n        \"gua-xiang\": \"000000\",\n        \"gua-detail\": \"元亨，利牝马之贞。君子有攸往，先迷后得主，利西南得朋，东北丧朋。安贞，吉。\",\n        \"yao-detail\": [\n            \"履霜，坚冰至。\",\n            \"直，方，大，不习无不利。\",\n            \"含章可贞。或从王事，无成有终。\",\n            \"括囊；无咎，无誉。\",\n            \"黄裳，元吉。\",\n            \"龙战于野，其血玄黄。\"\n        ]\n    }, {\n        \"gua-name\": \"屯\",\n        \"gua-xiang\": \"100010\",\n        \"gua-detail\": \"元亨，利贞，勿用有攸往，利建侯。\",\n        \"yao-detail\": [\n            \"磐桓；利居贞，利建侯。\",\n            \"屯如邅如，乘马班如。匪寇婚媾，女子贞不字，十年乃字。\",\n            \"即鹿无虞，惟入于林中，君子几不如舍，往吝。\",\n            \"乘马班如，求婚媾，往吉，无不利。\",\n            \"屯其膏，小贞吉，大贞凶。\",\n            \"乘马班如，泣血涟如。\"\n        ]\n    }, {\n        \"gua-name\": \"蒙\",\n        \"gua-xiang\": \"010001\",\n        \"gua-detail\": \"亨。匪我求童蒙，童蒙求我。初筮告，再三渎，渎则不告。利贞。\",\n        \"yao-detail\": [\n            \"发蒙，利用刑人，用说桎梏，以往吝。\",\n            \"包蒙吉；纳妇吉；子克家。\",\n            \"勿用取女；见金夫，不有躬，无攸利。\",\n            \"困蒙，吝。\",\n            \"童蒙，吉。\",\n            \"击蒙；不利为寇，利御寇。\"\n        ]\n    }, {\n        \"gua-name\": \"需\",\n        \"gua-xiang\": \"111010\",\n        \"gua-detail\": \"有孚，光亨，贞吉。利涉大川。\",\n        \"yao-detail\": [\n            \"需于郊。利用恒，无咎。\",\n            \"需于沙。小有言，终吉。\",\n            \"需于泥，致寇至。\",\n            \"需于血，出自穴。\",\n            \"需于酒食，贞吉。\",\n            \"入于穴，有不速之客三人来，敬之终吉。\"\n        ]\n    }, {\n        \"gua-name\": \"讼\",\n        \"gua-xiang\": \"010111\",\n        \"gua-detail\": \"有孚，窒。惕中吉。终凶。利见大人，不利涉大川。\",\n        \"yao-detail\": [\n            \"不永所事，小有言，终吉。\",\n            \"不克讼，归而逋，其邑人三百户，无眚。\",\n            \"食旧德，贞厉，终吉，或从王事，无成。\",\n            \"不克讼，复即命渝，安贞吉。\",\n            \"讼元吉。\",\n            \"或锡之鞶带，终朝三褫之。\"\n        ]\n    }, {\n        \"gua-name\": \"师\",\n        \"gua-xiang\": \"010000\",\n        \"gua-detail\": \"贞，丈人，吉无咎。\",\n        \"yao-detail\": [\n            \"师出以律，否臧凶。\",\n            \"在师中吉，无咎，王三锡命。\",\n            \"师或舆尸，凶。\",\n            \"师左次，无咎。\",\n            \"田有禽，利执言，无咎。长子帅师，弟子舆尸，贞凶。\",\n            \"大君有命，开国承家，小人勿用。\"\n        ]\n    }, {\n        \"gua-name\": \"比\",\n        \"gua-xiang\": \"000010\",\n        \"gua-detail\": \"吉。原筮元永贞，无咎。不宁方来，后夫凶。\",\n        \"yao-detail\": [\n            \"有孚，比之，无咎。有孚盈缶，终来有它吉。\",\n            \"比之自内，贞吉。\",\n            \"比之匪人。\",\n            \"外比之，贞吉。\",\n            \"显比，王用三驱，失前禽。邑人不诫，吉。\",\n            \"比之无首，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"小畜\",\n        \"gua-xiang\": \"111011\",\n        \"gua-detail\": \"亨。密云不雨，自我西郊。\",\n        \"yao-detail\": [\n            \"复自道，何其咎，吉。\",\n            \"牵复，吉。\",\n            \"舆说辐，夫妻反目。\",\n            \"有孚，血去惕出，无咎。\",\n            \"有孚挛如，富以其邻。\",\n            \"既雨既处，尚德载，妇贞厉。月几望，君子征凶。\"\n        ]\n    }, {\n        \"gua-name\": \"履\",\n        \"gua-xiang\": \"110111\",\n        \"gua-detail\": \"履虎尾，不咥人，亨。\",\n        \"yao-detail\": [\n            \"素履，往无咎。\",\n            \"履道坦坦，幽人贞吉。\",\n            \"眇能视，跛能履，履虎尾，咥人，凶。武人为于大君。\",\n            \"履虎尾，诉诉，终吉。\",\n            \"夬履，贞厉。\",\n            \"视履考祥，其旋元吉。\"\n        ]\n    }, {\n        \"gua-name\": \"泰\",\n        \"gua-xiang\": \"111000\",\n        \"gua-detail\": \"小往大来，吉亨。\",\n        \"yao-detail\": [\n            \"拔茅茹，以其汇，征吉。\",\n            \"包荒，用冯河，不遐遗，朋亡，得尚于中行。\",\n            \"无平不陂，无往不复，艰贞无咎。勿恤其孚，于食有福。\",\n            \"翩翩，不富，以其邻，不戒以孚。\",\n            \"帝乙归妹，以祉元吉。\",\n            \"城复于隍，勿用师。自邑告命，贞吝。\"\n        ]\n    }, {\n        \"gua-name\": \"否\",\n        \"gua-xiang\": \"000111\",\n        \"gua-detail\": \"否之匪人，不利君子贞，大往小来。\",\n        \"yao-detail\": [\n            \"拔茅茹，以其汇，贞吉亨。\",\n            \"包承。小人吉，大人否，亨。\",\n            \"包羞。\",\n            \"有命，无咎，畴离祉。\",\n            \"休否，大人吉。其亡其亡，系于苞桑。\",\n            \"倾否，先否后喜。\"\n        ]\n    }, {\n        \"gua-name\": \"同人\",\n        \"gua-xiang\": \"101111\",\n        \"gua-detail\": \"同人于野，亨。利涉大川，利君子贞。\",\n        \"yao-detail\": [\n            \"同人于门，无咎。\",\n            \"同人于宗，吝。\",\n            \"伏戎于莽，升其高陵，三岁不兴。\",\n            \"乘其墉，弗克攻，吉。\",\n            \"同人，先号啕而后笑。大师克相遇。\",\n            \"同人于郊，无悔。\"\n        ]\n    }, {\n        \"gua-name\": \"大有\",\n        \"gua-xiang\": \"111101\",\n        \"gua-detail\": \"元亨。\",\n        \"yao-detail\": [\n            \"无交害，匪咎，艰则无咎。\",\n            \"大车以载，有攸往，无咎。\",\n            \"公用亨于天子，小人弗克。\",\n            \"匪其彭，无咎。\",\n            \"厥孚交如，威如；吉。\",\n            \"自天佑之，吉无不利。\"\n        ]\n    }, {\n        \"gua-name\": \"谦\",\n        \"gua-xiang\": \"001000\",\n        \"gua-detail\": \"亨，君子有终。\",\n        \"yao-detail\": [\n            \"谦谦君子，用涉大川，吉。\",\n            \"鸣谦，贞吉。\",\n            \"劳谦，君子有终，吉。\",\n            \"无不利，撝谦。\",\n            \"不富，以其邻，利用侵伐，无不利。\",\n            \"鸣谦，利用行师，征邑国。\"\n        ]\n    }, {\n        \"gua-name\": \"豫\",\n        \"gua-xiang\": \"000100\",\n        \"gua-detail\": \"利建侯，行师。\",\n        \"yao-detail\": [\n            \"鸣豫，凶。\",\n            \"介于石，不终日，贞吉。\",\n            \"盱豫，悔。迟有悔。\",\n            \"由豫，大有得。勿疑。朋盍簪。\",\n            \"贞疾，恒不死。\",\n            \"冥豫，成有渝，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"随\",\n        \"gua-xiang\": \"100110\",\n        \"gua-detail\": \"元亨利贞，无咎。\",\n        \"yao-detail\": [\n            \"官有渝，贞吉。出门交有功。\",\n            \"系小子，失丈夫。\",\n            \"系丈夫，失小子。随有求得，利居贞。\",\n            \"随有获，贞凶。有孚在道，以明，何咎。\",\n            \"孚于嘉，吉。\",\n            \"拘系之，乃从维之。王用亨于西山。\"\n        ]\n    }, {\n        \"gua-name\": \"蛊\",\n        \"gua-xiang\": \"011001\",\n        \"gua-detail\": \"元亨，利涉大川。先甲三日，后甲三日。\",\n        \"yao-detail\": [\n            \"干父之蛊，有子，考无咎，厉终吉。\",\n            \"干母之蛊，不可贞。\",\n            \"干父之蛊，小有悔，无大咎。\",\n            \"裕父之蛊，往见吝。\",\n            \"干父之蛊，用誉。\",\n            \"不事王侯，高尚其事。\"\n        ]\n    }, {\n        \"gua-name\": \"临\",\n        \"gua-xiang\": \"110000\",\n        \"gua-detail\": \"元，亨，利，贞。至于八月有凶。\",\n        \"yao-detail\": [\n            \"咸临，贞吉。\",\n            \"咸临，吉无不利。\",\n            \"甘临，无攸利。既忧之，无咎。\",\n            \"至临，无咎。\",\n            \"知临，大君之宜，吉。\",\n            \"敦临，吉无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"观\",\n        \"gua-xiang\": \"000011\",\n        \"gua-detail\": \"盥而不荐，有孚顒若。\",\n        \"yao-detail\": [\n            \"童观，小人无咎，君子吝。\",\n            \"闚观，利女贞。\",\n            \"观我生，进退。\",\n            \"观国之光，利用宾于王。\",\n            \"观我生，君子无咎。\",\n            \"观其生，君子无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"噬嗑\",\n        \"gua-xiang\": \"100101\",\n        \"gua-detail\": \"亨。利用狱。\",\n        \"yao-detail\": [\n            \"屦校灭趾，无咎。\",\n            \"噬肤灭鼻，无咎。\",\n            \"噬腊肉，遇毒；小吝，无咎。\",\n            \"噬乾胏，得金矢，利艰贞，吉。\",\n            \"噬乾肉，得黄金，贞厉，无咎。\",\n            \"何校灭耳，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"贲\",\n        \"gua-xiang\": \"101001\",\n        \"gua-detail\": \"亨。小利有攸往。\",\n        \"yao-detail\": [\n            \"贲其趾，舍车而徒。\",\n            \"贲其须。\",\n            \"贲如濡如，永贞吉。\",\n            \"贲如皤如，白马翰如，匪寇婚媾。\",\n            \"贲于丘园，束帛戋戋，吝，终吉。\",\n            \"白贲，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"剥\",\n        \"gua-xiang\": \"000001\",\n        \"gua-detail\": \"不利有攸往。\",\n        \"yao-detail\": [\n            \"剥床以足，蔑贞凶。\",\n            \"剥床以辨，蔑贞凶。\",\n            \"剥之，无咎。\",\n            \"剥床以肤，凶。\",\n            \"贯鱼，以宫人宠，无不利。\",\n            \"硕果不食，君子得舆，小人剥庐。\"\n        ]\n    }, {\n        \"gua-name\": \"复\",\n        \"gua-xiang\": \"100000\",\n        \"gua-detail\": \"亨。出入无疾，朋来无咎。反复其道，七日来复，利有攸往。\",\n        \"yao-detail\": [\n            \"不远复，无祗悔，元吉。\",\n            \"休复，吉。\",\n            \"频复，厉无咎。\",\n            \"中行独复。\",\n            \"敦复，无悔。\",\n            \"迷复，凶，有灾眚。用行师，终有大败，以其国君，凶；至于十年，不克征。\"\n        ]\n    }, {\n        \"gua-name\": \"无妄\",\n        \"gua-xiang\": \"100111\",\n        \"gua-detail\": \"元亨，利贞。其匪正有眚，不利有攸往。\",\n        \"yao-detail\": [\n            \"无妄，往吉。\",\n            \"不耕获，不灾畲，则利有攸往。\",\n            \"无妄之灾，或系之牛，行人之得，邑人之灾。\",\n            \"可贞，无咎。\",\n            \"无妄之疾，勿药有喜。\",\n            \"无妄，行有眚，无攸利。\"\n        ]\n    }, {\n        \"gua-name\": \"大畜\",\n        \"gua-xiang\": \"111001\",\n        \"gua-detail\": \"利贞，不家食吉，利涉大川。\",\n        \"yao-detail\": [\n            \"有厉利已。\",\n            \"舆说輹。\",\n            \"良马逐，利艰贞。曰闲舆卫，利有攸往。\",\n            \"童牛之牿，元吉。\",\n            \"豶豕之牙，吉。\",\n            \"何天之衢，亨。\"\n        ]\n    }, {\n        \"gua-name\": \"颐\",\n        \"gua-xiang\": \"100001\",\n        \"gua-detail\": \"贞吉。观颐，自求口实。\",\n        \"yao-detail\": [\n            \"舍尔灵龟，观我朵颐，凶。\",\n            \"颠颐，拂经，于丘颐，征凶。\",\n            \"拂颐，贞凶，十年勿用，无攸利。\",\n            \"颠颐，吉，虎视眈眈，其欲逐逐，无咎。\",\n            \"拂经，居贞吉，不可涉大川。\",\n            \"由颐，厉吉，利涉大川。\"\n        ]\n    }, {\n        \"gua-name\": \"大过\",\n        \"gua-xiang\": \"011110\",\n        \"gua-detail\": \"栋桡，利有攸往，亨。\",\n        \"yao-detail\": [\n            \"藉用白茅，无咎。\",\n            \"枯杨生稊，老夫得其女妻，无不利。\",\n            \"栋桡，凶。\",\n            \"栋隆，吉；有它吝。\",\n            \"枯杨生华，老妇得士夫，无咎无誉。\",\n            \"过涉灭顶，凶，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"坎\",\n        \"gua-xiang\": \"010010\",\n        \"gua-detail\": \"习坎，有孚，维心亨，行有尚。\",\n        \"yao-detail\": [\n            \"习坎，入于坎窞，凶。\",\n            \"坎有险，求小得。\",\n            \"来之坎坎，险且枕，入于坎窞，勿用。\",\n            \"樽酒簋贰，用缶，纳约自牖，终无咎。\",\n            \"坎不盈，祗既平，无咎。\",\n            \"系用徽纆，置于丛棘，三岁不得，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"离\",\n        \"gua-xiang\": \"101101\",\n        \"gua-detail\": \"利贞，亨。畜牝牛，吉。\",\n        \"yao-detail\": [\n            \"履错然，敬之无咎。\",\n            \"黄离，元吉。\",\n            \"日昃之离，不鼓缶而歌，则大耋之嗟，凶。\",\n            \"突如其来如，焚如，死如，弃如。\",\n            \"出涕沱若，戚嗟若，吉。\",\n            \"王用出征，有嘉折首，获匪其丑，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"咸\",\n        \"gua-xiang\": \"001110\",\n        \"gua-detail\": \"咸，亨，利贞，取女吉。\",\n        \"yao-detail\": [\n            \"咸其拇。\",\n            \"咸其腓，凶，居吉。\",\n            \"咸其股，执其随，往吝。\",\n            \"贞吉，悔亡，憧憧往来，朋从尔思。\",\n            \"咸其脢，无悔。\",\n            \"咸其辅颊舌。\"\n        ]\n    }, {\n        \"gua-name\": \"恒\",\n        \"gua-xiang\": \"011100\",\n        \"gua-detail\": \"亨，无咎，利贞，利有攸往。\",\n        \"yao-detail\": [\n            \"浚恒，贞凶，无攸利。\",\n            \"悔亡。\",\n            \"不恒其德，或承之羞，贞吝。\",\n            \"田无禽。\",\n            \"恒其德，贞，妇人吉，夫子凶。\",\n            \"振恒，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"遁\",\n        \"gua-xiang\": \"001111\",\n        \"gua-detail\": \"亨，小利贞。\",\n        \"yao-detail\": [\n            \"遯尾，厉，勿用有攸往。\",\n            \"执之用黄牛之革，莫之胜说。\",\n            \"系遯，有疾厉，畜臣妾吉。\",\n            \"好遯，君子吉，小人否。\",\n            \"嘉遯，贞吉。\",\n            \"肥遯，无不利。\"\n        ]\n    }, {\n        \"gua-name\": \"大壮\",\n        \"gua-xiang\": \"111100\",\n        \"gua-detail\": \"利贞。\",\n        \"yao-detail\": [\n            \"壮于趾，征凶，有孚。\",\n            \"贞吉。\",\n            \"小人用壮，君子用罔，贞厉。羝羊触藩，羸其角。\",\n            \"贞吉悔亡，藩决不羸，壮于大舆之輹。\",\n            \"丧羊于易，无悔。\",\n            \"羝羊触藩，不能退，不能遂，无攸利，艰则吉。\"\n        ]\n    }, {\n        \"gua-name\": \"晋\",\n        \"gua-xiang\": \"000101\",\n        \"gua-detail\": \"康侯用锡马蕃庶，昼日三接。\",\n        \"yao-detail\": [\n            \"晋如，摧如，贞吉。罔孚，裕无咎。\",\n            \"晋如，愁如，贞吉。受兹介福，于其王母。\",\n            \"众允，悔亡。\",\n            \"晋如硕鼠，贞厉。\",\n            \"悔亡，失得勿恤，往吉，无不利。\",\n            \"晋其角，维用伐邑，厉吉无咎，贞吝。\"\n        ]\n    }, {\n        \"gua-name\": \"明夷\",\n        \"gua-xiang\": \"101000\",\n        \"gua-detail\": \"利艰贞。\",\n        \"yao-detail\": [\n            \"明夷于飞，垂其翼。君子于行，三日不食，有攸往，主人有言。\",\n            \"明夷，夷于左股，用拯马壮，吉。\",\n            \"明夷于南狩，得其大首，不可疾贞。\",\n            \"入于左腹，获明夷之心，出于门庭。\",\n            \"箕子之明夷，利贞。\",\n            \"不明晦，初登于天，后入于地。\"\n        ]\n    }, {\n        \"gua-name\": \"家人\",\n        \"gua-xiang\": \"101011\",\n        \"gua-detail\": \"利女贞。\",\n        \"yao-detail\": [\n            \"闲有家，悔亡。\",\n            \"无攸遂，在中馈，贞吉。\",\n            \"家人嗃嗃，悔厉吉；妇子嘻嘻，终吝。\",\n            \"富家，大吉。\",\n            \"王假有家，勿恤，往吉。\",\n            \"有孚威如，终吉。\"\n        ]\n    }, {\n        \"gua-name\": \"睽\",\n        \"gua-xiang\": \"110101\",\n        \"gua-detail\": \"小事吉。\",\n        \"yao-detail\": [\n            \"悔亡，丧马勿逐，自复；见恶人无咎。\",\n            \"遇主于巷，无咎。\",\n            \"见舆曳，其牛掣，其人天且劓，无初有终。\",\n            \"睽孤，遇元夫，交孚，厉无咎。\",\n            \"悔亡，厥宗噬肤，往何咎。\",\n            \"睽孤，见豕负涂，载鬼一车，先张之弧，后说之弧，匪寇婚媾，往遇雨则吉。\"\n        ]\n    }, {\n        \"gua-name\": \"蹇\",\n        \"gua-xiang\": \"001010\",\n        \"gua-detail\": \"利西南，不利东北；利见大人，贞吉。\",\n        \"yao-detail\": [\n            \"往蹇，来誉。\",\n            \"王臣蹇蹇，匪躬之故。\",\n            \"往蹇来反。\",\n            \"往蹇来连。\",\n            \"大蹇朋来。\",\n            \"往蹇来硕，吉；利见大人。\"\n        ]\n    }, {\n        \"gua-name\": \"解\",\n        \"gua-xiang\": \"010100\",\n        \"gua-detail\": \"利西南，无所往，其来复吉。有攸往，夙吉。\",\n        \"yao-detail\": [\n            \"无咎。\",\n            \"田获三狐，得黄矢，贞吉。\",\n            \"负且乘，致寇至，贞吝。\",\n            \"解而拇，朋至斯孚。\",\n            \"君子维有解，吉；有孚于小人。\",\n            \"公用射隼于高墉之上，获之，无不利。\"\n        ]\n    }, {\n        \"gua-name\": \"损\",\n        \"gua-xiang\": \"110001\",\n        \"gua-detail\": \"损：有孚，元吉，无咎，可贞，利有攸往。曷之用，二簋可用享。\",\n        \"yao-detail\": [\n            \"巳事遄往，无咎，酌损之。\",\n            \"利贞，征凶，弗损，益之。\",\n            \"三人行，则损一人；一人行，则得其友。\",\n            \"损其疾，使遄有喜，无咎。\",\n            \"或益之，十朋之龟弗克违，元吉。\",\n            \"弗损益之，无咎，贞吉，有攸往，得臣无家。\"\n        ]\n    }, {\n        \"gua-name\": \"益\",\n        \"gua-xiang\": \"100011\",\n        \"gua-detail\": \"利有攸往，利涉大川。\",\n        \"yao-detail\": [\n            \"利用为大作，元吉，无咎。\",\n            \"或益之，十朋之龟弗克违，永贞吉。王用享于帝，吉。\",\n            \"益之用凶事，无咎。有孚中行，告公用圭。\",\n            \"中行，告公从。利用为依迁国。\",\n            \"有孚惠心，勿问元吉。有孚惠我德。\",\n            \"莫益之，或击之，立心勿恒，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"夬\",\n        \"gua-xiang\": \"111110\",\n        \"gua-detail\": \"扬于王庭，孚号，有厉，告自邑，不利即戎，利有攸往。\",\n        \"yao-detail\": [\n            \"壮于前趾，往不胜为咎。\",\n            \"惕号，莫夜有戎，勿恤。\",\n            \"壮于頄，有凶。君子夬夬，独行，遇雨，若濡，有愠，无咎。\",\n            \"臀无肤，其行次且。牵羊悔亡，闻言不信。\",\n            \"苋陆夬夬，中行无咎。\",\n            \"无号，终有凶。\"\n        ]\n    }, {\n        \"gua-name\": \"姤\",\n        \"gua-xiang\": \"011111\",\n        \"gua-detail\": \"女壮，勿用取女。\",\n        \"yao-detail\": [\n            \"系于金柅，贞吉，有攸往，见凶，羸豕孚蹢躅。\",\n            \"包有鱼，无咎，不利宾。\",\n            \"臀无肤，其行次且，厉，无大咎。\",\n            \"包无鱼，起凶。\",\n            \"以杞包瓜，含章，有陨自天。\",\n            \"姤其角，吝，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"萃\",\n        \"gua-xiang\": \"000110\",\n        \"gua-detail\": \"亨。王假有庙，利见大人，亨，利贞。用大牲吉，利有攸往。\",\n        \"yao-detail\": [\n            \"有孚不终，乃乱乃萃，若号一握为笑，勿恤，往无咎。\",\n            \"引吉，无咎，孚乃利用禴。\",\n            \"萃如，嗟如，无攸利，往无咎，小吝。\",\n            \"大吉，无咎。\",\n            \"萃有位，无咎。匪孚，元永贞，悔亡。\",\n            \"赍咨涕洟，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"升\",\n        \"gua-xiang\": \"011000\",\n        \"gua-detail\": \"元亨，用见大人，勿恤，南征吉。\",\n        \"yao-detail\": [\n            \"允升，大吉。\",\n            \"孚乃利用禴，无咎。\",\n            \"升虚邑。\",\n            \"王用亨于岐山，吉无咎。\",\n            \"贞吉，升阶。\",\n            \"冥升，利于不息之贞。\"\n        ]\n    }, {\n        \"gua-name\": \"困\",\n        \"gua-xiang\": \"010110\",\n        \"gua-detail\": \"亨，贞，大人吉，无咎，有言不信。\",\n        \"yao-detail\": [\n            \"臀困于株木，入于幽谷，三岁不觌。\",\n            \"困于酒食，朱绂方来，利用享祀，征凶，无咎。\",\n            \"困于石，据于蒺蔾，入于其宫，不见其妻，凶。\",\n            \"来徐徐，困于金车，吝，有终。\",\n            \"劓刖，困于赤绂，乃徐有说，利用祭祀。\",\n            \"困于葛藟，于臲卼，曰动悔。有悔，征吉。\"\n        ]\n    }, {\n        \"gua-name\": \"井\",\n        \"gua-xiang\": \"011010\",\n        \"gua-detail\": \"改邑不改井，无丧无得，往来井井。汔至，亦未繘井，羸其瓶，凶。\",\n        \"yao-detail\": [\n            \"井泥不食，旧井无禽。\",\n            \"井谷射鲋，瓮敝漏。\",\n            \"井渫不食，为我心恻，可用汲，王明，并受其福。\",\n            \"井甃，无咎。\",\n            \"井冽，寒泉食。\",\n            \"井收勿幕，有孚元吉。\"\n        ]\n    }, {\n        \"gua-name\": \"革\",\n        \"gua-xiang\": \"101110\",\n        \"gua-detail\": \"巳日乃孚，元亨利贞，悔亡。\",\n        \"yao-detail\": [\n            \"巩用黄牛之革。\",\n            \"巳日乃革之，征吉，无咎。\",\n            \"征凶，贞厉，革言三就，有孚。\",\n            \"悔亡，有孚改命，吉。\",\n            \"大人虎变，未占有孚。\",\n            \"君子豹变，小人革面，征凶，居贞吉。\"\n        ]\n    }, {\n        \"gua-name\": \"鼎\",\n        \"gua-xiang\": \"011101\",\n        \"gua-detail\": \"元吉，亨。\",\n        \"yao-detail\": [\n            \"鼎颠趾，利出否，得妾以其子，无咎。\",\n            \"鼎有实，我仇有疾，不我能即，吉。\",\n            \"鼎耳革，其行塞，雉膏不食，方雨亏悔，终吉。\",\n            \"鼎折足，覆公餗，其形渥，凶。\",\n            \"鼎黄耳，金铉，利贞。\",\n            \"鼎玉铉，大吉，无不利。\"\n        ]\n    }, {\n        \"gua-name\": \"震\",\n        \"gua-xiang\": \"100100\",\n        \"gua-detail\": \"亨。震来虩虩，笑言哑哑。震惊百里，不丧匕鬯。\",\n        \"yao-detail\": [\n            \"震来虩虩，后笑言哑哑，吉\",\n            \"震来厉，亿丧贝，跻于九陵，勿逐，七日得。\",\n            \"震苏苏，震行无眚。\",\n            \"震遂泥。\",\n            \"震往来厉，亿无丧，有事。\",\n            \"震索索，视矍矍，征凶。震不于其躬，于其邻，无咎。婚媾有言。\"\n        ]\n    }, {\n        \"gua-name\": \"艮\",\n        \"gua-xiang\": \"001001\",\n        \"gua-detail\": \"艮其背，不获其身，行其庭，不见其人，无咎。\",\n        \"yao-detail\": [\n            \"艮其趾，无咎，利永贞。\",\n            \"艮其腓，不拯其随，其心不快。\",\n            \"艮其限，列其夤，厉薰心。\",\n            \"艮其身，无咎。\",\n            \"艮其辅，言有序，悔亡。\",\n            \"敦艮，吉。\"\n        ]\n    }, {\n        \"gua-name\": \"渐\",\n        \"gua-xiang\": \"001011\",\n        \"gua-detail\": \"女归吉，利贞。\",\n        \"yao-detail\": [\n            \"鸿渐于干，小子厉，有言，无咎。\",\n            \"鸿渐于磐，饮食衎衎，吉。\",\n            \"鸿渐于陆，夫征不复，妇孕不育，凶；利御寇。\",\n            \"鸿渐于木，或得其桷，无咎。\",\n            \"鸿渐于陵，妇三岁不孕，终莫之胜，吉。\",\n            \"鸿渐于陆，其羽可用为仪，吉。\"\n        ]\n    }, {\n        \"gua-name\": \"归妹\",\n        \"gua-xiang\": \"110100\",\n        \"gua-detail\": \"征凶，无攸利。\",\n        \"yao-detail\": [\n            \"归妹以娣，跛能履，征吉。\",\n            \"眇能视，利幽人之贞。\",\n            \"归妹以须，反归以娣。\",\n            \"归妹愆期，迟归有时。\",\n            \"帝乙归妹，其君之袂，不如其娣之袂良，月几望，吉。\",\n            \"女承筐无实，士刲羊无血，无攸利。\"\n        ]\n    }, {\n        \"gua-name\": \"丰\",\n        \"gua-xiang\": \"101100\",\n        \"gua-detail\": \"亨，王假之，勿忧，宜日中。\",\n        \"yao-detail\": [\n            \"遇其配主，虽旬无咎，往有尚。\",\n            \"丰其蔀，日中见斗，往得疑疾，有孚发若，吉。\",\n            \"丰其沛，日中见沬，折其右肱，无咎。\",\n            \"丰其蔀，日中见斗，遇其夷主，吉。\",\n            \"来章，有庆誉，吉。\",\n            \"丰其屋，蔀其家，闚其户，阒其无人，三岁不觌，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"旅\",\n        \"gua-xiang\": \"001101\",\n        \"gua-detail\": \"小亨，旅贞吉。\",\n        \"yao-detail\": [\n            \"旅琐琐，斯其所取灾。\",\n            \"旅即次，怀其资，得童仆贞。\",\n            \"旅焚其次，丧其童仆，贞厉。\",\n            \"旅于处，得其资斧，我心不快。\",\n            \"射雉一矢亡，终以誉命。\",\n            \"鸟焚其巢，旅人先笑后号啕。丧牛于易，凶。\"\n        ]\n    }, {\n        \"gua-name\": \"巽\",\n        \"gua-xiang\": \"011011\",\n        \"gua-detail\": \"小亨，利攸往，利见大人。\",\n        \"yao-detail\": [\n            \"进退，利武人之贞。\",\n            \"巽在床下，用史巫纷若，吉，无咎。\",\n            \"频巽，吝。\",\n            \"悔亡，田获三品。\",\n            \"贞吉悔亡，无不利。无初有终，先庚三日，后庚三日，吉。\",\n            \"巽在床下，丧其资斧，贞凶。\"\n        ]\n    }, {\n        \"gua-name\": \"兑\",\n        \"gua-xiang\": \"110110\",\n        \"gua-detail\": \"亨，利贞。\",\n        \"yao-detail\": [\n            \"和兑，吉。\",\n            \"孚兑，吉，悔亡。\",\n            \"来兑，凶。\",\n            \"商兑，未宁，介疾有喜。\",\n            \"孚于剥，有厉。\",\n            \"引兑。\"\n        ]\n    }, {\n        \"gua-name\": \"涣\",\n        \"gua-xiang\": \"010011\",\n        \"gua-detail\": \"亨。王假有庙，利涉大川，利贞。\",\n        \"yao-detail\": [\n            \"用拯马壮，吉。\",\n            \"涣奔其机，悔亡。\",\n            \"涣其躬，无悔。\",\n            \"涣其群，元吉。涣有丘，匪夷所思。\",\n            \"涣汗其大号，涣王居，无咎。\",\n            \"涣其血，去逖出，无咎。\"\n        ]\n    }, {\n        \"gua-name\": \"节\",\n        \"gua-xiang\": \"110010\",\n        \"gua-detail\": \"亨。苦节，不可贞。\",\n        \"yao-detail\": [\n            \"不出户庭，无咎。\",\n            \"不出门庭，凶。\",\n            \"不节若，则嗟若，无咎。\",\n            \"安节，亨。\",\n            \"甘节，吉；往有尚。\",\n            \"苦节，贞凶，悔亡。\"\n        ]\n    }, {\n        \"gua-name\": \"中孚\",\n        \"gua-xiang\": \"110011\",\n        \"gua-detail\": \"豚鱼吉，利涉大川，利贞。\",\n        \"yao-detail\": [\n            \"虞吉，有它不燕。\",\n            \"鸣鹤在阴，其子和之，我有好爵，吾与尔靡之。\",\n            \"得敌，或鼓或罢，或泣或歌。\",\n            \"月几望，马匹亡，无咎。\",\n            \"有孚挛如，无咎。\",\n            \"翰音登于天，贞凶。\"\n        ]\n    }, {\n        \"gua-name\": \"小过\",\n        \"gua-xiang\": \"001100\",\n        \"gua-detail\": \"亨，利贞，可小事，不可大事。飞鸟遗之音，不宜上，宜下，大吉。\",\n        \"yao-detail\": [\n            \"飞鸟以凶。\",\n            \"过其祖，遇其妣；不及其君，遇其臣；无咎。\",\n            \"弗过防之，从或戕之，凶。\",\n            \"无咎，弗过遇之。往厉必戒，勿用永贞。\",\n            \"密云不雨，自我西郊，公弋取彼在穴。\",\n            \"弗遇过之，飞鸟离之，凶，是谓灾眚。\"\n        ]\n    }, {\n        \"gua-name\": \"既济\",\n        \"gua-xiang\": \"101010\",\n        \"gua-detail\": \"亨，小利贞，初吉终乱。\",\n        \"yao-detail\": [\n            \"曳其轮，濡其尾，无咎。\",\n            \"妇丧其茀，勿逐，七日得。\",\n            \"高宗伐鬼方，三年克之，小人勿用。\",\n            \"繻有衣袽，终日戒。\",\n            \"东邻杀牛，不如西邻之禴祭，实受其福。\",\n            \"濡其首，厉。\"\n        ]\n    }, {\n        \"gua-name\": \"未济\",\n        \"gua-xiang\": \"010101\",\n        \"gua-detail\": \"亨，小狐汔济，濡其尾，无攸利。\",\n        \"yao-detail\": [\n            \"濡其尾，吝。\",\n            \"曳其轮，贞吉。\",\n            \"未济，征凶，利涉大川。\",\n            \"贞吉，悔亡，震用伐鬼方，三年有赏于大国。\",\n            \"贞吉，无悔，君子之光，有孚，吉。\",\n            \"有孚于饮酒，无咎，濡其首，有孚失是。\"\n        ]\n    }]\n}\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE HTML>\n<html>\n    <head>\n        <script type=\"text/javascript\">\n            var _gaq = _gaq || [];\n            _gaq.push(['_setAccount', 'UA-38205696-1']);\n            _gaq.push(['_trackPageview']);\n            \n            (function() {\n            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\n            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\n            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\n            })();\n        </script>\n        \n        <meta charset=\"utf-8\" />\n        <link rel=\"shortcut icon\" href=\"../blog/img/me.ico\" />\n        <title>变卦·易经64卦</title>\n        \n        <link rel=\"stylesheet\" type=\"text/css\" href=\"css/styles.css\" />\n        \n        <script src=\"../blog/js/jquery-1.11.1.min.js\" type=\"text/javascript\"></script>\n        <script src=\"js/index.js\" type=\"text/javascript\"></script>\n    </head>\n    <body>\n        <div id=\"page-title\">\n            <h2>变卦·易经64卦</h2>\n            <p>By <a href=\"http://zhangwenli.com\" target=\"_blank\">Wenli Zhang</a> Twitter: <a href=\"https://twitter.com/OviliaZhang\" target=\"_blank\">@Ovilia</a></p>\n            <p>\n                <a href=\"https://twitter.com/intent/tweet?text=Fancy Website with CSS and JavaScript for Chinese 8 Gua&url=http://goo.gl/3S8z8t&original_referer=http://zhangwenli.com/biangua&via=OviliaZhang&hashtags=CSS,JavaScript,webdesign,八卦,易经\" class=\"social social-twitter\" target=\"_blank\"></a>\n                <a href=\"https://www.facebook.com/sharer/sharer.php?t=Fancy Website with CSS and JavaScript for Chinese 8 Gua&u=http://zhangwenli.com/biangua/\" class=\"social social-facebook\" target=\"_blank\"></a>\n                <a href=\"https://plus.google.com/share?url=http://zhangwenli.com/biangua\" class=\"social social-google\" target=\"_blank\"></a>\n                <a href=\"http://www.linkedin.com/shareArticle?mini=true&title=CSS JavaScript酷炫案例：变卦，易经64卦&url=http://zhangwenli.com/biangua&source=http%3a%2f%2fzhangwenli.com\" class=\"social social-linkedin\" target=\"_blank\"></a>\n                <a href=\"http://v.t.sina.com.cn/share/share.php?title=%40Ovilia允执厥中+的CSS JavaScript 酷炫案例：变卦，易经64卦&url=http://zhangwenli.com/biangua&pic=http://zhangwenli.com/biangua/screen-capture.png\" class=\"social social-weibo\" target=\"_blank\"></a>\n                <a href=\"http://shuo.douban.com/!service/share?href=http://zhangwenli.com/biangua&name=http://zhangwenli.com/biangua&image=http://zhangwenli.com/biangua/screen-capture.png\" class=\"social social-douban\" target=\"_blank\"></a>\n            </p>\n            <div id=\"page-title-more\">\n                <p>了解更多：<a href=\"http://zhangwenli.com/blog/2014/08/11/how-i-made-biangua\" target=\"_blank\">关于本网页的博客</a></p>\n                <p>有Bug？<a href=\"https://github.com/Ovilia/biangua/issues\" target=\"_blank\">前往GitHub</a>告诉我</p>\n            </div>\n        </div>\n        <div id=\"back-title\"></div>\n        <div id=\"gua-title\">\n            <span id=\"gua-number\"></span>.<span id=\"gua-name\"></span>\n            <span id=\"gua-detail\"></span>\n        </div>\n        <div id=\"gua\">\n            <div id=\"yao6\" class=\"yao\"><div class=\"yinyang yang\"></div></div>\n            <div id=\"yao5\" class=\"yao yao-mg\"><div class=\"yinyang yang\"></div></div>\n            <div id=\"yao4\" class=\"yao yao-split\"><div class=\"yinyang yang\"></div></div>\n            \n            <div id=\"yao3\" class=\"yao\"><div class=\"yinyang yang\"></div></div>\n            <div id=\"yao2\" class=\"yao yao-mg\"><div class=\"yinyang yang\"></div></div>\n            <div id=\"yao1\" class=\"yao\"><div class=\"yinyang yang\"></div></div>\n        </div>\n        <div id=\"yao-detail\"></div>\n    </body>\n</html>"
  },
  {
    "path": "js/index.js",
    "content": "var gb = {\n    gua: null,\n    selectedGua: null\n};\n\nfunction loadGua(guaXiang) {\n    if (gb.gua !== null) {\n        var len = gb.gua.length;\n        for (var i = 0; i < len; ++i) {\n            if (gb.gua[i]['gua-xiang'] === guaXiang) {\n                gb.selectedGua = gb.gua[i];\n                \n                // update yao\n                for (var y = 1; y <= 6; ++y) {\n                    var yao = $('#yao' + y + ' .yinyang');\n                    if (yao.hasClass('yin') && guaXiang[y - 1] === '1') {\n                        yao.removeClass('yin', 1000).addClass('yang');\n                    } else if (yao.hasClass('yang') && guaXiang[y - 1] === '0') {\n                        yao.addClass('yin', 1000).removeClass('yang');\n                    }\n                }\n                \n                var name = gb.gua[i]['gua-name'];\n                $('#back-title').text(name);\n                $('#gua-number').text(i + 1);\n                $('#gua-name').text(getGuaName(guaXiang, name));\n                $('#gua-detail').text(gb.gua[i]['gua-detail']);\n                return true;\n            }\n        }\n    }\n    console.error('no gua:', guaXiang);\n    _gaq.push(['_trackEvent', 'BianGua', 'No Gua', guaXiang]);\n    return false;\n}\n\nfunction getGuaName(guaXiang, guaName) {\n    var name = ['地', '雷', '水', '泽', '山', '火', '风', '天'];\n    var last = parseInt(guaXiang[0]) + parseInt(guaXiang[1]) * 2\n            + parseInt(guaXiang[2]) * 4;\n    var first = parseInt(guaXiang[3]) + parseInt(guaXiang[4]) * 2\n            + parseInt(guaXiang[5]) * 4;\n    if (first === last) {\n        return guaName + '为' + name[first];\n    } else {\n        return name[first] + name[last] + guaName;\n    }\n}\n\n$(document).ready(function () {\n    $('.yao').hover(function() {\n        if (gb.selectedGua === null) {\n            return;\n        }\n        $('.yao, #back-title').addClass('unhover');\n        $(this).removeClass('unhover');\n        \n        var id = 5 - $(this).index();\n        var idStrList = ['初', '二', '三', '四', '五', '上'];\n        var yinYang = gb.selectedGua['gua-xiang'][id] === '1' ? '九' : '六';\n        if (id === 0 || id === 5) {\n            var yaoDetail = idStrList[id] + yinYang;\n        } else {\n            var yaoDetail = yinYang + idStrList[id];\n        }\n        yaoDetail += '：' + gb.selectedGua['yao-detail'][id];\n        $('#yao-detail').css('top', $(this).offset().top).text(yaoDetail)\n                .show();\n    }, function() {\n        $('.yao, #back-title').removeClass('unhover');\n        $('#yao-detail').hide();\n        \n    }).click(function() {\n        if (gb.selectedGua === null) {\n            return;\n        }\n        var id = 5 - $(this).index();\n        var guaXiang = gb.selectedGua['gua-xiang'];\n        var changeBit = guaXiang[id];\n        changeBit = changeBit === '1' ? '0' : '1';\n        guaXiang = guaXiang.substr(0, id) + changeBit + guaXiang.substr(id + 1);\n        loadGua(guaXiang);\n        \n        location.hash = guaXiang;\n        $('.yao, #back-title').removeClass('unhover');\n        $('#yao-detail').hide();\n    });\n    \n    $.ajax({\n        url: 'gua.json',\n        dataType: 'json',\n        success: function(data) {\n            gb.gua = data.gua;\n            var hash = location.hash.replace('#', '');\n            if (hash === '') {\n                loadGua('111111');\n            } else {\n                if (!loadGua(hash)) {\n                    location.hash = '';\n                    loadGua('111111');\n                }\n            }\n        },\n        error: function(e) {\n            alert('数据获取失败，请刷新重试！');\n            _gaq.push(['_trackEvent', 'BianGua', 'No JSON', e.toString()]);\n        }\n    });\n});\n"
  }
]