Appendix 1: Completed Script Listing

<script>
var currentSlide = 0;
var totalSlides;

// Turn all <h2> nodes gray
$("h2").css("color", "gray");

// Hide all slides
$(".slideshow section").hide();

// Show the first slide
show_current_slide();
totalSlides = $(".slideshow section").length;
create_slide_numbers();

// Go to the next slide
$(".nextSlide").click (function() { // Next Slide Click Event
    currentSlide++;
    show_current_slide();
});

// Go to the previous slide
$(".prevSlide").click (function() { // Previous Slide Click Event
    currentSlide--;
    show_current_slide();
});

// Show the current slide
function show_current_slide() {
    $(".slideshow section").hide();
    $(".slide" + currentSlide).show();
    $(".prevSlide,.nextSlide").show();
    //hide prevSlide link when on first slide
    if (currentSlide == 0) {
        $(".prevSlide").hide();
    } else if (currentSlide == totalSlides - 1) {
        $(".nextSlide").hide();
    }
}

// Create slide-to-slide jump navigation
$("nav li").click(function () {
    //change currentSlide to match clicked list item
    currentSlide = $(this).index();

    show_current_slide();
});

// Create slide numbers
function create_slide_numbers() {
    for (var i = 0; i < totalSlides; i++) {
        var slideNumP = "<p>"+(i+1)+"/"+totalSlides+"</p>";
        $(".slide" + i).append(slideNumP);
    }
}

/* this was practice code
var finalP = document.getElementById("penguin");
finalP.innerHTML = "Computers are totally rad.";
finalP.style.color = "red";
var allh2 = document.getElementsByTagName("h2");
allh2[0].style.color = "gray";
*/
//console.log(allh2[1]);
</script>