Appreciation to all who contributed. Below is the finalized and functioning code for your enjoyment!
</script>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
fadeLoop()
function fadeLoop() {
var counter = 0,
divs = $('.fader').hide(),
dur = 300;
function showDiv() {
$("div.fader").fadeOut(dur) // conceal all divs
.filter(function(index) {
return index == counter % divs.length;
}) // determine correct div to display
.delay(dur) // wait until fadeout is complete
.fadeIn(dur); // then reveal it
counter++;
}; // iterate through divs and show correct one
showDiv(); // display first div
return setInterval(function() {
showDiv(); // show next div
}, 7 * 1000); // repeat every 5 seconds
};
$(function() {
var interval;
$("#start").click(function() {
if (interval == undefined){
interval = fadeLoop();
$(this).val("Stop");
}
else{
clearInterval(interval);
$(this).val("Start");
interval = undefined;
}
});
});
});
</script>
<!--#include file="header.asp"-->
<% if Request("interactive") = "on" then %>
<form name="tutorial">
<div class="fader"><div class="arrow-w arrowlocation1" style="font-size:1em;" ></div><div id="tutorial1" class="tutorial createquestion1">Begin by creating a title and selecting a folder for storing your question.</div></div>
<div class="fader"><div class="arrow-w arrowlocation2" style="font-size:1em;" ></div>
<div id="tutorial2" class="tutorial createquestion2">Including relevant categories is vital for effective reporting, be sure to include related categories.</div></div>
<div class="fader"><div class="arrow-w arrowlocation3" style="font-size:1em;" ></div>
<div id="tutorial3" class="tutorial createquestion3">Choose options and/or upload an attachment (file, video, or audio).</div></div>
<div class="fader"><div class="quicktiptitle quicktiplocation4">QUICK TIP</div><div class="arrow-n arrowlocation4" style="font-size:1em;" ></div>
<div id="tutorial4" class="quicktip createquestion4">Make question creation easier by updating your preferences in your account settings.</div></div>
<div class="fader"><div class="arrow-w arrowlocation5" style="font-size:1em;" ></div>
<div id="tutorial5" class="tutorial createquestion5">Use your rationale to give feedback to students on this question, and utilize internal comments to track notes on changes, updates, textbook information, and more.</div></div>
<div class="fader"><div class="arrow-e arrowlocation6" style="font-size:1em;" ></div>
<div id="tutorial6" class="tutorial createquestion6">Compose your questions and answers, and you're good to go.</div></div>
<div class="fader"><div class="arrow-w arrowlocation7" style="font-size:1em;" ></div>
<div class="quicktiptitle quicktiplocation7">QUICK TIP</div>
<div id="tutorial7" class="quicktip createquestion7"> Click on this icon to expand or collapse sections not in use. These will stay closed until re-opened, ensuring customization of your page layout.</div></div></form>
<% end if %>