var slides = new Array();
slides[0] = "Slide_Services";
slides[1] = "Slide_Gallery";
slides[2] = "Slide_Stylists";
slides[3] = "Slide_Products";
slides[4] = "Slide_Appointment";

var numButtons = new Array();
numButtons[0] = "NumButtons_1";
numButtons[1] = "NumButtons_2";
numButtons[2] = "NumButtons_3";
numButtons[3] = "NumButtons_4";
numButtons[4] = "NumButtons_5";

var currentSlideNumber = 0;
var iTimerID = 0;
var timerSeconds = 5000;

init();

function init()
{
    currentSlideNumber = 0;
//    new Effect.Appear(slides[currentSlideNumber]);
    iTimerID = window.setTimeout("nextSlide()", timerSeconds);
}

function hideSlide(num)
{
    clearTimeout(iTimerID);
    if (document.getElementById)
    {
        var obj = document.getElementById(numButtons[num]);
        obj.style.backgroundColor = "#CCCCCC";
    }
    new Effect.Fade(slides[num]);
}

function showSlide(num)
{
    iTimerID = window.setTimeout("nextSlide()", timerSeconds);
    if (document.getElementById)
    {
        var obj = document.getElementById(numButtons[num]);
        obj.style.backgroundColor = "#FFFFFF";
    }
    new Effect.Appear(slides[num]);
}

function nextSlide()
{
    // fade out the current slide
    hideSlide(currentSlideNumber);

    currentSlideNumber = currentSlideNumber + 1;

    if (currentSlideNumber > 4)
        currentSlideNumber = 0;

    // fade in the next slide
    showSlide(currentSlideNumber);
}

function jumpToSlide(num)
{
    if (currentSlideNumber == num)
        return;

    hideSlide(currentSlideNumber);
    currentSlideNumber = num;
    showSlide(currentSlideNumber);
}