{{include file="nmc/header.html"}}

<script type="text/javascript" src="/js/chinajs/js.js"></script>
<link rel="stylesheet" href="{{$smarty.const.STYLE_PATH}}/Aristo/jquery-ui-1.8.7.custom.css" type="text/css" media="screen" />

<link rel="stylesheet" type="text/css" href="{{$smarty.const.STYLE_PATH}}/product.css" />
<!--<script type="text/javascript" src="{{$smarty.const.JS_PATH}}/jquery-1.4.2.min.js"></script>-->
<script type="text/javascript" src="{{$smarty.const.JS_PATH}}/jquery.jcarousel-1.0.js"></script>
<script type="text/javascript" src="{{$smarty.const.JS_PATH}}/product_list_1.9.js"></script>
<script type="text/javascript" src="{{$smarty.const.JS_PATH}}/product_imagesview_1.2.js"></script>
<script	type="text/javascript"	src="{{$smarty.const.JS_PATH}}/jquery-ui-1.8.custom.min.js"></script>

<script type="text/javascript" src="{{$smarty.const.JS_PATH}}/jquery.pagination.js"></script>
<script type="text/javascript" src="{{$smarty.const.JS_PATH}}/jquery.ticker.js"></script>
<link rel="stylesheet" href="{{$smarty.const.STYLE_PATH}}/nmc-ui-treeview_1.4.css" type="text/css"/>
<link rel="stylesheet" type="text/css" href="{{$smarty.const.STYLE_PATH}}/pagination.css" />
<link rel="stylesheet" type="text/css" href="{{$smarty.const.STYLE_PATH}}/ticker-style.css" />
<link media="screen" type="text/css" href="{{$smarty.const.STYLE_PATH}}/weather_plugin_1.6.css" rel="stylesheet">
<link rel="stylesheet" href="{{$smarty.const.STYLE_PATH}}/typhoon.css" type="text/css"/>

<style type="text/css">
	.ui-icon-circle-arrow-e{
		background-image: url("/images/index/weather2-1_03.jpg");
		background-position: 0 0;
	}
	.ui-icon-circle-arrow-s{
		background-image: url("/images/index/weather2-1_03.jpg");
		background-position: 0 0;
	}
	.ui-state-default .ui-icon{
		background-image: url("/images/index/weather2-1_03.jpg");
		background-position: 0 0;
	}
	.ui-state-active .ui-icon{
		background-image: url("/images/index/weather2-1_03.jpg");
		background-position: 0 0;
	}
	
	

.con_left_ft { padding-left: 20px; float: left; width: 240px;}
.con_left_ft ul { float: left; padding: 6px 0 6px 0; }
.con_left_ft li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; float: left; width: 240px; }
.con_left_more { font-family: Arial, Helvetica, sans-serif; float: right; font-size: 14px; padding: 0 15px 6px 0; }
.con_left_list {  overflow-x: hidden;  overflow-y: hidden;  padding-left: 20px;padding-right: 20px;}
.con_left_list ul { border-bottom: 1px solid #f3f3f3; float: left;  padding: 3px 0 2px 0; }
.con_left_list li { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; list-style-type: none; }
.con_list_li1 { float: left; width: 17px; padding-top: 1px; }
.con_list_li2 { line-height: 20px; width: 150px; float: left; }
.con_list_li2 a:link { text-decoration: none; color: #000000; }
.con_list_li2 a:visited { text-decoration: none; color: #000000; }
.con_list_li2 a:hover { text-decoration: none; color: #FF6600; }
.con_list_li3 { width: 70px; float: left; }

.search_font { line-height: 25px; float: left; width: 250px; padding: 5px 0 0 5px;text-align:left; }
.bg_con { padding: 18px 0 0 10px; width: 680px; float: left; }
.bg_con1 { padding: 10px 0 0 10px; width: 680px; float: left; }
.bg_con_ft { line-height: 22px; float: left; }
.bg_con_sel { padding-right: 5px; float: left; }
.bg_con_ftb { float: left; font-weight: bold; line-height: 22px; }
.sel_s { width: 60px; height: 21px; }
.sel_t { width: 100px; height: 21px; }
.con { width: 1002px; margin: 0 auto; }
.con_left {  width: 267px; padding-top: 6px; padding-left: 10px; float: left; }
.con_left_tit { background: url(../images/ico_06.gif) no-repeat left center; float: left; font-size: 14px; font-weight: bold; color: #4073b2; line-height: 25px; padding-left: 20px; width: 240px; }
.w_dl {
background-color:#FFFFFF;
border:1px solid #D7EAF5;
display:inline;
float:left;
height:38px;
margin:5px 0 0 5px;
overflow:hidden;
width:205px;
}
.w_dl dt {
display:block;
float:left;
font-weight:bold;
height:38px;
line-height:38px;
padding-left:10px;
width:60px;
}
.w_dl dd {

height:38px;
line-height:38px;
width:180px;
}
.w_dl dd img{
float:left;
margin-right:6px;
margin-top:6px;
width:25px;
height:25px;
}
.w_dl  dd  span {
color:#CC0003;
}
.w_dl  dd  b {
color:#3366BB;
}

.con_left_scroll {overflow-y:scroll;float: left;width: 260px;height: 501px; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #9bcfd6; scrollbar-highlight-color: #e5f4fd; scrollbar-3dlight-color: #9bcfd6; scrollbar-darkshadow-color: #e5f4fd; scrollbar-track-color: #e5f4fd; scrollbar-arrow-color: #9bcfd6;}
.con_left_sccon {float: left;width: 220px;padding-left: 20px;}
.con_left_scbor {float: left;width: 200px;border: 1px solid #d7eaf5;margin-top: 12px;margin-left: 25px;height:100px;}
.con_left_scimg {width: 28px;padding: 8px 0 0 8px;float: left;}
.con_left_scft {padding: 5px 0 5px 10px;line-height: 18px;font-size: 14px;width: 140px;float: left;}
.con_left_scbot {border-top: 1px solid #d7eaf5;font-size: 14px;float: left;width: 200px;color: #004dac;}
.con_left_scbot dl {line-height: 25px;float: left;}
.con_left_scbot dt {float: left;width: 65px;text-align: right;display: none;}
.con_left_scbot dd {float: left;width: 65px;display: none;}
.con_left_scbot a:link {color: #004DAC;text-decoration: none;}
.con_left_scbot a:visited { text-decoration: none; color: #004DAC; }
.con_left_scbot a:hover { text-decoration: none; color: #FF6600; }


#dynews {
    clear: both;
    float: left;
    height: 35px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 200px !imp;
    text-align: left;
    width: 660px;
}

.con_right_bgfts {
    color: #666666;
    float: right;
    padding-right: 10px;
	background-color: #f3f3f3;
}


.con_right_bg {
    background-color: #f3f3f3;
    height: 30px;
    padding-top: 5px;
	margin-top:5px;
    width: 434;
    border-left-color: #AAAAAA;
    border-left-style: solid;
    border-left-width: 1px;
 	border-right-color: #AAAAAA;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #AAAAAA;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #AAAAAA;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #AAAAAA;
    border-top-style: solid;
    border-top-width: 1px;
  
    
   

}


.con_right_bginp {
    float: left;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
	background-color: #f3f3f3;
	color:#3e9ce2;
	font-weight: bold;
	font-size:16px;
}
.typhoonName{
	float: left;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
	background-color: #f3f3f3;
	color:#3e9ce2;
	font-weight: bold;
	font-size:16px;
}
.con_right_bgft {
    float: left;
    padding-top: 5px;
background-color: #f3f3f3;
}

.con_right_ftswz {
    color: #666666;
    float: left;
	/*line-height: 30px;*/
    
	background-color: #f3f3f3;
}
</style>
<!--中间文件开始-->
<script type="text/javascript">
			/**
			 * ifream页面高度自适应
			 */

			function reinitIframe(id){
				alert(1);
				var iframe = document.getElementById(id);
				alert(iframe);
				try{
					var bHeight = iframe.contentWindow.document.body.scrollHeight;
					var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
					alert(bHeight+"##"+dHeight);
					var height = Math.max(bHeight, dHeight);//一个ff 一个ie 取大值兼容
					alert(height);
					iframe.height =  height;
				}catch (ex){
					
				}
			}
			
			jQuery(document).ready(function(){
				
				//元素初始值
				var timeType ,time_1h_w,time_1h_r,time_6h,time_24h;
				function initParm(){
					timeType = jQuery("#timeType")[0].value;
					time_1h_w = jQuery("#time_1h_w")[0].value;
					time_1h_r = jQuery("#time_1h_r")[0].value;
					time_6h = jQuery("#time_6h")[0].value;
					time_24h = jQuery("#time_24h")[0].value;
				}
				
				/***start 消息提示***/
				jQuery('#js-news-ty').ticker({
						displayType:'fade'
					});
				/***end 消息提示***/

				/****start 分页****/
				var items_on_page = 9;
			 	var pages_step = 3;
				var totalNum = 0;
			 	function get_data(page_index, jq){
			 			appendText(totalNum);
				 		
			 			start_index = items_on_page * page_index + 1;
			 			end_index = start_index + items_on_page - 1;
						$.ajax({
							type: "POST",
							url: "/typhoon/ranking_pageing.php",
							data: {start_index: start_index,end_index: end_index,type: "get",timeType:timeType,time_1h_r:time_1h_r,time_1h_w:time_1h_w,time_6h:time_6h,time_24h:time_24h},
							success: function(html){
										$(".alexacontext").html(html);
									}
						});
						return false;
				}
				//分页描述信息
				function appendText(total){
					if(total>0){
						var pageNumEnd = total/items_on_page;
						if(total%items_on_page != 0){
							pageNumEnd = pageNumEnd + 1;
						}
						pageNumEnd = Math.floor(pageNumEnd);
						var pageShowText = "<div style='float:left; margin-top:2px;color:#464545;'>显示"+1+"-"+pageNumEnd+"页   共 "+total+"条记录 </div>"
						//jQuery('#paging').append("<div style='float:right;margin-top:2px;color:#464545;'>Page&nbsp;</div>");
						jQuery('#paging').append(pageShowText);
					}
				}
				//请求数据
				function requestData(){
					initParm();
					$.ajax({
						type: "POST",url: "/typhoon/ranking_pageing.php",
						data: {type: "total",timeType:timeType,time_1h_w:time_1h_w,time_1h_r:time_1h_r,time_6h:time_6h,time_24h:time_24h},
						success: function(total){
							totalNum = total;
							//$("#paging").jpaging({all_items_num: total,callback: get_data,items_on_page: items_on_page,pages_step: pages_step});
							$("#paging").pagination(total, {
								//每页显示数
			                    items_per_page:items_on_page,
			                    //最前最后显示数
			                    num_edge_entries: 1,
			                    //显示几个页标签
			                    num_display_entries: pages_step,
			                    prev_text:"",
			                    next_text:"",
			                    callback: get_data
			                });
							
						}
					});
				}
				requestData();
				
				/****end 分页****/
				
				jQuery("#timeType").bind('change',function(){
						jQuery("#time_1h_w").hide();
						jQuery("#time_1h_r").hide();
						jQuery("#time_6h").hide();
						jQuery("#time_24h").hide();
						var eid = $(this)[0].value;
						var id = "#time_"+eid;
						jQuery(id).show();

						if($(this)[0].value == '1h_w'){
							var html = '<ul><li class="alexa">排名</li><li class="sname">站名</li><li class="windspeed">风速</li></ul>';
							$(".mcontent_title").html(html);
						}else{
							var html = '<ul><li class="alexa">排名</li><li class="sname">站名</li><li class="precipitation">降水</li></ul>';
							$(".mcontent_title").html(html);
						}
						requestData();
				});

				jQuery("#time_1h_w").bind('change',function(){
					requestData();
				});
				jQuery("#time_1h_r").bind('change',function(){
					requestData();
				});
				jQuery("#time_6h").bind('change',function(){
					requestData();
				});
				jQuery("#time_24h").bind('change',function(){
					requestData();
				});
				$("#timeType").get(0).selectedIndex=0;
				$('#radio1').checked=false;
				
        	});


			//选中台风显示checkbox
			function checked_t(){
				$("#met_typhoon").attr("checked", true);
				
			}
			//选中预警显示checkbox
			function checked_alarm(){
				$("#alarm_clear").attr("checked", true);
				
			}
			//选中天气预报显示checkbox
			function checked_met_wf(){
				$("#met_wf").attr("checked", true);
				
			}
		</script>


<div id="main">
	<div id="mainleft">
		{{include file="nmc/left.html"}}
	</div>
	<div id="mainline">
		<div id="mainlinetop"></div>
	</div>
	<!--二级页面替换开始-->
	<div id="mainright">
		<div id="container">
			<div class="">
				<div class="" id="ticker-wrapper" style="margin: 0px; width: 762px; border: 1px solid #f8e353">
				<div style="float: left; margin-top: 3px;"><img src="../images/tfgz_newslog.gif"/></div>
                    <ul id="js-news-ty" class="js-hidden">
                        {{section name="a" loop=$newsData}}
		        			<li class="news-item">{{$newsData[a].NEWSCONTENT}}</li>
		    			{{/section}}
                    </ul>
                </div>
				
			</div>
			<!-- 工具条 -->
			<div class="con_right_bg">	
		      <div class="typhoonName"></div>
		      
		      <div class="con_right_bginp">
		        <input type="checkbox" id="met_typhoon" checked="checked" name="Input">
		      </div>
		      <div class="con_right_bgft">台风</div>
		      <div class="con_right_bginp">
		        <input type="checkbox" id="met_rain" name="Input">
		      </div>
		      <div class="con_right_bgft">降水</div>
		      <!--<div class="con_right_bginp">
		        <input type="checkbox" id="met_wumai" name="Input">
		      </div>
		      <div class="con_right_bgft">雾霾</div>
		      <div class="con_right_bginp">
		        <input type="checkbox" id="met_chacheng" name="Input">
		      </div>           
		      <div class="con_right_bgft">灾害性天气</div>     
		       --><div id="alarm_chk" class="con_right_bginp">
		        <input type="checkbox" id="alarm_clear" name="Input">
		      </div>   
		      <div class="con_right_bgft" id="alarmDiv">预警</div>
		      
		       <div class="con_right_bginp">
		        <input type="checkbox" id="met_wf" name="Input">
		      </div>   
			      <div class="con_right_bgft">天气预报</div>
			      
			       <div class="con_right_bginp">
			        <input type="checkbox" id="met_cloud" name="Input">
			      </div>
			      <div id="cloud_b" class="con_right_bgft" style="width:200px;"><span style="float: left;">云图</span>
				      <div id="cloudImg" style="display:none;">
					      <img id="cloud_previous" title="上一张卫星云图" src="img/first_12x12.png">   
					      <img id="cloud_play" title="播放" alt="stop" src="img/play_9x12.png">  
					      <img id="cloud_next" title="下一张卫星云图" src="img/last_12x12.png">     
					      <span title="当前时间为世界时(UTC)" id="cloud_time"></span> 
				      </div>
		         
		      	</div>
		      
		      <div class="con_right_bgfts">       
		        <div style="padding-right: 8px;" class="con_right_ftswz"><a onclick="map.changMap()" href="javascript:void(0)"><img title="影像/矢量地图切换" src="img/m-ditu.gif?1" style="margin-top:3px;"></a></div>
		        <div style="padding-right: 8px;" class="con_right_ftswz"><a id="distance_1" href="javascript:void(0)"><img title="距离测量" src="img/map_cj_blue.gif?1"></a></div>  
		        <div class="con_right_ftswz"><a id="zoom_In" href="javascript:void(0)"> <img title="拉框放大" src="img/map_fd_blue.gif?1"></a></div>
		      </div> 
		    </div>
		
			<div id="flexgis">
			
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
					 width="100%" height="100%"  name="indexSWF" id="indexSWF"
					codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
					<param name="movie" value="index.swf?t=101019" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#6e6e6e" />
					<param name="allowScriptAccess" value="sameDomain" />
					 <param name="allowFullScreen" value="true" />	
					<embed src="index.swf?t=101019" quality="high" bgcolor="#6e6e6e"  name="index" id="index"
						width="100%" height="100%"  align="middle"
						allowFullScreen="true"	
						play="true"
						loop="false"
						quality="high"
						allowScriptAccess="sameDomain"
						type="application/x-shockwave-flash"
						pluginspage="http://www.adobe.com/go/getflashplayer">
					</embed>	
				</object>
			</div>
	<div id="tabs">
				<ul>
                	<li>
                    	<div class="ui-widget-header" style=" border:0px;">
                    		<span class="weather_title" style="width:80px;"><img width="5" height="9" src="http://www.nmc.gov.cn/images/index/weather2-1_03.jpg">&nbsp;叠加产品：			</span>
                		</div>
                	</li>
					<li><a href="#tabs-1" name="tabc">历史台风</a></li>
					<li><a href="#tabs-2" name="tabc">海区预报</a></li>
					<li><a href="#tabs-3" name="tabc">预警</a></li>
					<li><a href="#tabs-4" name="tabc">天气预报</a></li>
					<li><a href="#tabs-5" name="tabc">数值预报</a></li>
					<li><a href="#tabs-6" name="tabc">降水预报</a></li>
					<li><a href="#tabs-7" name="tabc">灾害性天气</a></li>
				</ul>
				
				<div id="tabs-1">
				
				 选择年份
    
          <select name="select" class="sel_s" id ="typhoon_year">           
          </select>          
      
          <div class="bg_con_ft" id="endYearDiv1" style="display: none">结束年份：</div>
        <div class="bg_con_sel" id="endYearDiv2" style="display: none">
          <select name="select" class="sel_s" id ="end_typhoon_year">           
          </select>          
        </div>
        
       		月份：        
          <select name="select" class="sel_s" id ="typhoon_month">
          <option value="0">全部</option>
          <option value="1">一月</option>
           <option value="2">二月</option>
           <option value="3">三月</option>
           <option value="4">四月</option>
  			<option value="5">五月</option>
            <option value="6">六月</option>
            <option value="7">七月</option>
            <option value="8">八月</option>
            <option value="9">九月</option>
            <option value="10">十月</option>
            <option value="11">十一月</option>
            <option value="12">十二月</option>      
           </select>          
      
        
      		 强度：        
          <select name="select" class="sel_s" id ="typhoon_level">
           <option value="">全部</option>
           <option value="1">热带低压</option>
           <option value="2">热带风暴</option>
           <option value="3">强热带风暴</option>
           <option value="4">台风</option>
  		   <option value="5">强台风</option>
           <option value="6">超强台风</option>      
           </select>          
       
   		    显示：
          <select name="select" class="sel_s" id ="typhoon_showlevel">
           <option value="0">全部</option>
          <option value="1">源地</option>                      
           </select>
           <input type="checkbox" title="跨年搜索" checked="checked" id="showEndYear" /> 跨年搜索          
        
       		<input type="button"  id="doqueryTyButton" value="确定"/>
				<div class="con_left_list"  id="con_left_list">    	
   			   正在加载数据......
   				 </div>
				
				</div>
				<div id="tabs-2">
					<input type="checkbox" id="sea1" title="沿岸海域预报" /> <label for="sea1">沿岸海域预报</label>  
					<input type="checkbox" id="sea2" title="近海海域预报" /> <label for="sea2">近海海域预报</label>  
					<input type="checkbox" id="sea3" title="远海海域预报" /> <label for="sea3">远海海域预报</label>  
				 </div>
				<div id="tabs-3">
									区域：<select id="province">
				     <option value="" selected="selected">全部</option>
					<option value="北京市">北京市</option>
					<option value="天津市">天津市</option>
					<option value="河北省">河北省</option>
					<option value="山西省">山西省</option>
					<option value="内蒙古自治区">内蒙古自治区</option>
					<option value="辽宁省">辽宁省</option>
					<option value="吉林省">吉林省</option>
					<option value="黑龙江省">黑龙江省</option>
					<option value="上海市">上海市</option>
					<option value="江苏省">江苏省</option>
					<option value="浙江省">浙江省</option>
					<option value="安徽省">安徽省</option>
					<option value="福建省">福建省</option>
					<option value="江西省">江西省</option>
					<option value="山东省">山东省</option>
					<option value="河南省">河南省</option>
					<option value="湖北省">湖北省</option>
					<option value="湖南省">湖南省</option>
					<option value="广东省">广东省</option>
					<option value="广西壮族自治区">广西壮族自治区</option>
					<option value="海南省">海南省</option>
					<option value="重庆市">重庆市</option>
					<option value="四川省">四川省</option>
					<option value="贵州省">贵州省</option>
					<option value="云南省">云南省</option>
					<option value="西藏自治区">西藏自治区</option>
					<option value="陕西省">陕西省</option>
					<option value="甘肃省">甘肃省</option>
					<option value="青海省">青海省</option>
					<option value="宁夏回族自治区">宁夏回族自治区</option>
					<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>  
				     </select> &nbsp;
				      时间:<select id="hour">
				      <option value="1">最近1小时</option>
				      <option value="3" selected="selected">最近3小时</option>
				      <option value="6">最近6小时</option>
				      <option value="12">最近12小时</option>
				      <option value="24">最近24小时</option>
				      <option value="48">最近48小时</option>
				      </select>
				      预警类别：
				      <select id="signaltype">
						<option value="" selected="selected">全部</option>
						<option value="沙尘暴">沙尘暴</option>
						<option value="雷电">雷电</option>
						<option value="大风">大风</option>
						<option value="道路结冰">道路结冰</option>
						<option value="霜冻">霜冻</option>
						<option value="台风">台风</option>
						<option value="大雾">大雾</option>
						<option value="暴雪">暴雪</option>
						<option value="雪灾">雪灾</option>
						<option value="寒潮">寒潮</option>
						<option value="冰雹">冰雹</option>
						<option value="干旱">干旱</option>
						<option value="霾">霾</option>
						<option value="暴雨">暴雨</option>
						<option value="高温">高温</option>
						<option value="雷雨大风">雷雨大风</option>
						</select>
						信号级别<select id="signallevel">
						<option value="" selected="selected">全部</option>
						<option value="红色">红色</option>
						<option value="橙色">橙色</option>
						<option value="黄色">黄色</option>
						<option value="蓝色">蓝色</option>
						</select> 
				      <input type="button" value="确定" id="query_Alarm" /> 
						<div id="left_tab1_content" class="con_left_list" ></div>   
				 </div>
				<div id="tabs-4">
					<nobr><a onClick="doWeatherForecastByCity('北京')" href="javascript:void(0)" >北京</a></nobr>
					<nobr><a onClick="doWeatherForecastByCity('上海')" href="javascript:void(0)" >上海</a></nobr>
					<nobr><a onClick="doWeatherForecastByCity('天津')" href="javascript:void(0)" >天津</a></nobr>
					<nobr><a onClick="doWeatherForecastByCity('重庆')" href="javascript:void(0)" >重庆</a></nobr>
					<a class="black" onClick="doWeatherForecastByProvince('安徽省',117,31)" href="javascript:void(0)">安徽</a>
					<a class="black" onClick="doWeatherForecastByProvince('福建省',119,26)" href="javascript:void(0)">福建</a>
					<a class="black" onClick="doWeatherForecastByProvince('甘肃省',103,36)" href="javascript:void(0)">甘肃</a>
					 <input name="text" type="text" id="searchCityForecastValue"  value="请输入城市名称，如 北京  上海"  onblur="(this.value=='')?this.value='请输入城市名称，如 北京  上海':this.value" onFocus="if(this.value=='请输入城市名称，如 北京  上海'){this.value='';};this.select();" />
		            <input type="button" id="searchForeButton" value="确定"/>
					<div id="left_weatherF_content" class="con_left_list" style="padding-left:15px;" ></div> 
				 </div>
				<div id="tabs-5">
							<table>
			      <tbody>
			      	<tr>
			      		<td><input value="08" type="radio" id="t63908" name="t639Radio" /> 08时</td>
			      		<td><input name="T6391" id="h500" value="1"  type="checkbox" /> <label for="h500">500hPa高度场</label> </td>
			      		<td><input name="T6391" id="w850"  value="2"  type="checkbox" /> <label for="w850">850hPa风场</label> </td>
			      		 <td rowspan="2" valign="middle">
			      		 
			      		 <select id ="t639select">   
			      		 </select>
			      		 
			      		 
			      		 </td>     		 
			      		 <td rowspan="2" valign="middle">			      		
			      		 </td>  
			      	</tr>
			      	<tr>
			      	<td><input value="20" type="radio" id="t63920" name="t639Radio" /> 20时</td>
					<td><input name="T6391" id="w700"  value="3"  type="checkbox" /> <label for="w700">700hPa风场</label> </td>
					<td><input name="T6391" id="v200"  value="4"  type="checkbox" /> <label for="v200">200hPa流场</label></td>
			      	</tr>
			      	</tbody>
			      </table>
				
				
				</div>
				<div id="tabs-6">
						<input id='radio1' name="radio1"  value="24" type="checkbox" id="rain_24" /> <label for="radio1">24小时</label>
						<input name="radio1" value="48" type="checkbox" id="rain_48"  /> <label for="radio2">48小时</label>
						<input name="radio1"  value="72" type="checkbox" id="rain_72" /> <label for="radio3">72小时</label>
						<input name="rainCheck" id="rainCheck1" value="1"  type="checkbox" /> <label for="rainCheck1">0~10</label> 
						<input name="rainCheck" id="rainCheck2" value="2"  type="checkbox" /> <label for="rainCheck2">10~25</label> 
						<input name="rainCheck" id="rainCheck3" value="3"  type="checkbox" /> <label for="rainCheck3">25~50</label> 
						<input name="rainCheck" id="rainCheck4" value="4"  type="checkbox" /> <label for="rainCheck4">50~100</label> 
						<input name="rainCheck" id="rainCheck5" value="5"  type="checkbox" /> <label for="rainCheck5">100~250</label> 
						<input name="rainCheck" id="rainCheck6" value="6"  type="checkbox" /> <label for="rainCheck6">>250(mm)</label> 
					
				
				</div>
				<div id="tabs-7">
				 <input name="Input" type="checkbox"  id="met_wumai"/>雾霾
				 <input name="Input" type="checkbox"  id="met_chacheng"/>灾害性天气
				
				</div>
           </div>
	<!--<div id="tabs">
				<ul>
                	<li>
                    	<div class="ui-widget-header" style=" border:0px;">
                    		<span class="weather_title" style="width:80px;"><img width="5" height="9" src="http://www.nmc.gov.cn/images/index/weather2-1_03.jpg">&nbsp;叠加产品：			</span>
                		</div>
                	</li>
					<li><a href="#tabs-1">历史台风</a></li>
					<li><a href="#tabs-2">海区预报</a></li>
					<li><a href="#tabs-3">预警</a></li>
					<li><a href="#tabs-4">天气预报</a></li>
					<li><a href="#tabs-5">数值预报</a></li>
					<li><a href="#tabs-6">降水预报</a></li>
					<li><a href="#tabs-7">灾害性天气</a></li>
				</ul>
				
				
			<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" style='margin-left:50px;'>
				 选择年份<select id="typhoon_year" class="sel_s" name="select"><option id="typhoonList.xml" value="2011">2011</option><option id="typhoonList2010.xml" value="2010">2010</option><option id="null" value="2009">2009</option><option id="null" value="2008">2008</option><option id="null" value="2007">2007</option><option id="null" value="2006">2006</option><option id="null" value="2005">2005</option><option id="null" value="2004">2004</option><option id="null" value="2003">2003</option><option id="null" value="2002">2002</option><option id="null" value="2001">2001</option><option id="null" value="2000">2000</option><option id="null" value="1999">1999</option><option id="null" value="1998">1998</option><option id="null" value="1997">1997</option><option id="null" value="1996">1996</option><option id="null" value="1995">1995</option><option id="null" value="1994">1994</option><option id="null" value="1993">1993</option><option id="null" value="1992">1992</option><option id="null" value="1991">1991</option><option id="null" value="1990">1990</option><option id="null" value="1989">1989</option><option id="null" value="1988">1988</option><option id="null" value="1987">1987</option><option id="null" value="1986">1986</option><option id="null" value="1985">1985</option><option id="null" value="1984">1984</option><option id="null" value="1983">1983</option><option id="null" value="1982">1982</option><option id="null" value="1981">1981</option><option id="null" value="1980">1980</option><option id="null" value="1979">1979</option><option id="null" value="1978">1978</option><option id="null" value="1977">1977</option><option id="null" value="1976">1976</option><option id="null" value="1975">1975</option><option id="null" value="1974">1974</option><option id="null" value="1973">1973</option><option id="null" value="1972">1972</option><option id="null" value="1971">1971</option><option id="null" value="1970">1970</option><option id="null" value="1969">1969</option><option id="null" value="1968">1968</option><option id="null" value="1967">1967</option><option id="null" value="1966">1966</option><option id="null" value="1965">1965</option><option id="null" value="1964">1964</option><option id="null" value="1963">1963</option><option id="null" value="1962">1962</option><option id="null" value="1961">1961</option><option id="null" value="1960">1960</option><option id="null" value="1959">1959</option><option id="null" value="1958">1958</option><option id="null" value="1957">1957</option><option id="null" value="1956">1956</option><option id="null" value="1955">1955</option><option id="null" value="1954">1954</option><option id="null" value="1953">1953</option><option id="null" value="1952">1952</option><option id="null" value="1951">1951</option><option id="null" value="1950">1950</option><option id="null" value="1949">1949</option></select>          
          	<div style="display: none;" id="endYearDiv1" class="bg_con_ft">结束年份：</div>
        	<div style="display: none;" id="endYearDiv2" class="bg_con_sel"><select id="end_typhoon_year" class="sel_s" name="select"><option id="typhoonList.xml" value="2011">2011</option><option id="typhoonList2010.xml" value="2010">2010</option><option id="null" value="2009">2009</option><option id="null" value="2008">2008</option><option id="null" value="2007">2007</option><option id="null" value="2006">2006</option><option id="null" value="2005">2005</option><option id="null" value="2004">2004</option><option id="null" value="2003">2003</option><option id="null" value="2002">2002</option><option id="null" value="2001">2001</option><option id="null" value="2000">2000</option><option id="null" value="1999">1999</option><option id="null" value="1998">1998</option><option id="null" value="1997">1997</option><option id="null" value="1996">1996</option><option id="null" value="1995">1995</option><option id="null" value="1994">1994</option><option id="null" value="1993">1993</option><option id="null" value="1992">1992</option><option id="null" value="1991">1991</option><option id="null" value="1990">1990</option><option id="null" value="1989">1989</option><option id="null" value="1988">1988</option><option id="null" value="1987">1987</option><option id="null" value="1986">1986</option><option id="null" value="1985">1985</option><option id="null" value="1984">1984</option><option id="null" value="1983">1983</option><option id="null" value="1982">1982</option><option id="null" value="1981">1981</option><option id="null" value="1980">1980</option><option id="null" value="1979">1979</option><option id="null" value="1978">1978</option><option id="null" value="1977">1977</option><option id="null" value="1976">1976</option><option id="null" value="1975">1975</option><option id="null" value="1974">1974</option><option id="null" value="1973">1973</option><option id="null" value="1972">1972</option><option id="null" value="1971">1971</option><option id="null" value="1970">1970</option><option id="null" value="1969">1969</option><option id="null" value="1968">1968</option><option id="null" value="1967">1967</option><option id="null" value="1966">1966</option><option id="null" value="1965">1965</option><option id="null" value="1964">1964</option><option id="null" value="1963">1963</option><option id="null" value="1962">1962</option><option id="null" value="1961">1961</option><option id="null" value="1960">1960</option><option id="null" value="1959">1959</option><option id="null" value="1958">1958</option><option id="null" value="1957">1957</option><option id="null" value="1956">1956</option><option id="null" value="1955">1955</option><option id="null" value="1954">1954</option><option id="null" value="1953">1953</option><option id="null" value="1952">1952</option><option id="null" value="1951">1951</option><option id="null" value="1950">1950</option><option id="null" value="1949">1949</option></select>          
        	</div>
       		月份：<select id="typhoon_month" class="sel_s" name="select">
			          <option value="0">全部</option>
			          <option value="1">一月</option>
			           <option value="2">二月</option>
			           <option value="3">三月</option>
			           <option value="4">四月</option>
			  			<option value="5">五月</option>
			            <option value="6">六月</option>
			            <option value="7">七月</option>
			            <option value="8">八月</option>
			            <option value="9">九月</option>
			            <option value="10">十月</option>
			            <option value="11">十一月</option>
			            <option value="12">十二月</option>      
           </select>          
      		 强度：        
          <select id="typhoon_level" class="sel_s" name="select">
           <option value="">全部</option>
           <option value="1">热带低压</option>
           <option value="2">热带风暴</option>
           <option value="3">强热带风暴</option>
           <option value="4">台风</option>
  		   <option value="5">强台风</option>
           <option value="6">超强台风</option>      
           </select>          
       
   		    显示：
          <select id="typhoon_showlevel" class="sel_s" name="select">
           <option value="0">全部</option>
          <option value="1">源地</option>                      
           </select>
           <input type="checkbox" id="showEndYear" checked="checked" title="跨年搜索"> 跨年搜索          
       	   <input type="button" value="确定" id="doqueryTyButton">
			 start搜索结果 
			<div id="cutDiv1" class="citycutDiv citycutHeight">
					<ul>
						<li>
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">珍珠</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src='/images/typhoon_1.png'></img></div>
							<div class="nameweather">(nameless)</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">悟空玛丽亚</div>
							<div class="temperature temperaturelast"><img style="cursor: pointer;" src="/images/ico_21.gif"></img></div>
						</li>
						<li>
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">珍珠</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src='/images/typhoon_1.png'></img></div>
							<div class="nameweather">(nameless)</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">悟空玛丽亚</div>
							<div class="temperature temperaturelast"><img style="cursor: pointer;" src="/images/ico_21.gif"></img></div>
						</li><li>
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">珍珠</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src='/images/typhoon_1.png'></img></div>
							<div class="nameweather">(nameless)</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">悟空玛丽亚</div>
							<div class="temperature temperaturelast"><img style="cursor: pointer;" src="/images/ico_21.gif"></img></div>
						</li>
						<li>
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">珍珠</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src='/images/typhoon_1.png'></img></div>
							<div class="nameweather">(nameless)</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">悟空玛丽亚</div>
							<div class="temperature temperaturelast"><img style="cursor: pointer;" src="/images/ico_21.gif"></img></div>
						</li>
						<li>
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">珍珠</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src='/images/typhoon_1.png'></img></div>
							<div class="nameweather">(nameless)</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">悟空玛丽亚</div>
							<div class="temperature temperaturelast"><img style="cursor: pointer;" src="/images/ico_21.gif"></img></div>
						</li><li>
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">珍珠</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src='/images/typhoon_1.png'></img></div>
							<div class="nameweather">(nameless)</div>
							<div class="temperature"><img style="cursor: pointer;" src="/images/ico_21.gif"></div>
							 
							<div class="namecity"><img src="/images/typhoon_5.png"></img></div>
							<div class="nameweather">悟空玛丽亚</div>
							<div class="temperature temperaturelast"><img style="cursor: pointer;" src="/images/ico_21.gif"></img></div>
						</li>
					</ul>
			</div>	
			 end搜索结果 	
				
	</div>
				
				<div id="tabs-2">tabs-2Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida </div>
				
				
				<div id="tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom"  style='margin-left: 25px;'>
									区域：<select id="province">
				     <option selected="selected" value="">全部</option>
					<option value="北京市">北京市</option>
					<option value="天津市">天津市</option>
					<option value="河北省">河北省</option>
					<option value="山西省">山西省</option>
					<option value="内蒙古自治区">内蒙古自治区</option>
					<option value="辽宁省">辽宁省</option>
					<option value="吉林省">吉林省</option>
					<option value="黑龙江省">黑龙江省</option>
					<option value="上海市">上海市</option>
					<option value="江苏省">江苏省</option>
					<option value="浙江省">浙江省</option>
					<option value="安徽省">安徽省</option>
					<option value="福建省">福建省</option>
					<option value="江西省">江西省</option>
					<option value="山东省">山东省</option>
					<option value="河南省">河南省</option>
					<option value="湖北省">湖北省</option>
					<option value="湖南省">湖南省</option>
					<option value="广东省">广东省</option>
					<option value="广西壮族自治区">广西壮族自治区</option>
					<option value="海南省">海南省</option>
					<option value="重庆市">重庆市</option>
					<option value="四川省">四川省</option>
					<option value="贵州省">贵州省</option>
					<option value="云南省">云南省</option>
					<option value="西藏自治区">西藏自治区</option>
					<option value="陕西省">陕西省</option>
					<option value="甘肃省">甘肃省</option>
					<option value="青海省">青海省</option>
					<option value="宁夏回族自治区">宁夏回族自治区</option>
					<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>  
				     </select> &nbsp;
				      时间:<select id="hour">
				      <option value="1">最近1小时</option>
				      <option selected="selected" value="3">最近3小时</option>
				      <option value="6">最近6小时</option>
				      <option value="12">最近12小时</option>
				      <option value="24">最近24小时</option>
				      <option value="48">最近48小时</option>
				      </select>
				      预警类别：
				      <select id="signaltype">
						<option selected="selected" value="">全部</option>
						<option value="沙尘暴">沙尘暴</option>
						<option value="雷电">雷电</option>
						<option value="大风">大风</option>
						<option value="道路结冰">道路结冰</option>
						<option value="霜冻">霜冻</option>
						<option value="台风">台风</option>
						<option value="大雾">大雾</option>
						<option value="暴雪">暴雪</option>
						<option value="雪灾">雪灾</option>
						<option value="寒潮">寒潮</option>
						<option value="冰雹">冰雹</option>
						<option value="干旱">干旱</option>
						<option value="霾">霾</option>
						<option value="暴雨">暴雨</option>
						<option value="高温">高温</option>
						<option value="雷雨大风">雷雨大风</option>
						</select>
						信号级别<select id="signallevel">
						<option selected="selected" value="">全部</option>
						<option value="红色">红色</option>
						<option value="橙色">橙色</option>
						<option value="黄色">黄色</option>
						<option value="蓝色">蓝色</option>
						</select> 
				      <input type="button" id="query_Alarm" value="确定"> 
				      
				      
				      
				      
				      
				       start搜索结果 
				      
				      <table width="100%" border="0" cellspacing="0" cellpadding="0">
						  
						  <tr>
						    <td>
								<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						    <td>
						    	<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						   <td>
						    	<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						  </tr>
						  <tr>
						    <td>
								<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						    <td>
						    	<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						   <td>
						    	<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						  </tr>
						  <tr>
						    <td>
								<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						    <td>
						    	<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						   <td>
						    	<div class="con_left_scbor"> <div class="con_left_scimg"><img height="23" width="28" src="http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg"></div> <div class="con_left_scft">重庆市气象台发布<br>&nbsp;&nbsp;高温橙色预警</div> <div class="con_left_scbot"> <dl><dt>状态：</dt> <dd><strong>解除</strong></dd> <dd><a onclick="map.drawImg('108.42','31.18','http://10.28.21.103:8080/Nmc/images/alarm/icon_n/s0003002.jpg','重庆市高温橙色','开县气象局2011年5月20日17时06分解除“高温橙色预警信号”。2011年05月20日17时06分',true,true)" href="javascript:void(0)">详情</a></dd> </dl><dl>&nbsp;&nbsp;2011年05月20日17时06分</dl> </div></div>
							</td>
						  </tr>
						  
					</table>
						
						 end搜索结果 
					
				</div>
				
				
				<div id="tabs-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom"  style='margin-left: 15px;'>
					<nobr><a href="javascript:void(0)" onclick="doWeatherForecastByCity('北京')">北京</a></nobr>
					<nobr><a href="javascript:void(0)" onclick="doWeatherForecastByCity('上海')">上海</a></nobr>
					<nobr><a href="javascript:void(0)" onclick="doWeatherForecastByCity('天津')">天津</a></nobr>
					<nobr><a href="javascript:void(0)" onclick="doWeatherForecastByCity('重庆')">重庆</a></nobr>
					<a href="javascript:void(0)" onclick="doWeatherForecastByProvince('安徽省',117,31)" class="black">安徽</a>
					<a href="javascript:void(0)" onclick="doWeatherForecastByProvince('福建省',119,26)" class="black">福建</a>
					<a href="javascript:void(0)" onclick="doWeatherForecastByProvince('甘肃省',103,36)" class="black">甘肃</a>
					 <input type="text" onfocus="if(this.value=='请输入城市名称，如 北京  上海'){this.value='';};this.select();" onblur="(this.value=='')?this.value='请输入城市名称，如 北京  上海':this.value" value="请输入城市名称，如 北京  上海" id="searchCityForecastValue" name="text">
		            <input type="button" value="确定" id="searchForeButton">
				
				
						 start搜索结果 
				      
				      <table width="100%" border="0" cellspacing="0" cellpadding="0" >
						  
						  <tr>
						    <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						     <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						    <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						  </tr>
						   <tr>
						    <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						     <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						    <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						  </tr>
						   <tr>
						    <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						     <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						    <td>
								<dl onclick="map.drawWeatherImg('115.38','33.07','http://10.28.21.103:8080/Nmc/images/icon/d04.gif','临泉05月20日预报信息','天气现象：雷阵雨-雷阵雨\n最高温度：19.0(度)\n最低温度：16.0(度)',true,true)" class="w_dl"><dt>临泉</dt><dd><img src="http://10.28.21.103:8080/Nmc/images/icon/d04.gif"><img src="http://10.28.21.103:8080/Nmc/images/icon/n04.gif"><span>19.0</span>/<b>16.0℃</b></dd></dl>
							</td>
						  </tr>
						  
					</table>
						
						 end搜索结果 
				</div>
				<div id="tabs-5">tabs-5Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida </div>
				<div id="tabs-6">tabs-6tabs-1Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida </div>
				<div id="tabs-7">tabs-7Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida </div>
           </div>											
           
           -->
           <!--<iframe onload="reinitIframe('b_iframe')" id="b_iframe" width='100%'   frameborder="0" marginwidth="0" marginheight="0" scrolling="no"  src = "http://10.0.64.216:8080/Nmc/t1.html"></iframe>-->
			<!--<iframe onload="" id="b_iframe" width='100%'   frameborder="0" marginwidth="0" marginheight="0" scrolling="no"  src = "http://10.28.21.119:8080/lwfd/b.html"></iframe>-->
           
           
           <div id="mcontainer">
           		<div class="mleft" id="accordion">                                    
                    <h3><a href="#" ><span style='font-weight: bold;'>热带气旋公报</span><span class="detailed" href="/publish/{{$perday.NEWS_URL_1101}}" style=" color:#1874b5;font-weight: bold;">详细</span></a></h3>
                    <div>
                        {{$perday.NEWS_CONTENT_1101}}
                    </div>
                    <h3><a href="#"><span style='font-weight: bold;'>海洋天气公报</span><span class="detailed" href="/publish/{{$perday.NEWS_URL_1207}}" style="color:#1874b5;font-weight: bold;">详细</span></a></h3>
                    <div>
                       {{$perday.NEWS_CONTENT_1207}}
                    </div>
                     <h3><a href="#"><span style='font-weight: bold;'>{{$perday_1110.PRODUCT_YMDHMI}}&nbsp;&nbsp;&nbsp;&nbsp;热带气旋报文</span><span class="detailed" href="/publish/{{$perday.NEWS_URL_1110}}" style=" ;color:#1874b5;font-weight: bold;">更多</span></a></h3>
                    <div>
                        {{$perday.NEWS_CONTENT_1110}}
                    </div>
                </div>
                <div class="mright">
                	<div class="title_bar">
                        <div class="weather_title" style="width: 100px;"><img width="5" height="9" src="http://www.nmc.gov.cn/images/index/weather2-1_03.jpg">&nbsp;实况排名</div>
						<div class="sright" style="display: inline;">
                        	<select name = 'time_1h_w' id='time_1h_w'>
                        		{{section name="a" loop=$seletdata_1h}}
		        					<option value="{{$seletdata_1h[a].value}}">{{$seletdata_1h[a].text}}</option>
		    					{{/section}}
                            </select>
                            <select name = 'time_1h_r' id='time_1h_r' style='display: none;'>
                        		{{section name="a" loop=$seletdata_1h}}
		        					<option value="{{$seletdata_1h[a].value}}">{{$seletdata_1h[a].text}}</option>
		    					{{/section}}
                            </select>
                            <select name = 'time_6h' id = 'time_6h' style='display: none;'>
                        		{{section name="a" loop=$seletdata_6h}}
		        					<option value="{{$seletdata_6h[a].value}}">{{$seletdata_6h[a].text}}</option>
		    					{{/section}}
                            </select>
                            
                            <select name = 'time_24h' id = 'time_24h' style='display: none;'>
                        		{{section name="a" loop=$seletdata_24h}}
		        					<option value="{{$seletdata_24h[a].value}}">{{$seletdata_24h[a].text}}</option>
		    					{{/section}}
                            </select>
                            
                            <select name='timeType' id="timeType">
                            	<option value='1h_w' selected="selected">逐小时风速</option>
                            	<option value='1h_r'>逐小时降水</option>
                            	<option value='6h'>逐6小时降水</option>
                            	<option value='24h'>24小时降水</option>
                            </select>
                        </div>
                    </div>
                    <div class="mcontent">
                    	<div class="mcontent_title">
                        	<ul>
                                <li class="alexa">排名</li>
                                <li class="sname">站名</li><!--
                                <li class="precipitation">降水</li>
                                --><li class="windspeed">风速</li>
                            </ul>
                        </div>
                    	
                        <div class="alexacontext">
                        	
                        </div>
                        
                        <div id="paging" class="pagin" style="padding:  1px 0px 0px 10px;width: 357px;"> 
                        </div>
                    </div>
                </div>
           </div>
           
           <div id="bcontainer">
           		<div class="title_bar">
                    <div class="weather_title"><img width="5" height="9" src="http://www.nmc.gov.cn/images/index/weather2-1_03.jpg">&nbsp;2011年台风名称</div>
                </div>
               	<div class="bcontent">
                	<ul>
                    	<li style="color:#e7972b;">艾利 Aere 美国</li>
                        <li style="color:#3e9ce2;">米雷 Meari 朝鲜</li>
                        <li>梅花 Muifa 中国澳门</li>
                        <li>莎莉嘉 Sarika 柬埔寨</li>
                        <li>蝎虎 Tokage 日本</li>
                    </ul>
                    <ul>
                    	<li>桑达 Songda 越南</li>
                        <li>马鞍 Ma-on 中国香港</li>
                        <li>苗柏 Merbok 马来西亚</li>
                        <li>海马 Haima 中国</li>
                        <li>洛坦 Nock-ten 老挝</li>
                    </ul>
                </div>
           </div>
           
         </div>
	</div>
	<!--二级页面替换结束-->
</div>
<script>
	$(function() {
		$( "#tabs" ).tabs();
		var icons = {
			header: "ui-icon-circle-arrow-e",
			headerSelected: "ui-icon-circle-arrow-s"
		};
		$( "#accordion" ).accordion({
			icons: icons,
			autoHeight: false
		});


		$(".detailed").bind("click",function(){
			window.open($(this).attr("href"),'_blank');
		});
	});
	</script>
	<script type="text/javascript" src='js/weatherMap.js?t=101019'></script>
		<script type="text/javascript" src='js/weatherFore.js?t=100919'></script>
<!--中间文件结束-->
{{include file="nmc/footer.html"}}