// JavaScript Document
$(function() {
    var $homer = $('#rotatorAbout'),
        $caption = $('div.caption'),
        $pause = $('#pause'),
        $resume = $('#resume'),
        $freeze = $('#freeze'),
        $stop = $('#stop'),
        $restart = $('#restart'),
        captions = ['', '', '', ''],
        STOP = 1, RUN = 2, PAUSE = 3;

    $homer.crossSlide({
        sleep: 23,
        fade: .1
    }, [
         { src: '../_img/quote3.gif'  },
		 { src: '../_img/quote1.gif' },
        { src: '../_img/quote2.gif'   }
        
    ]);

    
    $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);
    });

    
});