$(document).ready(function()
    {
        setTimeout("window.location.reload()", 300000);
        $.ajax({
            type: "GET",
            url: "http://www.landratsamt-pirna.de/pegelfeed.aspx",
            dataType: "xml",
            contentType: "text/xml",
            /*                error: function()
            {
            alert('Error loading document');
            },
            */
            success: function(xml)
            {
                // alert("statt marquee: http://www.animiertegifs.de/java-scripts/laufschrift.php");
                var infotext =    '<h1>Pegelstand der Elbe:</h1>'
                                + '<div class="legende">'
                                + '<img src="/symbole/icon-pfeil_rot.gif" alt="Tendenz: steigend" title="Tendenz: steigend" /> Tendenz: steigend, '
                                + '<img src="/symbole/icon-pfeil_gruen.gif" alt="Tendenz: fallend" title="Tendenz: fallend" /> Tendenz: fallend<br />'
                                + '</div>'
                    
                $("#update-target").html(infotext + "<marquee scrollamount='1' scrolldelay='1'></marquee>");
                $(xml).find("item/pegelname:contains('SCHÖNA'), item/pegelname:contains('PIRNA')").each(function()
                {
                    /*
                    var id_text = $(this).attr('id')
                    var name_text = $(this).find('name').text()
                    */
                    var p = $(this).find("pegelname").text();
                    var mw = $(this).find("messwert").text();
                    var d = $(this).find("datum").text();
                    var u = $(this).find("uhrzeit").text();
                    var t = $(this).find("tendenz").text();
                    if (t == "Steigend") {
                        t = '<img src="/symbole/icon-pfeil_rot.gif" alt="Tendenz: steigend" title="Tendenz: steigend" /> ';
                    }
                    else {
                        t = '<img src="/symbole/icon-pfeil_gruen.gif" alt="Tendenz: fallend" title="Tendenz: fallend" /> ';
                    }
                    var v = p + ": "
                                + "<strong>"
                                + t
                                + mw + " cm" + " "
                                + "</strong>"
                                + " "
                                + "<img src='/symbole/calendar.gif' alt='Datum' title='Datum' />" + d + " "
                                + "<img src='/symbole/clock.png' alt='Uhrzeit' title='Uhrzeit' />" + u + "&nbsp;&nbsp;&nbsp;&nbsp;";
                    // <tendenz>Gleich</tendenz> <datum>12.08.2010</datum> <uhrzeit>10:00:00</uhrzeit>
                    $("<span></span>").html(v).appendTo("#update-target marquee");
                });
            }
        });
    });