/*
$(function(){
	$("#weather-data").load('/proxy.php');
});
*/


$(function(){

	
	$.getJSON("/proxy.php",
		function(data){
		  
		  var condition = data.weather.current_conditions.condition.attributes.data;
		  var temp = data.weather.current_conditions.temp_f.attributes.data;
		  var low = data.weather.forecast_conditions[0].low.attributes.data;
		  var high = data.weather.forecast_conditions[0].high.attributes.data;
		  var humidity = data.weather.current_conditions.humidity.attributes.data;
		  var wind = data.weather.current_conditions.wind_condition.attributes.data;
		  	
		  
		  var weatherContent = '<div id="current-weather"><div id="condition"><img id="weather-icon"/></div>';
		  weatherContent += '<div id="current-temp">' + temp + '&deg;</div><div class="condition">' + condition + '</div></div>';
		  weatherContent += '<br class="clear" /><div id="weather-info"><div id="temp-icon-wrapper"><img id="temp-icon"/></div>';
		  weatherContent += '<div id="temp"><div id="high">' + high + '&deg;F</div><div id="low">' + low + '&deg;F</div></div>';
		  weatherContent += '<div id="humidity-icon-wrapper"><img id="humidity-icon" src="/engage/sites/default/images/weather/humidity-icon.png"/></div>';
		  weatherContent += '<div id="humidity">' + humidity.replace(':','<br/>') + '</div>';
		  weatherContent += '<div id="wind-icon-wrapper"><img id="wind-icon" src="/engage/sites/default/images/weather/wind-icon.png"/></div>';
		  weatherContent += '<div id="wind">' + wind.replace(':','<br />') + '</div></div>';
		  
		  $("#weather-data").height(144).html(weatherContent);
		  
		  switch(data.weather.current_conditions.condition.attributes.data)
		  {
		  	case 'Partly Cloudy':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/partly-cloudy.png');
		  		break;
		  		
		  	case 'Cloudy':
		  	case 'Mostly Cloudy':
		  	case 'Overcast':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/mostly-cloudy.png');
		  		break;
		  		
			case 'Sunny':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/sunny.png');
		  		break;
		  		
		  	case 'Clear':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/clear.png');
		  		break;
		  		
		  	case 'Mostly Sunny':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/mostly-sunny.png');
		  		break;
		  		
		  	case 'Rain':
		  	case 'Light rain':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/rain.png');
		  		break;
		  		
		  	case 'Showers':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/showers.png');
		  		break;
		  		
		  	case 'Chance of TStorms':
		  	case 'Thunderstorm':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/thunderstorm.png');
		  		break;
		  		
		  	case 'Flurries':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/flurries.png');
		  		break;
		  		
		  	case 'Snow Showers':
		  	case 'Snow':
		  		$("img#weather-icon").attr('src','/engage/sites/default/images/weather/snow.png');
		  		break;
		  }
		  
		  $("img#temp-icon").attr('src','/engage/sites/default/images/weather/temp-icon.png');
		  
		  //alert("Weather data content: " + $("#weather-data"));
	});
	
});