$(function() {
	var 
		$kb1Photo = $('#kb1-photo'),
		$kb1Caption = $('#kb1-caption'),
		$pause = $('#pause'),
		$resume = $('#resume'),
		$freeze = $('#freeze'),
		$stop = $('#stop'),
		$restart = $('#restart'),
		STOP = 1, RUN = 2, PAUSE = 3;

	
	//overloading the alt tag.  would be nice to introduce something else to carry the caption for the image
	$kb1Photo.crossSlide({
		fade: 1,
		variant: true,
		easing: 'easeInOutQuad'
	}, [
		{
			src:  'images/home/img_home_second1.jpg',
			alt:  '<ul><li>Tradition Country Club - La Quinta, CA</li><li>Hand made rug from Pakistan</li></ul>',
			from: '50% 50% 1x',
			to:   '56% 87% 1x',
			time: 5
		}, {
			src:  'images/home/img_home_second2.jpg',
			alt:  '<ul><li>Big Horn Country Club - Palm Desert, CA</li><li>Hand knotted rug from Pakistan</li></ul>',
			from: '50% 50% 1x',
			to:   '73% 92% 1x',
			time: 5
		}, {
			src:  'images/home/img_home_second3.jpg',
			alt:  '<ul><li>Hideaway Country Club - La Quinta, CA</li><li>Hand knotted rug from Pakistan</li></ul>',
			from: '50% 50% 1x',
			to:   '70% 87% 1x',
			time: 5
		},
		{
			src:  'images/home/img_home_second4.jpg',
			alt:  '<ul><li>Reserve Country Club - Indian Wells, CA</li><li>Hand woven rug from India</li></ul>',
			from: '20% 100% 1x',
			to:   '64% 77% 1x',
			time: 5
		}
		, {
			src:  'images/home/img_home_second5.jpg',
			alt:  '<ul><li>Big Horn Country Club - Palm Desert, CA</li><li>Hand woven rug from India</li></ul>',
			from: '100% 0% 1x',
			to:   '64% 75% 1x',
			time: 5
		}
	], function(idx, img, idxOut, imgOut) {
		if (idxOut == undefined) {
			$kb1Caption.html(img.alt).animate({ opacity: .7 })
		} else {
			$kb1Caption.animate({ opacity: 0 })
		}
	});
	$kb1Caption.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() {
		$kb1Photo.crossSlidePause();
		state(PAUSE);
	});

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

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

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

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

});