// The Platform Javascript File
// By Kenny Meyers
// kenny@blueflavor.com
//
// The front page of thePlatform uses both the jQuery Cycle Plugin and the jCarouselLite jQuery plugin.
//
// This is the script that executes them.



$(document).ready(function(){
	$('#images').cycle({
		fx:    'fade', 
		speed:  1000,
		pager: ".cycle_subnav",
		timeout: 0, 
		prev: '.prev_arrow',
		next: '.next_arrow',
		before: onBefore,
		pagerAnchorBuilder: function(idx, slide) { 
			return '.cycle_subnav li:eq(' + idx + ')'; 
		}
	});
	$(".cycle_textarea p").each(function(){
		$(this).hide();
		$('.cycle_subnav li:eq(0)').addClass("selected");
		$(".cycle_textarea p:eq(0)").show();
	});

	function onBefore(previous_image, next_image, options) {
		var next_index = $(this).parent().children().index(this);
		var previous_index = $(previous_image).parent().children().index(previous_image);
		if(next_index != previous_index){
			$('.cycle_textarea p:eq('+ previous_index + ')').fadeOut(0, function(){
				$('.cycle_textarea p:eq('+ next_index + ')').show();
			});

			$('.cycle_subnav li:eq('+next_index+')').addClass("selected");
			$('.cycle_subnav li:eq('+previous_index+')').removeClass("selected");
		}
	}
});