﻿/// <reference path="jquery-1.3.2-vsdoc.js" />

var slideLinks = [
    'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Form1.htm',
    'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Form2.htm',
    'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Step.htm', 'Slides/Form3.htm'
];

var currentSlideIndex = 0;

$(document).ready(function() {



    $('.SlideLink').click(function() {

        if ((currentSlideIndex == 0 && $(this).attr('id') == 'prevSlide') || (currentSlideIndex == (slideLinks.Length - 1) && $(this).attr('id') == 'nextSlide'))
            return false;

        var toLoadSlideIndex = currentSlideIndex;

        if ($(this).attr('id') == 'nextSlide')
            toLoadSlideIndex++;
        else if ($(this).attr('id') == 'prevSlide')
            toLoadSlideIndex--;

        var toLoad = slideLinks[toLoadSlideIndex] + ' #content';

        $('#nav li a#' + currentSlideIndex).attr('class', '');

        currentSlideIndex = toLoadSlideIndex;

        $('#nav li a#' + currentSlideIndex).attr('class', 'Current');

        $('#content').fadeOut('normal', loadContent);
        //$('#load').remove();
        //$('#wrapper').append('<span id="load">LOADING...</span>');
        //$('#load').fadeIn('normal');
        function loadContent() {
            $('#content').load(toLoad, '', showNewContent);
        }
        function showNewContent() {
            $('#content').fadeIn('normal', hideLoader);
            $('.StepImage').attr('src', 'Images/Slides/Slide' + (currentSlideIndex + 1) + ".jpg");
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;
    });



});






