////////////////////////////////////////
// LINDSAY THORNBURG CLOAKS
// thornburg.collections.js
////////////////////////////////////////

$(document).ready(function(){

	//////////////////////////////////////////
	//  Collection Loader Classes
	/////////////////////////////////////////
	$('#page.collection div.carousel').hide().parents('#primeContent').addClass('loading');

	
	//////////////////////////////////////////
	//  Collection Carousel
	///////////////////////////////////////// 
	
	var $container = $('.carousel');
	var $scrollID = $container.parents('div').attr('id');
	var $items = $container.find('li');
	var carouselLength = $items.length;
	var contentLength = ((carouselLength*900)+(carouselLength*60));
	
	var scrollOpts = {
		items:$items,
		prev: '#'+$scrollID+' span.prev',
		next: '#'+$scrollID+' span.next', // .carousel img
		step: 1,
		duration: 1000,
		// force: true,
		lock: false,
		constant: false,
		stop: true,
		cycle: true,
		//exclude: 3,
		onBefore: dimDown,
		onAfter: dimUp,
		timeout: 7000,
	}
	
	$('.carousel img').css('cursor', 'pointer');
	
	function dimDown() {
		$('#'+$scrollID+' ul').animate({'opacity' : 0.25});
	}
	function dimUp() {
		$('#'+$scrollID+' ul').animate({'opacity' : 1});
	}

	if ($items.length >= 1) {
		$('.carousel ul').width(contentLength);
	}
	if ($items.length > 1) {
		$container.after('<span class="prev"><a>Previous</a></span><span class="playpause"><a>Play/Pause</a></span><span class="next"><a>next</a></span>').serialScroll(scrollOpts);
		
		$('span.playpause a').each(function() {
			$('#primeContent').addClass('play');
			$(this).bind('click', function() {
				console.log( 'click' );
				if( $('#primeContent').hasClass('play') ) {
					$('#primeContent').addClass('stop').removeClass('play');
				} else {
					$('#primeContent').addClass('play').removeClass('stop');
				}
			});
		});
	}


	setInterval(function() {
		if( jQuery('#primeContent').hasClass('play') ) {
			jQuery('.carousel').trigger('next');
		}
	}, 5000);

});