//apendTo : 날씨를 불일 개체
//target : 날씨정보를 가져올 도시
/*
강릉|Kangneung
경주|Gyeongju
고양|Goyang
광명|Gwangmyeong
광주|Gwangju
구미|Gumi
군산|Gunsan
군포|Gunpo
김해|Gimhae
대구|Daegu
대전|Daejeon
동해|Donghae
목포|Mokpo
부산|Busan
부천|Bucheon
서귀포|Seogwipo
서울|Seoul
성남|Seongnam
송탄|Songtan
수원|Suwon
시흥|Siheung
안산|Ansan
안양|Anyang
용인|Yongin
울릉도|Ulleung-do
울산|Ulsan
원주|Wonju
의정부|Uijeongbu
익산|Iksan
인천|Incheon
일산|Ilsan
전주|Jeonju
제주|Jeju
진주|Jinju
철원|Cheorwon
청주|Cheongju
춘천|Chuncheon
파주|Paju
평택|Pyeongtaek
포항|Pohang
흑산도Heuksan-do
*/

function getWeather(target, appendTo){
	
	var city, nDate;
	var nCondition, nTemp_c, nHumidity, nIcon, nWind;
	var fDay, dayText , fLow, fHigh, fIcon, fCondition;
	var xmlData;
	var strTemp;
	var cityTemp;
	var cityTemp = {'강릉':'Gangneung','경주':'Gyeongju','고양':'Goyang','광명':'Gwangmyeong','광주':'Gwangju','구미':'Gumi','군산':'Gunsan','군포':'Gunpo','김해':'Gimhae','대구':'Daegu','대전':'Daejeon','동해':'Donghae','목포':'Mokpo','부산':'Busan','부천':'Bucheon','서귀포':'Seogwipo','서울':'Seoul','성남':'Seongnam','송탄':'Songtan','수원':'Suwon','시흥':'Siheung','안산':'Ansan','안양':'Anyang','용인':'Yongin','울릉도':'Ulleung-do','울산':'Ulsan','원주':'Wonju','의정부':'Uijeongbu','익산':'Iksan','인천':'Incheon','일산':'Ilsan','전주':'Jeonju','제주':'Jeju','진주':'Jinju','철원':'Cheorwon','청주':'Cheongju','춘천':'Chuncheon','파주':'Paju','평택':'Pyeongtaek','포항':'Pohang','흑산도':'Heuksan-do'};

	$.each(cityTemp, function(kor, eng){
		if(target == kor){
			cityTemp = eng;
			return false;
		}
	});

	//jquery id 타입으로 변경
	appendTo = '#' + appendTo;

	//구글 날씨로 ajax 연결
	$.ajax({
		type : 'get',
		data : 'city=' + cityTemp,
		dataType : 'html',
		url : 'getXMLWeather.asp',
		success : function(xml){
			strTemp = '';

			//ie 에서는 xmldom 객체 생성해야 파싱이 가능.
			if($.browser.msie){
				xmlData = new ActiveXObject('Microsoft.XMLDOM');

				xmlData.loadXML(xml);
			}
			else{
				xmlData = xml;
			}

			city = $(xmlData).find('forecast_information city').attr('data');
			nDate = $(xmlData).find('forecast_information forecast_date').attr('data');

			nCondition = $(xmlData).find('current_conditions condition').attr('data');
			nTemp_c = $(xmlData).find('current_conditions temp_c').attr('data');
			nHumidity = $(xmlData).find('current_conditions humidity').attr('data');
			nIcon = 'http://www.google.co.kr' + $(xmlData).find('current_conditions icon').attr('data');
			nWind = $(xmlData).find('current_conditions wind_condition').attr('data');

			fSize = $(xmlData).find('forecast_conditions').size();

			fDay = new Array(fSize);
			dayText = new Array(fSize);
			fLow = new Array(fSize);
			fHigh = new Array(fSize);
			fIcon = new Array(fSize);
			fCondition = new Array(fSize);

			$(xmlData).find('forecast_conditions')
				.each(function(i){
					fDay[i] = $(this).find('day_of_week').attr('data');
					
					if (fDay[i] == "월")
					{
						dayText[i] = "MON"
					}
					else if (fDay[i] == "화")
					{
						dayText[i] = "TUE"
					}
					else if (fDay[i] == "수")
					{
						dayText[i] = "WED"
					}
					else if (fDay[i] == "목")
					{
						dayText[i] = "THR"
					}
					else if (fDay[i] == "금")
					{
						dayText[i] = "FRI"
					}
					else if (fDay[i] == "토")
					{
						dayText[i] = "SAT"
					}
					else if (fDay[i] == "일")
					{
						dayText[i] = "SUN"
					}

					fLow[i] = $(this).find('low').attr('data');
					fHigh[i] = $(this).find('high').attr('data');
					fIcon[i] = 'http://www.google.co.kr' + $(this).find('icon').attr('data');
					fCondition[i] = $(this).find('condition').attr('data');

					if(i >= 0){
						strTemp = strTemp + '<td><div>' + dayText[i] + '</div>';
						strTemp = strTemp + '<div><img src = "' + fIcon[i] + '" /></div>';
						strTemp = strTemp + '<div>' + fLow[i] + ' ~ ' + fHigh[i] + '</div></td>';
					}
				});

			strTemp = '<table  style = "border:"1";width:100%;height:100%"><tr>' + strTemp + '</tr></table>';

			$(appendTo).append($('<div>' + nDate + ' : SEOUL : ' + nTemp_c + '℃' + '</div>'));
			$(appendTo).append($(strTemp));
			$(appendTo).find('div').css('text-align', 'center');
		}
	});
}
