$().ready(function() {
        //年份单击事件
        $(".yeahdiv").click(function() {
            changemonth($(this).text());
            $(".yeahdiv").each(function(i) {
                $(this).removeClass("selectmonth");
            });
            $(this).addClass("selectmonth");
            $("#checkmessage").html("<img src='images/moving.gif' style='vertical-align: bottom;' /> 請選擇月份");
        });
        
        /* -- 月份单击事件 --*/
        $(".monthdiv").live("click",function() {
            $(".monthdiv").each(function(i) {
                $(this).removeClass("selectmonth");
            });
            $(this).addClass("selectmonth");
            $("#checkmessage").text("");
            postajax();
        });
    
        /* 初始化默认显示选项 -- 红色 */
        changemonth(thisyeah);
        // 初始化行政区
        $("select[name='county']").val("0");
        
        $(".yeahdiv").each(function(i) {
                if ($(this).text() == thisyeah)
                    $(this).addClass("selectmonth");
            });
        $(".monthdiv").each(function(i) {
                if ($(this).text() == (thismonth - '0' - 1 + "月"))
                    $(this).addClass("selectmonth");
            });
        /* --- */
        
        $("#sixarea img").not("#nouse").click(function() {
            var thisimgid = $(this).attr("id");
            $("#sixarea img").each(function(i) {
                if ($(this).attr("src").indexOf('a0') > -1)
                {
                    var thissrc = $(this).attr("src");
                    $(this).attr("src",thissrc.substring(0,thissrc.indexOf('a0')) + ".jpg");
                }
            });
            $(this).attr('src',$(this).attr('src').substring(0,$(this).attr('src').indexOf('.jpg')) + "a0.jpg");
        
            $("#hiddenarea").val($(this).attr("id"));
            postajax();
        });
        
        //走势图点击切换
        $(".behaviour").live("click",function() {
            var thisid = $(this).parent("div").parent("div").attr("id");
            if ($("#checkmessage").text() != "")
                alert("請選擇月份");
            else
                getbehaviour(thisid);
        });
        
        $(".backzzt").live("click",function() {
            var thisid = $(this).parent("div").parent("div").attr("id");
            backcolumn(thisid);
        });
        
        $("#showdata input[type='checkbox']").live("click",function() {
            var ttid = $(this).parent().parent("div").parent("div").parent("div").attr("id");
            if ($("#" + ttid + " input[type='checkbox']:checked").length > 5)
            {
                alert("您最多只能同時選擇五個地區\n");
                $(this).attr("checked","");
                return;
            }
            else
                getbehaviour(ttid);
        });       
                
        //init <img>
        postajax();
    });
        
        var changemonth = function(tt) {
            var difmonth = 0;
            if (tt != thisyeah)
                difmonth = 12;
            else
                difmonth = thismonth - '0' - 1;
            var monthcontent = "";
            for (var i=0;i<difmonth;i++)
            {
                var mmonth = i - '0' + 1;
                monthcontent += '<div class="monthdiv" id="' + tt + mmonth + '">' + mmonth + '月</div>';
            }
            monthcontent += '<div class="z"></div>';
            $("#monthclick").html(monthcontent);
        };
        
        /* ajax获得该地区该类型物件价格的该年走势图 */
        var getbehaviour = function(id) {
            
            var postdata = "county=" + $("#hiddenarea").val() + "&time=" + $(".monthdiv.selectmonth").attr("id") + "&usetype=" + id;
            //if 判断钩选地区是否为空
            var postlocal = "";
            $("#" + id + " input[type='checkbox']:checked").each(function(i) {
                postlocal += $(this).val() + ",";
            });
            if (postlocal.length > 1)
                postdata += "&local=" + postlocal;
            var hiddenvalue = "";
            if ($("#" + id).find("input[type='hidden']").val() == undefined)
            {
                hiddenvalue = $("#" + id).find(".imgcontent").css("background-image");
                if (hiddenvalue.length > 6)
                {
                    if (hiddenvalue.substr(0,4) == "url(")
                    {
                       hiddenvalue = hiddenvalue.replace('url(','');
                       hiddenvalue = hiddenvalue.replace(')','');
                       if (hiddenvalue.substr(0,1) == '"')
                          hiddenvalue = hiddenvalue.substr(1,hiddenvalue.length - 1);
                    }
                }
            }
            else
                hiddenvalue = $("#" + id).find("input[type='hidden']").val();
            
            $.ajax({
               type: "POST",
               url: "chtlc.aspx",
               data: postdata,
               dataType: "json",
               error: function() {alert('error');},
               success: function(msg){
                    var json = eval(msg);
                    if (json.b != null && json.b != undefined)
                    {
                        var tempst = json.b.toString();
                        var tt = tempst.split('|');
                        var tempstr = '<div class="areaitem"><div style="margin: 5px; color: #6981d6">選擇區域</div>';
                        for (var i=0;i<tt.length;i++)
                        {
                            var a = tt[i].split('-');
                            var cck = "";
                            if (a.length > 2)
                                cck = 'checked="checked"'
                            tempstr += '<div><label><input type="checkbox" '+ cck + ' value="' + a[0] + '" />' + a[1] + '</label></div>';
                        }
                        tempstr += '<input type="hidden" value="' + hiddenvalue + '" /></div><div class="z"></div><div style="border-top: 1px dotted #7E7E7E;margin-top: 5px;margin-left: 15px; width: 90%;"></div>';
                    }
                    var vhtml = '<div class="imgbeh" style="background-image: url(';
                    var xhtml = ');"><div style="float: left;width: 150px;color: Red;font-weight: 600;padding: 8px 0 0 10px;">資料來源：台灣租屋網</div><img src="images/zz.gif" alt="" class="backzzt" /></div>';
                    $("#" + id).html(vhtml + json.p + xhtml + tempstr);
               }
            }); 
        };
        
        //从走势图返回柱状图
        var backcolumn = function(id) {
            var thissrc = $("#" + id + " input[type='hidden']").val();
            var vhtml = '<div class="imgcontent" style="background-image: url(';
            var xhtml = ');"><div style="float: left;width: 150px;color: Red;font-weight: 600;padding: 8px 0 0 10px;">資料來源：台灣租屋網</div><img src="images/zs.gif" alt="" class="behaviour" /></div>';
            $("#" + id).html(vhtml + thissrc + xhtml);      
        }
    
        /* ajax获得该地区该月的柱状图 */
        var postajax = function() {
            if ($(".monthdiv.selectmonth").attr("id") == undefined)
            {
                alert("請選擇所要查詢的月份");
                return;
            }
            
            var postdata = "area=" + $("#hiddenarea").val() + "&time=" + $(".monthdiv.selectmonth").attr("id");
            $("#p11").html('<div style="text-align: center;"><img src="images/loading.gif" alt="" /></div><div style="text-align: center;color: #606060;font-weight: 600;margin-top: 13px;">正在加載數據...</div>');
            $("#p12").html("");
            $("#p13").html("");
            $("#p21").html("");
            $("#p20").html("");
            $.ajax({
               type: "POST",
               url: "chtp.aspx",
               data: postdata,
               dataType: "json",
               error: function() {alert('error');},
               success: function(msg){
                    var vhtml = '<div class="imgcontent" style="background-image: url(';
                    var xhtml = ');"><div style="float: left;width: 150px;color: Red;font-weight: 600;padding: 8px 0 0 10px;">資料來源：台灣租屋網</div><img src="images/zs.gif" alt="" class="behaviour" /></div>';
                    var json = eval(msg);
                    $("#p11").html(vhtml + json.p11 + xhtml);
                    $("#p12").html(vhtml + json.p12 + xhtml);
                    $("#p13").html(vhtml + json.p13 + xhtml);
                    $("#p21").html(vhtml + json.p21 + xhtml);
                    $("#p20").html(vhtml + json.p20 + xhtml);
               }
            }); 
        };
        
        var checkpost = function() {
            var errormsg = "";
            if ($("select[name='county']").val() == "0")
                errormsg += "請選擇縣市! \n";
            if ($("select[name='local']").val() == "0" || $("select[name='local']").val() == "" || $("select[name='local']").val() == "鄉鎮區")
                errormsg += "請選擇行政區! \n";            
            if (errormsg != "")
            {
                alert(errormsg);
                return false;    
            }
            return true;
        }