function changeDay (day, headerText, firstDayHeaderText, secondDayHeaderText, thirdDayHeaderText, date0, date1, date2) {
                        //Turn all the days inactive
                        turnInactive(firstDayHeaderText, secondDayHeaderText, thirdDayHeaderText, date0, date1, date2);
                        //Turn the selected day active
                        turnActive(day, headerText);
                    }

                    function turnActive(day, headerText) {
                        //Remove the link tag from the active day
                        document.getElementById(day+"ListItem").removeChild(document.getElementById(day+"LinkItem"));
                        //Create a span element to replace the link
                        var activeSpanElement = document.createElement('span');
                        //activeSpanElement.setAttribute("class", "active");
                        activeSpanElement.setAttribute("id", day+"SpanItem");
                        activeSpanElement.className = "active";
                        activeSpanElement.innerHTML = headerText;
                        document.getElementById(day+"ListItem").appendChild(activeSpanElement);
                    }

                    function turnInactive(firstDayHeaderText, secondDayHeaderText, thirdDayHeaderText, date0, date1, date2) {
                         //Remove the span tag from the inactive day since it should be a link instead
                        if (document.getElementById("firstDaySpanItem") != null){
                            document.getElementById("firstDayListItem").removeChild(document.getElementById("firstDaySpanItem"));
                            document.getElementById("firstDayListItem").appendChild(createLink("firstDay", firstDayHeaderText, date0));
                        }
                        if (document.getElementById("secondDaySpanItem") != null){
                            document.getElementById("secondDayListItem").removeChild(document.getElementById("secondDaySpanItem"));
                            document.getElementById("secondDayListItem").appendChild(createLink("secondDay", secondDayHeaderText, date1));
                        }
                        if (document.getElementById("thirdDaySpanItem") != null){
                            document.getElementById("thirdDayListItem").removeChild(document.getElementById("thirdDaySpanItem"));
                            document.getElementById("thirdDayListItem").appendChild(createLink("thirdDay", thirdDayHeaderText, date2));
                        }
                    }

                    function createLink(day, text, date) {
                        //Create a link
                        var inactiveLink = document.createElement('A');
                        inactiveLink.setAttribute("href", "javascript:changeTheDay('"+day+"','"+text+"' ,'"+date+"')");
                        inactiveLink.setAttribute("id", day+"LinkItem");
                        inactiveLink.innerHTML = text;
                        return inactiveLink;
                    }

                    function updateForecastText(day, timestep, date, ts0, ts1, ts2, ts3) {
                        if (day == "firstDay") {
                            document.getElementById("secondDay").style.display = 'none';
                            document.getElementById("thirdDay").style.display = 'none';
                            document.getElementById("firstDay").style.display = 'block';
                        }
                        if (day == "secondDay") {
                            document.getElementById("secondDay").style.display = 'block';
                            document.getElementById("thirdDay").style.display = 'none';
                            document.getElementById("firstDay").style.display = 'none';
                        }
                        if (day == "thirdDay") {
                            document.getElementById("secondDay").style.display = 'none';
                            document.getElementById("thirdDay").style.display = 'block';
                            document.getElementById("firstDay").style.display = 'none';
                        }
                        initTimeSteps(day, timestep, date, ts0, ts1, ts2, ts3);
                    }

                    function initTimeSteps(day, timestep, date, ts0, ts1, ts2, ts3) {
                        if (day == "firstDay") {
                            document.getElementById("natt").className = "";
                            document.getElementById("formiddag").className = "";
                            document.getElementById("eftermiddag").className = "";
                            document.getElementById("kvall").className = "";

                            if (timestep == 0) {
                                document.getElementById("natt").className = "active";
                            }
                            if (timestep == 1) {
                                document.getElementById("natt").className = "inactive";
                                document.getElementById("formiddag").className = "active";
                            }
                            if (timestep == 2) {
                                document.getElementById("natt").className = "inactive";
                                document.getElementById("formiddag").className = "inactive";
                                document.getElementById("eftermiddag").className = "active";
                            }
                            if (timestep == 3) {
                                document.getElementById("natt").className = "inactive";
                                document.getElementById("formiddag").className = "inactive";
                                document.getElementById("eftermiddag").className = "inactive";
                                document.getElementById("kvall").className = "active";
                            }
                        } else {
                            document.getElementById("natt").className = "";
                            document.getElementById("formiddag").className = "";
                            document.getElementById("eftermiddag").className = "active";
                            document.getElementById("kvall").className = "";
                        }

                        //Get the date-part of the current date
                        var splitDate = date.substr(0, 10);
                        //Add the fixed time steps to the current date and create the links
                        document.getElementById("natt").setAttribute("name", splitDate + ts0);
                        document.getElementById("formiddag").setAttribute("name", splitDate + ts1);
                        document.getElementById("eftermiddag").setAttribute("name", splitDate + ts2);
                        document.getElementById("kvall").setAttribute("name", splitDate + ts3);
                    }