// JavaScript Document
$(function() {
    var $homer = $('#rotatorHome'),
        $caption = $('div.caption'),
        $pause = $('#pause'),
        $resume = $('#resume'),
        $freeze = $('#freeze'),
        $stop = $('#stop'),
        $restart = $('#restart'),
        captions = ['Sand Castle', 'Sunflower', 'Flip Flops', 'Rubber Ring'],
        STOP = 1, RUN = 2, PAUSE = 3;

    $homer.crossSlide({
        sleep: 5,
        fade: 1
    }, [
        { src: '_img/homepagegallery/1.jpg' },
        { src: '_img/homepagegallery/2.jpg' },
        { src: '_img/homepagegallery/3.jpg' },
		{ src: '_img/homepagegallery/4.jpg' },
		{ src: '_img/homepagegallery/5.jpg' }
        
    ]);



    
    $caption.show().css({ opacity: 0 })

    function state(state) {
        $pause.attr('disabled', state != RUN);
        $resume.attr('disabled', state != PAUSE);
        $freeze.attr('disabled', state == STOP);
        $stop.attr('disabled', state == STOP);
    }
    state(RUN);

    $pause.click(function() {
        $test3.crossSlidePause();
        state(PAUSE);
    });

    $resume.click(function() {
        $test3.crossSlideResume();
        state(RUN);
    })

    $freeze.click(function() {
        $test3.crossSlideFreeze();
        state(STOP);
    });

    $stop.click(function() {
        $test3.crossSlideStop();
        $caption.css({ opacity: 0 })
        state(STOP);
    });

    $restart.click(function() {
        $test3.crossSlideRestart();
        state(RUN);
    });

    
});