var dur = 5000;

function initRotator() {
	$('#slide').cycle({ fx: 'scrollHorz', timeout: dur, easing: 'easeInOutQuart'/*, after: startTimer, before: stopTimer*/ })
		.append('<div id="slideControls"></div>')
		.mouseenter(function() { $('#slideControls').fadeTo('fast', 1); })
		.mouseleave(function() { $('#slideControls').fadeTo('fast', 0); });
	$('map[name^=slidemap]').mouseenter(function() { $('#slideControls').fadeTo('fast', 1); })
		.mouseleave(function() { $('#slideControls').fadeTo('fast', 0); });
	$('<button id="slideBack">Previous Slide</button>')
		.button({ icons: { primary: 'ui-icon-triangle-1-w' }, text: false })
		.click(slideBack)
		.appendTo('#slideControls');
	$('<button id="slidePlayPause">Pause</button>')
		.button({ icons: { primary: 'ui-icon-pause' }, text: false })
		.click(slideStop)
		.appendTo('#slideControls');
	$('<button id="slideForward">Next Slide</button>')
		.button({ icons: { primary: 'ui-icon-triangle-1-e' }, text: false })
		.click(slideForward)
		.appendTo('#slideControls');
	$('#slideControls').buttonset();
/*	$('#slide').children('[id!=slideControls]').each(function(i) {
		$('<button class="slideTrigger" id="trigger'+i+'">'+$(this).attr('title')+'</button>')
			.button({ text: false, icons: { primary: 'ui-icon-bullet' }})
			.click(slideJump)
			.appendTo('#slideControls');
	});
	var id = '#slideControls .ui-button-text';
	var un = $(id).css('font-size').replace(parseInt($(id).css('font-size')), '');
	var w = 0;
	$('#slideControls').children().each(function(i) { w += $(this).outerWidth(true); });
	while($('#slideControls').innerWidth() < w) {
		$(id).css('font-size', (parseInt($(id).css('font-size'))-1)+un);
		var w = 0;
		$('#slideControls').children().each(function(i) { w += $(this).outerWidth(true); });
	}

	$('#trigger0').addClass('curTrigger').addClass('ui-state-active');
	$('.preload').mouseenter(function() { $('#slideControls').fadeTo('fast', 1); });
	$('.preload').mouseleave(function() { $('#slideControls').fadeTo('fast', 0.5); });
	$('#slide > div[video]').click(embedVideo)
		.mouseenter(function() { $(this).children('.preload').fadeTo('fast', 1); })
		.mouseleave(function() { $(this).children('.preload').fadeTo('fast', 0.8); });
*/
}
/*
function startTimer(currSlideElement, nextSlideElement, options, forwardFlag) {
	var id = $(currSlideElement).attr('id').substr(5);
	$('#trigger'+$(nextSlideElement).attr('id').substr(5)).addClass('curTrigger').addClass('ui-state-active');
	if($(currSlideElement).children('#video'+id).length > 0) {
		$('#video'+id).remove();
		$(currSlideElement).click(embedVideo).addClass('preload')
			.mouseenter(function() { $(this).children('.preload').fadeTo('fast', 1); })
			.mouseleave(function() { $(this).children('.preload').fadeTo('fast', 0.5); })
			.append('<div id="vidHolder'+id+'" class="preload"></div>');
		$(currSlideElement).children('img').show();
	}
}

function stopTimer(currSlideElement, nextSlideElement, options, forwardFlag) {
	$('.curTrigger').removeClass('curTrigger').removeClass('ui-state-active');
}
*/
function slideStop() {
	$('#slide').cycle('pause');
	$(this).replaceWith($('<button id="slidePlayPause">Resume</button>').button({ text: false, icons: { primary: 'ui-icon-play' }}).click(slideStart));
	return false;
}

function slideStart() {
	$('#slide').cycle('next')
		.cycle('resume');
	$(this).replaceWith($('<button id="slidePlayPause">Pause</button>').button({ text: false, icons: { primary: 'ui-icon-pause' }}).click(slideStop));
	return false;
}

function slideBack() {
	$('#slide').cycle('prev');
	$(this).removeClass('ui-state-active');
	return false;
}

function slideForward() {
	$('#slide').cycle('next');
	$(this).removeClass('ui-state-active');
	return false;
}

function slideJump() {
	if($(this).attr('id') != $('.curTrigger').attr('id'))
		$('.curTrigger').removeClass('curTrigger').removeClass('ui-state-active');
	$(this).removeClass('ui-state-focus');
	$('#slide').cycle(parseInt($(this).attr('id').substr(7)));
	return false;
}

function embedVideo() {
	var id = $(this).attr('id').substr(5);
	$('#slidePlayPause').click();
	$(this).unbind().removeClass('preload').children('img').hide();
	swfobject.embedSWF('http://vimeo.com/moogaloop.swf',
		'vidHolder'+id, '720', '420', '9.0.0',
		'flash/expressinstall.swf',
		{ clip_id: $(this).attr('video'),
			autoplay: 1,
			loop: ((typeof($(this).attr('loop')) == 'undefined') ? 0 : $(this).attr('loop')),
			fullscreen: 0 },
		{ allowfullscreen: 'false',
			allowscriptaccess: 'always',
			wmode: 'transparent' },
		{ id: 'video'+id });
}

$(document).ready(initRotator);