var selectedImageNumber = 1;

storyImage1 = new Image (425,284);
storyImage1.src = "image/storyImage1.jpg";

storyText1 = "";

storyDelay1 = 1000;


var selectedImageNumber = 2;

storyImage2 = new Image (425,284);
storyImage2.src = "image/storyImage2.jpg";

storyText2 = "Why get woken up by your phones irritating alarm? "
           + "With Zobmob's help, you could be waking up to a "
           + "ringtone of your favorite artist from the charts!";

storyDelay2 = 6000;


storyImage3 = new Image (425,284);
storyImage3.src = "image/storyImage3.jpg";

storyText3 = "You can start to collect your free Zobs in a wide "
           + "selection of your favourite magazines, which can then "
           + "be spent on cellphone content at www.zobmob.com.";

storyDelay3 = 7000;



storyImage4 = new Image (425,284);
storyImage4.src = "image/storyImage4.jpg";

storyText4 = "By the end of the day you should have plenty of "
           + "Zob credits to spend on the very latest cellphone content!";

storyDelay4 = 5000;



storyImage5 = new Image (425,284);
storyImage5.src = "image/storyImage5.jpg";

storyText5 = "Even when you are shopping there are plenty of "
           + "opportunities to funk up your phone. Many shops "
           + "offer Zob topup points, look out for promotional "
           + "posters and stands instore.";

storyDelay5 = 6500;



storyImage6 = new Image (425,284);
storyImage6.src = "image/storyImage6.jpg";

storyText6 = "Having a break for a bite to eat doesn't mean you need "
           + "to take a break from funkin up your cellphone. Look out "
           + "for food outlets giving away free Zobs!";

storyDelay6 = 6000;



storyImage7 = new Image (425,284);
storyImage7.src = "image/storyImage7.jpg";

storyText7 = "Now all you need to do is enter your Zob codes and decide "
           + "how best to spend them!";

storyDelay7 = 3000;



storyImage8 = new Image (425,284);
storyImage8.src = "image/storyImage8.jpg";

storyText8 = "You can soon be downloading all the very latest wallpapers!";

storyDelay8 = 3000;



storyImage9 = new Image (425,284);
storyImage9.src = "image/storyImage9.jpg";

storyText9 = "& ringtones direct to your cellphone!";

storyDelay9 = 3000;



storyImage10 = new Image (425,284);
storyImage10.src = "image/storyImage10.jpg";

storyText10 = "to make your old and tired phone the envy of all your friends!";

storyDelay10 = 3000;


storyImage11 = new Image (425,284);
storyImage11.src = storyImage1.src;

storyText11 = "";

storyDelay11 = 1000;


zobStoryNextButton = new Image (165,40);
zobStoryNextButton.src = "image/zobStoryNextButton.gif";
zobStoryNextButtonOn = new Image (165,40);
zobStoryNextButtonOn.src = "image/zobStoryNextButtonOn.gif";

zobStoryPreviousButton = new Image (165,40);
zobStoryPreviousButton.src = "image/zobStoryPreviousButton.gif";
zobStoryPreviousButtonOn = new Image (165,40);
zobStoryPreviousButtonOn.src = "image/zobStoryPreviousButtonOn.gif";

zobStoryPlayButton = new Image (165,40);
zobStoryPlayButton.src = "image/zobStoryPlayButton.gif";
zobStoryPlayButtonOn = new Image (165,40);
zobStoryPlayButtonOn.src = "image/zobStoryPlayButtonOn.gif";

zobStoryStopButton = new Image (165,40);
zobStoryStopButton.src = "image/zobStoryStopButton.gif";
zobStoryStopButtonOn = new Image (165,40);
zobStoryStopButtonOn.src = "image/zobStoryStopButtonOn.gif";



var selectedScene = 0;
var the_timeout;

function selectScene(sceneNumber) {
    eval("var thumbnail = document.all.zobStoryThumbnail" + sceneNumber);
    eval("var selectedImage = storyImage" + sceneNumber);
    eval("var selectedText = storyText" + sceneNumber);

    selectedScene = sceneNumber;
    highlightThumbnail(sceneNumber);

    validateNextButton();
    validatePreviousButton();

    document.all.zobStoryMainImage.src = selectedImage.src;
    document.all.zobStoryImageDescription.innerHTML = selectedText;
}


function highlightThumbnail(sceneNumber) {

    for (i=1; i < 12; i++) {
        eval("var thumbnail = document.all.zobStoryThumbnail" + i);
        if (i == sceneNumber) {
            styleName = 'zobStoryThumbnailOn';
        } else {
            styleName = 'zobStoryThumbnail';
        }
        thumbnail.className = styleName;
    }

}


function populateThumbnails() {

    for (i=1; i < 12; i++) {
        eval("var thumbnail = document.all.zobStoryThumbnail" + i);
        eval("var selectedImage = storyImage" + i);

        thumbnail.src = selectedImage.src;
    }

}



function playSlideShow() {

    if (selectedScene < 12) {
        eval("var timeToWait = storyDelay" + selectedScene);
        writeStopButton();
        selectScene(selectedScene);
        selectedScene ++;
        the_timeout = setTimeout("playSlideShow();", timeToWait);
    } else {
        stopSlideShow();
    }
}

function stopSlideShow() {
    clearTimeout(the_timeout);
    selectedScene = 1;
    selectScene(selectedScene);
    writePlayButton();
}



function selectPreviousImage() {
    if (selectedScene > 1) {
        selectedScene --;
        selectScene(selectedScene);
    }
}

function validatePreviousButton() {
    if (selectedScene == 1) {
        writePreviousButton(false);
        document.all.previousSlideButton.className = "zobStoryButtonInvalid";
    } else {
        writePreviousButton(true);
        document.all.previousSlideButton.className = "zobStoryButton";
    }
}

function writePreviousButton(valid) {

    var previousButton = "";

    if (valid) {
        previousButton += "<a href=\"javascript:selectPreviousImage();\" class=\"zobStoryButton\">";
    }

    previousButton += "<img id=\"zobStoryPreviousButton\" " +
                      "onMouseOver=\"javascript:swapImage('zobStoryPreviousButton','zobStoryPreviousButtonOn');\" " +
                      "onMouseOut=\"javascript:swapImage('zobStoryPreviousButton','zobStoryPreviousButton');\" " +
                      "src=\"image/zobStoryPreviousButton.gif\" width=\"165\" height=\"40\" border=\"0\"/></a>";

    if (valid) {
        previousButton += "</a>"
    }

    document.all.previousSlideButton.innerHTML = previousButton;
}




function selectNextImage() {
    if (selectedScene < 11) {
        selectedScene ++;
        selectScene(selectedScene);
    }
}

function validateNextButton() {
    if (selectedScene == 11) {
        writeNextButton(false);
        document.all.nextSlideButton.className = "zobStoryButtonInvalid";
    } else {
        writeNextButton(true);
        document.all.nextSlideButton.className = "zobStoryButton";
    }
}

function writeNextButton(valid) {

    var nextButton = "";

    if (valid) {
        nextButton += "<a href=\"javascript:selectNextImage();\" class=\"zobStoryButton\">"
    }

    nextButton += "<img id=\"zobStoryNextButton\" " +
                  "onMouseOver=\"javascript:swapImage('zobStoryNextButton','zobStoryNextButtonOn');\" " +
                  "onMouseOut=\"javascript:swapImage('zobStoryNextButton','zobStoryNextButton');\" " +
                  "src=\"image/zobStoryNextButton.gif\" width=\"165\" height=\"40\" border=\"0\"/></a>";

    if (valid) {
        nextButton += "</a>"
    }

    document.all.nextSlideButton.innerHTML = nextButton;
}



function writePlayButton() {
    document.all.slideShowButton.innerHTML = "<a href=\"javascript:playSlideShow();\" class=\"zobStoryButton\">" +
         "<img id=\"zobStoryPlayButton\" " +
         "onMouseOver=\"javascript:swapImage('zobStoryPlayButton','zobStoryPlayButtonOn');\" " +
         "onMouseOut=\"javascript:swapImage('zobStoryPlayButton','zobStoryPlayButton');\" " +
         "src=\"image/zobStoryPlayButton.gif\" width=\"165\" height=\"40\" border=\"0\"/></a>";
}

function writeStopButton() {
    document.all.slideShowButton.innerHTML = "<a href=\"javascript:stopSlideShow();\" class=\"zobStoryButton\">" +
         "<img id=\"zobStoryStopButton\" " +
         "onMouseOver=\"javascript:swapImage('zobStoryStopButton','zobStoryStopButtonOn');\" " +
         "onMouseOut=\"javascript:swapImage('zobStoryStopButton','zobStoryStopButton');\" " +
         "src=\"image/zobStoryStopButton.gif\" width=\"165\" height=\"40\" border=\"0\"/></a>";
}