﻿var geturl ='/contrl/getweather.aspx';
$.ajax({ type: "Get", url: geturl,data:'sendatas',dataType:"xml",success: function(callback){getback(callback);},error:function(){ getFailed() ;}});

var xmlroot;
var wid = 0;

function getback(xml){
xmlroot = $(xml);
showNext(0);
}

function getFailed(){
$("#weatherBox").html("");
}

function showNext(id){
wid = id;

if(wid == 6) wid =0;
if(wid < 0 ) wid =0;

var xmldom = xmlroot.find("day")[wid];

var wdate = $(xmldom).find("wdate").text();
var wifo = $(xmldom).find("wifo").text();
var wico = $(xmldom).find("wico").text();
var hitp = $(xmldom).find("hitp").text();
var lotp = $(xmldom).find("lotp").text();
var ft = $(xmldom).find("ft").text();

var htmlcode= '';

if(wid > 0) 
htmlcode = '<a href="javascript:showNext('+(wid-1)+')" > <img src="/images/arrow10.gif" alt="查看上一天气预报" /></a>  ';

htmlcode += ' <span style="color:#000;font-weight:bold">' + wdate + '</span> <span id="wpic" >'
 +  wico + '</span> &nbsp;'+ wifo +' <span style="color:#C00;">'+ hitp+'</span>  <span style="color:#03C">' +lotp +'</span>  ' +ft 
  + ' <a href="javascript:showNext('+(wid+1)+')" > <img src="/images/arrow9.gif" alt="查看下一天气预报" /></a> ';

$("#weatherBox").html(htmlcode);
$("#weatherBox").css({"margin-bottom":"6px"});
$("#weatherBox span#wpic img").css({"width":"21px","height":"15px"});
}
