var weather_counter = 1;

$(document).ready(function(){
	var content = "";
	
	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=DUBLIN,IE'),
		dataType: "xml",
		success: function(xml) {
			$(xml).find('current_conditions').each(function(){
				var title = $(this).find('condition').attr('data');
				var temp = $(this).find('temp_c').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');
				var humid = $(this).find('humidity').attr('data');							
				$('#weather_scroll').append("<div id='leinster' style='margin-bottom: 10px;'><span style='font-size: 12px; font-weight: bold;'>Leinster</span><br/>&nbsp;&nbsp;<img src=" + icon + " />" + title + ", " + temp + "&#176;C</div>");					
			});
		}


	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=CORK,IE'),
		dataType: "xml",
		success: function(xml) {
			$(xml).find('current_conditions').each(function(){
				var title = $(this).find('condition').attr('data');
				var temp = $(this).find('temp_c').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');
				var humid = $(this).find('humidity').attr('data');							
				$('#weather_scroll').append("<div id='connaught' style='margin-bottom: 10px;'><span style='font-size: 12px; font-weight: bold;'>Connaught</span><br/>&nbsp;&nbsp;<img src=" + icon + " />" + title + ", " + temp + "&#176;C</div>");					
			});
		}
	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=LIMERICK,IE'),
		dataType: "xml",
		success: function(xml) {
			$(xml).find('current_conditions').each(function(){
				var title = $(this).find('condition').attr('data');
				var temp = $(this).find('temp_c').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');
				var humid = $(this).find('humidity').attr('data');							
				$('#weather_scroll').append("<div id='munster' style='margin-bottom: 10px;'><span style='font-size: 12px; font-weight: bold;'>Munster</span><br/>&nbsp;&nbsp;<img src=" + icon + " />" + title + ", " + temp + "&#176;C</div>");					
			});
		}
	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=DONEGAL,IE'),
		dataType: "xml",
		success: function(xml) {
			$(xml).find('current_conditions').each(function(){
				var title = $(this).find('condition').attr('data');
				var temp = $(this).find('temp_c').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');
				var humid = $(this).find('humidity').attr('data');							
				$('#weather_scroll').append("<div id='Ulster' style='margin-bottom: 10px;'><span style='font-size: 12px; font-weight: bold;'>Ulster</span><br/>&nbsp;&nbsp;<img src=" + icon + " />" + title + ", " + temp + "&#176;C</div>");					
			});
		}
	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=LIMERICK,IE'),
		dataType: "xml",
		success: function(xml) {
			content = "";
			$(xml).find('forecast_conditions').each(function(){				
				var day = $(this).find('day_of_week').attr('data');
				var low = Math.round(($(this).find('low').attr('data') - 32) * 5/9);
				var high = Math.round(($(this).find('high').attr('data') - 32) * 5/9);
				var title = $(this).find('condition').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');			
				content += "<div style='margin-bottom: 10px;'><table><tr><td valign='middle' rowspan='2'><img src=" + icon + " /></td><td><span style='font-size: 14px; font-weight: bold;'>" + day + "</span><br/><i>" + title + "</i></td></tr><tr><td><span style='font-size: x-small;'><span style='color: red;'>High: " + high + "&#176;C</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color: blue;'>Low: " + low + "&#176;C</span></span></td></tr></table></div>";									
			});
			$('#weather_list').append("<fieldset style='width: 300px; margin-left: 20px; margin-bottom: 20px;'><legend style='font-size: large;'>Munster</legend>" + content + "</fieldset>");
		}
	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=DUBLIN,IE'),
		dataType: "xml",
		success: function(xml) {
			content = "";
			$(xml).find('forecast_conditions').each(function(){				
				var day = $(this).find('day_of_week').attr('data');
				var low = Math.round(($(this).find('low').attr('data') - 32) * 5/9);
				var high = Math.round(($(this).find('high').attr('data') - 32) * 5/9);
				var title = $(this).find('condition').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');			
				content += "<div style='margin-bottom: 10px;'><table><tr><td valign='middle' rowspan='2'><img src=" + icon + " /></td><td><span style='font-size: 14px; font-weight: bold;'>" + day + "</span><br/><i>" + title + "</i></td></tr><tr><td><span style='font-size: x-small;'><span style='color: red;'>High: " + high + "&#176;C</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color: blue;'>Low: " + low + "&#176;C</span></span></td></tr></table></div>";									
			});
			$('#weather_list').append("<fieldset style='width: 300px; margin-left: 20px; margin-bottom: 20px;'><legend style='font-size: large;'>Leinster</legend>" + content + "</fieldset>");
		}
	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=CORK,IE'),
		dataType: "xml",
		success: function(xml) {
			content = "";
			$(xml).find('forecast_conditions').each(function(){				
				var day = $(this).find('day_of_week').attr('data');
				var low = Math.round(($(this).find('low').attr('data') - 32) * 5/9);
				var high = Math.round(($(this).find('high').attr('data') - 32) * 5/9);
				var title = $(this).find('condition').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');			
				content += "<div style='margin-bottom: 10px;'><table><tr><td valign='middle' rowspan='2'><img src=" + icon + " /></td><td><span style='font-size: 14px; font-weight: bold;'>" + day + "</span><br/><i>" + title + "</i></td></tr><tr><td><span style='font-size: x-small;'><span style='color: red;'>High: " + high + "&#176;C</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color: blue;'>Low: " + low + "&#176;C</span></span></td></tr></table></div>";									
			});
			$('#weather_list').append("<fieldset style='width: 300px; margin-left: 20px; margin-bottom: 20px;'><legend style='font-size: large;'>Connaught</legend>" + content + "</fieldset>");
		}
	});

	$.ajax({
		type: "GET",
		url: "/weather_proxy.ashx?url=" + escape('http://www.google.com/ig/api?weather=DONEGAL,IE'),
		dataType: "xml",
		success: function(xml) {
			content = "";
			$(xml).find('forecast_conditions').each(function(){				
				var day = $(this).find('day_of_week').attr('data');
				var low = Math.round(($(this).find('low').attr('data') - 32) * 5/9);
				var high = Math.round(($(this).find('high').attr('data') - 32) * 5/9);
				var title = $(this).find('condition').attr('data');
				var icon = 'http://www.google.com' + $(this).find('icon').attr('data');			
				content += "<div style='margin-bottom: 10px;'><table><tr><td valign='middle' rowspan='2'><img src=" + icon + " /></td><td><span style='font-size: 14px; font-weight: bold;'>" + day + "</span><br/><i>" + title + "</i></td></tr><tr><td><span style='font-size: x-small;'><span style='color: red;'>High: " + high + "&#176;C</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color: blue;'>Low: " + low + "&#176;C</span></span></td></tr></table></div>";									
			});
			$('#weather_list').append("<fieldset style='width: 300px; margin-left: 20px; margin-bottom: 20px;'><legend style='font-size: large;'>Ulster</legend>" + content + "</fieldset>");
		}
	});		
});


function weather()
{
	if(weather_counter == 1)
	{
		$('#leinster').show();
		$('#munster').hide();
		$('#ulster').hide();
		$('#connaught').hide();
		weather_counter = 2;
	}
	else if(weather_counter == 2)
	{
		$('#leinster').hide();
		$('#munster').show();
		$('#ulster').hide();
		$('#connaught').hide();
		weather_counter = 3;
	}
	else if(weather_counter == 3)
	{
		$('#leinster').hide();
		$('#munster').hide();
		$('#ulster').show();
		$('#connaught').hide();
		weather_counter = 4;
	}
	else if(weather_counter == 4)
	{
		$('#leinster').hide();
		$('#munster').hide();
		$('#ulster').hide();
		$('#connaught').show();
		weather_counter = 1;
	}
}

setInterval("weather()", 3000);