// JavaScript Document

$(function() {
		
	//$('#galleriaPreloaded li').cycle({fx: 'fade', before: onBeforeSlide, after: onAfterSlide, timeout: 5000});

	$('#galleryimage').after('<ul id="rangeGalleryNav">').cycle({
	fx: 'fade', 
	timeout: 5000, 
	next:'.heroNext',
	prev:'.heroPrev',
	pager:  '#rangeGalleryNav',
	slideExpr: 'img',
	pagerAnchorBuilder: function(idx, slide) 
	{ 
		return '<li><a href="#"><img src="' + slide.src + '" width="154" /></a></li>'; 
	}
	
	});
	

	$('#rangeGalleryNav li').click(function(evt) {
		$('#galleryimage').cycle('pause');
		$('.heroPause').addClass('paused').attr('title','Play');
	});


	$('.heroNext').click(function(evt) {
		$('#galleryimage').cycle('pause');
		$('.heroPause').addClass('paused').attr('title','Play');
	});
	
	$('.heroPrev').click(function(evt) {
		$('#galleryimage').cycle('pause');
		$('.heroPause').addClass('paused').attr('title','Play');
	});
	
	
	$('.heroPause').click(function(evt) {
		if($(this).hasClass('paused')) {
			$('#galleryimage').cycle('resume');	
			$(this).removeClass('paused').attr('title','Pause');
		}
		else {
			$('#galleryimage').cycle('pause');	
			$(this).addClass('paused').attr('title','Play');
		}	
	});
	
	function onBeforeSlide(currSlideElement, nextSlideElement, options, forwardFlag) 
	{	
		
	}
	
	
	function onAfterSlide(currSlideElement, nextSlideElement, options, forwardFlag) 
	{
	
		$(nextSlideElement).trigger('click');
	
	}
	
});