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

	$test1.crossSlide({
		fade: 1,
		sleep: 3
	}, [
		{ src: '/images/slide/400px.b/software-2.jpg' },
		{ src: '/images/slide/400px.b/networking.jpg' },
		{ src: '/images/slide/400px.b/consulting.jpg' },
		{ src: '/images/slide/400px.b/automazione.jpg' },
		{ src: '/images/slide/400px.b/ambiente.jpg' },
		{ src: '/images/slide/400px.b/programmazione.jpg'},
		{ src: '/images/slide/400px.b/esperienza.jpg'}
		
	], function(idx, img, idxOut, imgOut) {
		if (idxOut == undefined) {
			$caption.text(captions[idx]).animate({ opacity: .7 })
		} else {
			$caption.animate({ opacity: 0 })
		}
	});

	$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() {
		$test1.crossSlidePause();
		state(PAUSE);
	});

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

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

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

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