// CSS class for displaying image
    var images = new Array("slide1", "slide2", "slide3");

    // text overlay
    var text = new Array(
                "Create an accessible online archive with user polices that define retention, protection and compliance levels",
                "Get fast, reliable retrieval of information from a choice of local online, removable offline or replicated locations",
                "Eliminate archive silos and reduce management overhead with the most cost-effective long-term storage systems");
            
    // selection button
    var buttons = new Array("nv_retain", "nv_restore", "nv_reduce");

    // start timer
    var timerId = setTimeout("rotateSlides(1)", 5000);

    // rotates slides at 5 sec interval
    function rotateSlides(i)
    {
        if ( timerId != 0 )
        {
                     showSlide(i, 0);
                   timerId = setTimeout("rotateSlides(" + ((i+1)%images.length) + ")", 5000);
        }

    }

    // changes slide image and text and forces change in button highlight
    function showSlide(index, stop)
    {
                // stop rotation?
                if ( stop == 1 )
                {
                    clearTimeout(timerId);
                    timerId = 0;
                }

                // init "static" var to save current selected div id
                if ( typeof showSlide.id == 'undefined' )
                    showSlide.id = buttons[0];
    
                // set button div class
                document.getElementById(showSlide.id).className = 'slidenav';
                showSlide.id = buttons[index];

                // change image
                document.getElementById('slide').className = images[index];

                // change button state
                document.getElementById(buttons[index]).className = 'slidenavselected';

                // change text
                document.getElementById('textBox').innerHTML = text[index];
    }