// real weddings slideshow

function onAfter(curr, next, opts) {
    var index = opts.currSlide;
	var this_left = -480*Math.floor(index/10);
	$('div#real-weddings-thumbs div').animate({left: this_left}, 'slow');
}

function thumbName(thisSrc) {
	imgSrc = thisSrc.replace(/th_[A-Za-z0-9]+_/,'');
	return pt+"?src="+imgSrc+"&w=40&h=40&zc=1";
}

$(document).ready(function() {
	var image_count = $('ul#real-weddings-images li').length;
	if (image_count > 1) {
		$('ul#real-weddings-images').after('<div id="real-weddings-tools"><div id="real-weddings-playpause" class="sprite pause"></div><div id="real-weddings-thumbs"><div></div></div></div>');
		var thumb_pages = Math.floor((image_count-1)/10);
		$('div#real-weddings-tools')
			.append('<div id="real-weddings-thumbs-nav-forward" class="sprite active">&nbsp;</div>')
			.prepend('<div id="real-weddings-thumbs-nav-back" class="sprite active">&nbsp;</div>');
		$(window).load(function() {
			$('ul#real-weddings-images')
				.cycle({
					after: onAfter,
					pager: 'div#real-weddings-thumbs div',
					pagerAnchorBuilder: function(index, slide) {
						var thumbSrc = $(slide).find('a').attr('href');
						$(slide).find('a').attr('href','#');
						return '<a href="#"><img src="' + thumbSrc + '" width="40" height="40" /></a>';
					},
					next: '#real-weddings-thumbs-nav-forward',
					prev: '#real-weddings-thumbs-nav-back'
				})
				.fadeIn('slow');
		});
		$('#real-weddings-playpause')
			.toggle(function() {
				$(this).removeClass('pause').addClass('play');
				$('ul#real-weddings-images').cycle('pause');
			}, function() {
				$(this).removeClass('play').addClass('pause');
				$('ul#real-weddings-images').cycle('resume');
			})
			.hover(function() {
				$(this).addClass('hover');
			}, function() {
				$(this).removeClass('hover');
			});
	}
});