﻿document.write('<h3>台灣各地氣象</h3>');
document.write('<span id="spanTodayWeather_list"></span>');
document.write('<h3>中天氣象台</h3>');
document.write('<span id="spanTodayWeather_video"></span>');
$.getJSON("js/Weather/TodayWeather.ashx", function(data) {
    if (data.List.IsEmpty == '0') {
        var strTemplate = '<ul>'
                        + '<li><img src="images/weather_ico/[#ImageFile#]" alt="[#TypeName#]"></li>'
                        + '<li>[#AreaName#]</li>'
                        + '<li>[#Min#]~[#Max#] &deg;</li>'
                        + '</ul>';
        var strHTML = '';

        var items = data.List.Items;
        for (var i = 0; i < data.List.Count; i++) {
            strHTML += strTemplate.replace('[#ImageFile#]', items[i].ImageFile)
                                  .replace('[#TypeName#]', items[i].TypeName)
                                  .replace('[#AreaName#]', items[i].AreaName)
                                  .replace('[#Min#]', items[i].Min)
                                  .replace('[#Max#]', items[i].Max);
        }
        $("#spanTodayWeather_list").replaceWith(strHTML);
    }
    if (data.VideoUrl != '') {
        $("#spanTodayWeather_video").replaceWith(
              '<object type="application/x-shockwave-flash" data="' + WebUrl + 'flash/ctiplayer.swf" '
            + 'width="250" height="206">'
            + '<param name="movie" value="' + WebUrl + 'flash/ctiplayer.swf" />'
            + '<param name="flashvars" value="filename=' + WebUrl + 'ctiplayer/w/flashvars.xml" />'
            + '<param name="wmode" value="transparent" />'
            + '<param name="allowScriptAccess" value="always" />'
            + '</object>'
        );
    }
});

