$(function () {
    huanjing();
    
});

function huanjing() {
    $.getJSON("weather/data/fometeoIdx.js?t=" + Math.random(), function (json) {
        if (json) {
            var todaydate = new Date();
            var bdate = new Date();
            bdate.setHours(17);
            bdate.setMinutes(0);
            bdate.setSeconds(0);
            bdate.setMilliseconds(0);
            if (todaydate.getTime() - bdate.getTime() > 0) {
                var datetime = new Date();
                datetime.setHours(20);
                datetime.setMinutes(0);
                datetime.setSeconds(0);
                $(".datetime").append(datetime.format('MM月dd日hh时') + " 至 ");
                datetime.setDate(datetime.getDate() + 1);
                $(".datetime").append(datetime.format('MM月dd日hh时'));
            } else {
                var datetime = new Date(json[0].datetime.replace(/-/g, "/"));
                $(".datetime").append(datetime.format('MM月dd日hh时') + " 至 ");
                datetime.setDate(datetime.getDate() + 1);
                $(".datetime").append(datetime.format('MM月dd日hh时'));
            }



            var poll = "", carwash = "", cfd = "", uv = "", moe = "", umb = "", ndre = "", outing = "", comp = "";
            $.each(json, function (key, value) {
                if (value.type == "poll") poll = value.index;
                if (value.type == "carwash") carwash = value.index;
                if (value.type == "cfd") cfd = value.index;
                if (value.type == "uv") uv = value.index;
                if (value.type == "moe") moe = value.index;
                if (value.type == "umb") umb = value.index;
                if (value.type == "ndre") ndre = value.index;
                if (value.type == "outing") outing = value.index;
                if (value.type == "comp") comp = value.index;
            });
            var poll_grade = "", poll_meaning = "";
            var carwash_grade = "", carwash_meaning = "";
            var cfd_grade = "", cfd_meaning = "";
            var uv_grade = "", uv_meaning = "";
            var moe_grade = "", moe_meaning = "";
            var umb_grade = "", umb_meaning = "";
            var ndre_grade = "", ndre_meaning = "";
            var outing_grade = "", outing_meaning = "";
            var comp_grade = "", comp_meaning = "";
            $.getJSON("weather/data/meteoId.js?t=" + Math.random(), function (json) {
                if (json) {
                    $.each(json, function (key, value) {
                        if (value.id == poll) {
                            poll_grade = value.poll_grade;
                            poll_meaning = value.poll_meaning;
                        }
                        if (value.id == carwash) {
                            carwash_grade = value.carwash_grade;
                            carwash_meaning = value.carwash_meaning;
                        }
                        if (value.id == cfd) {
                            cfd_grade = value.cfd_grade == undefined ? "" : value.cfd_grade;
                            cfd_meaning = value.cfd_meaning == undefined ? "" : value.cfd_meaning;
                        }
                        if (value.id == uv) {
                            uv_grade = value.uv_grade == undefined ? "" : value.uv_grade;
                            uv_meaning = value.uv_meaning == undefined ? "" : value.uv_meaning;
                        }
                        if (value.id == moe) {
                            moe_grade = value.moe_grade == undefined ? "" : value.moe_grade;
                            moe_meaning = value.moe_meaning == undefined ? "" : value.moe_meaning;
                        }
                        if (value.id == umb) {
                            umb_grade = value.umb_grade == undefined ? "" : value.umb_grade;
                            umb_meaning = value.umb_meaning == undefined ? "" : value.umb_meaning;
                        }
                        if (value.id == ndre) {
                            ndre_grade = value.ndre_grade == undefined ? "" : value.ndre_grade;
                            ndre_meaning = value.ndre_meaning == undefined ? "" : value.ndre_meaning;
                        }
                        if (value.id == outing) {
                            outing_grade = value.outing_grade == undefined ? "" : value.outing_grade;
                            outing_meaning = value.outing_meaning == undefined ? "" : value.outing_meaning;
                        }
                        if (value.id == comp) {
                            comp_grade = value.comp_grade == undefined ? "" : value.comp_grade;
                            comp_meaning = value.comp_meaning == undefined ? "" : value.comp_meaning;
                        }
                    });
                    var strb = new Array();
                    strb.push("<dd><ul>");
                    //空气污染
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1080\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/setting_icon1.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>空气污染<br /><b>" + poll_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + poll_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -74px;'><p style='background:#1badff;color:#ffffff'>空气污染气象条件说明：<p/><p>一级：     非常有利于空气污染物稀释、扩散和清除</p>");
                    strb.push("<p>二级：     较有利于空气污染物稀释、扩散和清除</p>");
                    strb.push("<p>三级：     对空气污染物稀释、扩散和清除无明显影响</p>");
                    strb.push("<p>四级：     不利于空气污染物稀释、扩散和清除</p>");
                    strb.push("<p>五级：     很不利于空气污染物稀释、扩散和清除</p>");
                    strb.push("<p>六级：     极不利于空气污染物稀释、扩散和清除</p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    //洗车指数
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1083\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/setting_icon2.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>洗车指数<br /><b>" + carwash_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + carwash_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -90px;'><p style='background:#1badff;color:#ffffff'>洗车指数说明：<p/><p>一级     适宜洗车，未来持续两天无雨，天气较好，适合擦洗汽车，蓝天白云、风和日丽将伴您的车子连日洁净</p>");
                    strb.push("<p>二级     较适宜洗车，未来一天无雨，风力较小，擦洗一新的汽车至少能保持一天</p>");
                    strb.push("<p>三级     较不宜洗车，过去12小时有降雨，路面少量积水，如果执意擦洗汽车，要做好溅上泥水的心理准备</p>");
                    strb.push("<p>四级     不宜洗车，未来24小时内有雨，如果在此期间洗车，雨水和路上的泥水可能会再次弄脏您的爱车 </p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    //火灾危险度
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1087\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/setting_icon3.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>火灾危险度<br /><b>" + cfd_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + cfd_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -75px;'><p style='background:#1badff;color:#ffffff'>火灾危险度说明：<p/><p>绿色     表示火灾危险度偏低</p>");
                    strb.push("<p>黄色     表示火灾危险度颇高，请注意防火</p>");
                    strb.push("<p>红色     表示火灾危险度极高，请认真做好防火工作</p>");                    
                    strb.push("</div>");
                    strb.push("</li>");
                    strb.push("</ul></dd>");

                    strb.push("<dd><ul>");
                    //紫外线指数
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1079\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/setting_icon4.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>紫外线指数<br /><b>" + uv_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + uv_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -74px;'><p style='background:#1badff;color:#ffffff'>紫外线强度说明：<p/><p>一级     最弱 不需要采取防护措施</p>");
                    strb.push("<p>二级     弱，可以涂擦防护霜等</p>");
                    strb.push("<p>三级     中等，戴好遮阳帽等，涂擦防晒霜</p>");
                    strb.push("<p>四级     强，上午10时至下午16时避免外出，或尽可能在遮荫处</p>");
                    strb.push("<p>五级     很强，尽可能不在室外活动、必须外出时要采取各种有效的防护措施</p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    //晨练指数
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1085\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/setting_icon5.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>晨练指数<br /><b>" + moe_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + moe_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -75px;'><p style='background:#1badff;color:#ffffff'>晨练指数说明：<p/><p>一级     非常适宜晨练，各种气象条件都很好</p>");
                    strb.push("<p>二级     适宜晨练，一种气象条件不太好</p>");
                    strb.push("<p>三级     较适宜晨练，二种气象条件不太好</p>");
                    strb.push("<p>四级     不太适宜晨练，三种气象条件不太好</p>");
                    strb.push("<p>五级     不适宜晨练，所有气象条件不好 </p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    //雨具指数
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1084\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/setting_icon5_1.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>雨具指数<br /><b>" + umb_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + umb_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -75px;'><p style='background:#1badff;color:#ffffff'>雨具指数说明：<p/><p>一级     外出不必带雨具，天色晴好，阳光充足</p>");
                    strb.push("<p>二级     长时间外出不必带雨具，多云为主，但无降水</p>");
                    strb.push("<p>三级     短时间外出不必带雨具，有间歇性阵雨</p>");
                    strb.push("<p>四级     外出可带雨具，天色灰暗，有连续性小雨</p>");
                    strb.push("<p>五级     外出必须带雨具，云层浓密，有骤雨 </p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    strb.push("</ul></dd>");

                    strb.push("<dd><ul>");
                    //穿衣指数
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1082\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/s1.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>穿衣指数<br /><b>" + ndre_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + ndre_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -168px;'><p style='background:#1badff;color:#ffffff'>穿衣指数说明：<p/><p>一级     参考服装，短衫、短裤、短裙</p>");
                    strb.push("<p>二级     参考服装，薄型长裤，薄型T恤衫</p>");
                    strb.push("<p>三级     参考服装，长裤、衬衫、T恤</p>");
                    strb.push("<p>四级     参考服装，长裤、长袖T恤、薄型套装</p>");
                    strb.push("<p>五级     参考服装，羊毛衫（较薄）、夹克衫</p>");
                    strb.push("<p>六级     参考服装，毛衣、西服套装</p>");
                    strb.push("<p>七级     参考服装，厚毛衣、羊毛裤</p>");
                    strb.push("<p>八级     参考服装，厚毛衣、羽绒服</p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    //效游指数
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1086\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/s2.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>郊游指数<br /><b>" + outing_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + outing_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -102px;'><p style='background:#1badff;color:#ffffff'>郊游指数说明：<p/><p>一级     投入大自然的怀抱吧，多好的天</p>");
                    strb.push("<p>二级     大自然欢迎您，天气不错</p>");
                    strb.push("<p>三级     出来玩玩吧，天气还可以</p>");
                    strb.push("<p>四级     天气不太好，但不会让您失望</p>");
                    strb.push("<p>五级     天气不好，建议您调整出行时间</p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    //人体舒适度
                    strb.push("<li>");
                    strb.push("<p class='xshi'><a href=\"huanjingIndex.aspx?id=1081\" onfocus=\"this.blur()\" target=\"_blank\"><img src=\"images/s3.jpg\" align=\"left\" style=\"margin-right: 14px;\" /></a>人体舒适度<br /><b>" + comp_grade + "</b></p>");
                    strb.push("<div class=\"clear\"></div>");
                    strb.push("<span>" + comp_meaning + "</span>");
                    strb.push("<div class='ycang' style='margin-left: 130px;margin-top: -256px;'><p style='background:#1badff;color:#ffffff'>人体舒适度说明：<p/><p>一级     严寒，极为不舒适</p>");
                    strb.push("<p>二级     寒冷，极为不舒适等</p>");
                    strb.push("<p>三级     湿冷，略有不舒适</p>");
                    strb.push("<p>四级     较冷，略有不舒适</p>");
                    strb.push("<p>五级     清凉，较为舒适</p>");
                    strb.push("<p>六级     凉爽，感觉舒适</p>");
                    strb.push("<p>七级     温暖，感觉舒适</p>");
                    strb.push("<p>八级     和暖，较为舒适</p>");
                    strb.push("<p>九级     较热，略有不舒适</p>");
                    strb.push("<p>十级     闷热，略有不舒适</p>");
                    strb.push("<p>十一级     炎热，极为不舒适</p>");
                    strb.push("<p>十二级     酷热，极为不舒适 </p>");
                    strb.push("</div>");
                    strb.push("</li>");
                    strb.push("</ul></dd>");

                    $("#lithuanjing").append(strb.join(""));

               
                    $(".xshi").hover(function () {
                        $(this).nextAll(".ycang").show();
                    }, function () {
                        $(this).nextAll(".ycang").hide();
                    });
                   
                }
            });
        }
    });
}