$(function() {
	var $test1 = $('#test1'),
		$caption = $('div.caption'),
		$pause = $('#pause'),
		$resume = $('#resume'),
		$freeze = $('#freeze'),
		$stop = $('#stop'),
		$restart = $('#restart')
		STOP = 1, RUN = 2, PAUSE = 3;

	$test1.crossSlide({
		sleep: 1,
		fade: 1
	}, [
		{ src: 'images/img1.jpg' },
		{ src: 'images/img2.jpg'   },
		{ src: 'images/img3.jpg' },
		{ src: 'images/img4.jpg'   },
		{ src: 'images/img5.jpg' },
		{ src: 'images/img6.jpg'   },
		{ src: 'images/img7.jpg' },
		{ src: 'images/img8.jpg'   },
		{ src: 'images/img9.jpg'  }
		
	]);

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

	
});