Неправильно работает объект XMLhttprequest

...
<h1>Экзотические места</h1>
        <article>
            <img src = "photo/1.jpg">
            <div id = "slide">
                Нажмите на кнопку, чтобы показать картинку.
            </div>
            <a href="#" onclick="return previousSlide()">Пред</a>
            <a href="#" onclick="return nextSlide()">След</a>
        </article>
        <script type="text/javascript">
            var req = new XMLHttpRequest();
            var slideNumber = 0;
            /* Функции для изменения переменной, которая нужна для перехода по слайдам. */
            function nextSlide() {
                if (slideNumber == 5) {
                    slideNumber = 1;
                }
                else {
                    slideNumber += 1;
                }   
                goToNewSlide();
                history.pushState(slideNumber, null, "http://localhost/XMLhttpRequest2/puteshestviya" + slideNumber + ".html");
                return false;
            }
            
            function previousSlide(){
                if ((slideNumber == 1) || (slideNumber == 0)){
                    slideNumber = 5;
                }
                else {
                    slideNumber -= 1;
                }
                goToNewSlide();
                history.pushState(slideNumber, null, "http://localhost/XMLhttpRequest2/puteshestviya" + slideNumber + ".html");
                return false;
            }
            
            function goToNewSlide(){
                req.open ("GET", "photo.php?slide=" + slideNumber, true);
                req.onreadystatechange = newSlideReceived;
                req.send();
            }
            
        /* Функция добавляет слайд на страницу. */
            function newSlideReceived() {
                if (( req.readyState == 4) && (req.status == 200)) {
                    document.getElementById("slide").innerHTML = req.responseText;
                }
            }
</script>

<?php
 
header('Content-Type: text-plain; charset = utf-8 ');
 
$slide = $_GET['slide'];
 
 
switch ($slide) {
 
case 1: {
 
echo '<figure>
<h2> Фото 1 </h2>
<img src = "http://localhost/html5/XMLhttprequest/photo/1.jpg">
</figure>';
 
 }
 
break;
 
case 2: {
 
echo '<figure>
<h2> Фото 2 </h2>
<img src = "http://localhost/html5/XMLhttprequest/photo/2.jpg">
</figure>'; }
 
break;
 
case 3: {
 
echo '<figure>
<h2> Фото 3 </h2>
<img src = "http://localhost/html5/XMLhttprequest/photo/3.jpg">
</figure>'; }
 
break;
 
case 4: {
 
echo '<figure>
<h2> Фото 4 </h2>
<img src = "http://localhost/html5/XMLhttprequest/photo/4.jpg">
</figure>'; }
 
break;
 
case 5: {
 
echo '<figure>
<h2> Фото 5 </h2>
<img src = "http://localhost/html5/XMLhttprequest/photo/5.jpg">
</figure>'; }
 
break;
 
default: echo 'Слайд не найден';
}
 
 
?>

switch ($slide) {
 
case 1: echo '<figure>
<h2> Фото 1 </h2>
<img src = "http://localhost/html5/XMLhttprequest/photo/1.jpg">
</figure>';
break;
 case 2: ...