$(document).ready(function(){

// *** Display ticker news on click on the tab ***
	$("ul.wetter_header li").click(function(){
		$("ul.wetter_header li").removeClass("selected");
		$(this).addClass("selected");
		var listId = "detail_" + $(this).attr("id");
		$("div.wetter_content").hide();
		$("div#" + listId).show();
	});
	
	var imagePath = "/fileadmin/global/Templates/images/wetter/";
	
	function prognoseRegionKarte() {
		$.ajax({
		type: "GET",
		url: "fileadmin/wetter/prognose_region.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find("Location").each(function(){
				var regionId = $(this).attr("id");
				var symbolDay = $(this).find("Day:eq(0)").find("SymbDay").text() + ".png";
				var tempMorning = $(this).find("Day:eq(0)").find("TempMor").text() + "° ";
				var tempAfternoon = $(this).find("Day:eq(0)").find("TempAft").text() + "°";
				$("div.bild_wetter_region")
				.append($("<div/>").attr("id","reg_" + regionId).addClass("wetter_karte_detail")
					.append($("<img/>").attr({src:imagePath + symbolDay}))
				.append($("<div/>")
					.append($("<span/>").addClass("temp_low").text(tempMorning))
					.append($("<span/>").addClass("temp_high").text(tempAfternoon))));
			});
		}
		});
	}
	
	function prognoseRegionText() {
		$.ajax({
		type: "GET",
		url: "fileadmin/wetter/texte.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find("bulletin").each(function(){
				var regionName = $(this).attr("region");
				var progType = $(this).attr("typ");
				var progTitle = $(this).find("titel").text();
				var progText = $(this).find("text").text();
				if(regionName == "zh" && progType == "prog") {
					$("div.text_wetter_region")
					.append($("<h2/>").text("Prognose für die Region Winterthur"))
					.append($("<p/>").addClass("lead").html(progText));
				}
				else if(regionName != "zh"){
					$("div.text_wetter_schweiz")
					.append($("<h2/>").text(progTitle))
					.append($("<p/>").addClass("prognose").html(progText));
				}
			});
		}
		});
	}

	function aussichtRegion() {
		$.ajax({
		type: "GET",
		url: "fileadmin/wetter/aussichten.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find("Day").each(function(){
				var shortDayname = $(this).attr("weekday").slice(0,2);
				var weatherIcon = $(this).find("SymbDay").text() + ".png";
				var tempHigh = $(this).find("TempAft").text() + "°";
				var tempLow = $(this).find("TempMor").text() + "°";
				var windDirIcon = $(this).find("Dir").text() + ".png";
				var windForce = $(this).find("Force").text() + " km/h";
				var rainAmount = ($(this).find("Precip").text())*1;
				var rainAmountIcon = "";
				var rainProb = $(this).find("Precip_prob").text() + "%";
				var sunRise = $(this).find("Sunrise").text();
				var sunSet = $(this).find("Sunset").text();
				// rain quantity
				if(rainAmount <= 1){
					rainAmountIcon = "r0.png";
				}
				else if(rainAmount <= 10){
					rainAmountIcon = "r1.png";
				}
				else if(rainAmount <= 20){
					rainAmountIcon = "r2.png";
				}
				else if(rainAmount <= 50){
					rainAmountIcon = "r3.png";
				}
				else if(rainAmount <= 100){
					rainAmountIcon = "r4.png";
				}
				else if(rainAmount > 100){
					rainAmountIcon = "r4.png";
				}
				// build html
				var firstCell  = $("<td/>").append($("<span/>").addClass("day_short").text(shortDayname));
				var secondCell = $("<td>").append($("<img/>").attr("src",imagePath+weatherIcon));
				var thirdCell  = $("<td/>").append($("<span/>").addClass("temp_aft").text(tempHigh)).append($("<span/>").addClass("temp_mor").text(tempLow));
				var fourthCell = $("<td/>").append($("<span/>").addClass("wind_dir").append($("<img/>").attr("src",imagePath+windDirIcon))).append($("<span/>").addClass("wind_force").text(windForce));
				var fifthCell  = $("<td/>").append($("<span/>").addClass("rain_qty").append($("<img/>").attr("src",imagePath+rainAmountIcon))).append($("<span/>").addClass("rain_prob").text(rainProb));
				var sixthCell  = $("<td/>").addClass("noborder").append($("<span/>").addClass("sun_rise").append($("<img/>").attr("src",imagePath+"sunrise.png"))).append($("<span/>").addClass("sun_rise_time").text(sunRise));
				var seventhCell = $("<td/>").addClass("noborder").append($("<span/>").addClass("sun_set").append($("<img/>").attr("src",imagePath+"sunset.png"))).append($("<span/>").addClass("sun_set_time").text(sunSet));
				$("table.wetter_tabelle").append($("<tr/>").append(firstCell).append(secondCell).append(thirdCell).append(fourthCell).append(fifthCell).append(sixthCell).append(seventhCell))
			});
		}
		});
	}
	
	function prognoseSchweizKarte() {
		$.ajax({
		type: "GET",
		url: "fileadmin/wetter/prognose_schweiz.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find("Location").each(function(){
				var regionIdCH = $(this).attr("id");
				var symbolDayCH = $(this).find("Day:eq(0)").find("SymbDay").text() + ".png";
				var tempMorningCH = $(this).find("Day:eq(0)").find("TempMor").text() + "° ";
				var tempAfternoonCH = $(this).find("Day:eq(0)").find("TempAft").text() + "°";
				$("div.bild_wetter_schweiz")
				.append($("<div/>").attr("id","ch_" + regionIdCH).addClass("wetter_karte_detail")
					.append($("<img/>").attr({src:imagePath + symbolDayCH}))
				.append($("<div/>")
					.append($("<span/>").addClass("temp_low").text(tempMorningCH))
					.append($("<span/>").addClass("temp_high").text(tempAfternoonCH))));
			});
		}
		});
	}
	
	function wetterHomepage() {
		$.ajax({
		type: "GET",
		url: "fileadmin/wetter/prognose_region.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find("Location:eq(0)").each(function(){
				var textDayHome = $(this).find("Day:eq(0)").find("TxtDay").text();
				var shortDaynameHome1 = $(this).find("Day:eq(0)").attr("weekday").slice(0,2);
				var shortDaynameHome2 = $(this).find("Day:eq(1)").attr("weekday").slice(0,2);
				var symbolDayHome1 = $(this).find("Day:eq(0)").find("SymbDay").text() + ".png";
				var symbolDayHome2 = $(this).find("Day:eq(1)").find("SymbDay").text() + ".png";
				var tempMorningHome1 = $(this).find("Day:eq(0)").find("TempMor").text() + "°";
				var tempMorningHome2 = $(this).find("Day:eq(1)").find("TempMor").text() + "°";
				var tempAfternoonHome1 = $(this).find("Day:eq(0)").find("TempAft").text() + "°";
				var tempAfternoonHome2 = $(this).find("Day:eq(1)").find("TempAft").text() + "°";
				$("div.teaser_wetter_klein")
				.append($("<h5/>").text("Wetter in der Region"))
				.append($("<p/>").addClass("lead").text("Heute " + textDayHome + ". ")
					.append($("<a/>").attr("href","/wetter").text("Mehr Wetter")))
				.append($("<div/>").addClass("forecast")
					.append($("<a/>").attr("href","/wetter")
						.append($("<img/>").attr("src",imagePath+symbolDayHome1)))
					.append($("<p/>")
						.html("<strong>" + shortDaynameHome1 + "</strong><br />" + tempMorningHome1 + "<br />"+ tempAfternoonHome1)))
				.append($("<div/>").addClass("forecast")
					.append($("<a/>").attr("href","/wetter")
						.append($("<img/>").attr("src",imagePath+symbolDayHome2)))
					.append($("<p/>")
						.html("<strong>" + shortDaynameHome2 + "</strong><br />" + tempMorningHome2 + "<br />"+ tempAfternoonHome2)));
			});
		}
		});
	}
	
	prognoseRegionKarte();
	prognoseRegionText();
	aussichtRegion();
	prognoseSchweizKarte();
	wetterHomepage();

});