var xmlSource;

xmlSource = '../fileadmin/wetterdaten/kleinwalsertal.xml'; // for live
//xmlSource = '../../kleinwalsertal.xml'; // for debugging

var tmpl = '<table class="wetter" width="180" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><a href="http://www.kleinwalsertal.com/index.php?id=89"><img src="wandern/{PIC0}" width="25" border="0"></a></td><td><a href="http://www.kleinwalsertal.com/index.php?id=89"><img src="wandern/{PIC1}" width="25" border="0"></a></td><td><a href="http://www.kleinwalsertal.com/index.php?id=89"><img src="wandern/{PIC2}" width="25" border="0"></a></td><td><a href="http://www.kleinwalsertal.com/index.php?id=89"><img src="wandern/{PIC3}" width="25" border="0"></a></td></tr><tr><td class="wettersmallfont">{DAY0}</td><td class="wettersmallfont">{DAY1}</td><td class="wettersmallfont">{DAY2}</td><td class="wettersmallfont">{DAY3}</td></tr></tbody></table>';

// week days
var now = new Date();
var dayInWeek = now.getDay();
var daysInWeek = new Array("So", "Mo", "Di", "Mi", "Do", "Fr", "Sa");
var displayedDays = new Array(4);
for (var j=0; j<4; j++) 
{
	var k = (dayInWeek+j)%7;
	displayedDays[j] = daysInWeek[k];
}

// load data
new Ajax.Request(xmlSource, {
  method: 'get',
  onSuccess: function(transport) {
	// get data from xml
	var content = transport.responseXML.documentElement;
	pics = new Array(4);
	for (var i=0; i<4; i++) pics[i] = content.getElementsByTagName("forecast")[i].getElementsByTagName("symbol")[0].childNodes[0].nodeValue+"sy.jpg";
	// build table
	var table = tmpl;
	table = table.replace(/{PIC0}/, pics[0]);
	table = table.replace(/{PIC1}/, pics[1]);
	table = table.replace(/{PIC2}/, pics[2]);
	table = table.replace(/{PIC3}/, pics[3]);
	table = table.replace(/{DAY0}/, displayedDays[0]);
	table = table.replace(/{DAY1}/, displayedDays[1]);
	table = table.replace(/{DAY2}/, displayedDays[2]);
	table = table.replace(/{DAY3}/, displayedDays[3]);
	// set content
    $('weatherbox').innerHTML = table;
  }
});