var selectCity = 0;
var selectProv = '';
function loadCityList(){
	if(xmlDoc == null)
		xmlDoc = loadXML('/cityforecast/citylist.xml');
}
function showProvince(event){
	//enddiv('stationdiv');
	enddiv('citylist2');
	//load data

	loadCityList();
	var ps = selectNodes(xmlDoc.documentElement,'Province');
	var pros = '';
	for(i=0;i<ps.length;i++){
		if(i%5==0){
			pros += '<br/>';
		}
		pros=pros+'<span style="cursor:pointer" onclick=enddiv("citylist1");setSelectProv("'+ps[i].getAttribute('name')+'",event)>'+ps[i].getAttribute('name')+'</span>&nbsp;&nbsp;';
	}
	document.getElementById('provincediv').innerHTML=pros;
	//show div
	showdiv('citylist1');
	
}
function showStation(event){
	enddiv('citylist1');
	var prov = selectProv;
	var cityname = '';
	var ps = selectNodes(xmlDoc.documentElement,'Province');
	var citycount = 0;
	var cities = '';
	for(i=0;i<ps.length;i++){
		if(ps[i].getAttribute('name')==prov){
			var citynodes = selectNodes(ps[i]);
			for(j=0;j<ps[i].childNodes.length;j++){
				if(ps[i].childNodes[j].nodeName != 'Station')
					continue;
				if(citycount%5==0){
					cities += '<br/>';
				}
				citycount++;
				if(ieflag=='ie'){
					cityname = ps[i].childNodes[j].text
				}else{
					cityname = ps[i].childNodes[j].textContent;
				}
				cities = cities+'<span style="cursor:pointer" onclick=enddiv("citylist2");setSelectCity('+ps[i].childNodes[j].getAttribute('ID')+',"'+cityname+'")>'+cityname+'</span>&nbsp;&nbsp;';
				if(citycount==1){
					setSelectCity(ps[i].childNodes[j].getAttribute('ID'),cityname);
				}
				document.getElementById('stationdiv').innerHTML=cities;
			}
			break;
		}
	}
	//document.getElementById('stationdiv').style.visibility="visible";
	showdiv('citylist2');

}
function setSelectCity(sid,city){
	selectCity = sid;
	document.getElementById('stationtext').value=city;	
	//enddiv('stationdiv');
}
function setSelectProv(prov,event){
	selectProv = prov;
	//enddiv('provincediv');
	document.getElementById('provincetext').value=prov;
	showStation(event);
	//document.getElementById('stationtext').value='';
}
function checkWeather(){
	//window.open('/cityforecast/tnk.htm?SID='+selectCity);
	return '/cityforecast/tnk.htm?SID='+selectCity;

}
function enddiv(div){
	document.getElementById(div).style.display="none";
	//document.getElementById(div).style.visibility="hidden";

}
function showdiv(div){
	document.getElementById(div).style.display="block";	
	//document.getElementById('stationdiv').style.visibility="visible";
	
}


function hidePSDiv(event){
event=(event==null)?window.event:event;
 var div2=document.getElementById("citylist2");
 var div1=document.getElementById("citylist1");
var ps = document.getElementById('provincetext');
	var ss = document.getElementById('stationtext');
	var pds = document.getElementById('provincediv');
	var sss = document.getElementById('stationdiv');

// var target_test=event.target?event.target:event.srcElement; 

 var target_test=event.srcElement; 
	// (target_test!=div2) && (target_test!=div1)?div2.style.display='none':null;


	if(target_test!= div2 && target_test!= div1 &&target_test!= ps &&target_test!= ss&&target_test!= pds&&target_test!= sss){
//		alert(4);
		enddiv('citylist2');
		enddiv('citylist1');
	}

//	var es = e.srcElement;
	//var ps = document.getElementById('provincetext');
//	var ss = document.getElementById('stationtext');
//	var pds = document.getElementById('provincediv');
//	var sss = document.getElementById('stationdiv');
//	if(es != ps && es != ss && es != pds && es != sss){
//		enddiv('provincediv');
//		enddiv('stationdiv');
//	}else{
//		//alert(es);
//	}
}

document.onclick=hidePSDiv;


function hides(){
		//enddiv('citylist2');

}
function hidep(){

	//	enddiv('citylist1');
}

function shows(){

	//showStation();
	 //document.getElementById('citylist2').focus();
}
function showp(){

	//showProvince();


	// document.getElementById('citylist1').focus();
}