// lib.carousel 

$(document).ready(function() {
	var sprogs = $('.image').children("img").size();
	var txtsprogs = $('.slide').children(".quote").size();
	var cntxtsprogs = $('.slide').children(".context-buttons").size();
	$('.image').cycle({
		fx: 'fade',
		timeout: 7000,
		before:	beforeActions
	});
	function beforeActions(currElement, nextElement, opts, isForward) {
		var currentSlide = parseInt(nextElement.name);
		cycleButtons(currentSlide);
		cycleText(currentSlide);
		cycleContectBtn(currentSlide);
	}
	function cycleButtons(currentSlide)
	{
		for (var i=0; i<sprogs; i++) {
			if(i==0){document.getElementById('select' + i).className = "first passive";}
			else if(i==3) {document.getElementById('select' + i).className = "last passive";}
			else {document.getElementById('select' + i).className = "passive";}
		}			
		if(currentSlide==0){document.getElementById('select' + currentSlide).className = "first active"}
		else if(currentSlide==3) {document.getElementById('select' + currentSlide).className = "last active"}
		else {document.getElementById('select' + currentSlide).className = "active";}		
		if(currentSlide == sprogs) {document.getElementById('slideshow').className = "active";}
	}	
	function cycleText(currentSlide)
	{
		for (var i=0; i<txtsprogs; i++) {$('#stb' + i).fadeOut('slow');}
		$('#stb' + currentSlide).delay(800).fadeIn('slow');
	}	
	function cycleContectBtn(currentSlide)
	{
		for (var i=0; i<cntxtsprogs; i++) {$('#cntxtbtn' + i).fadeOut('slow');}
		$('#cntxtbtn' + currentSlide).delay(800).fadeIn('slow');
		
			
	}
	$('#select0').click(function() { 
		$('.image').cycle(0); 
		return false; 
	});
	$('#select1').click(function() { 
		$('.image').cycle(1); 
		return false; 
	});
	$('#select2').click(function() { 
		$('.image').cycle(2); 
		return false; 
	});
	$('#select3').click(function() { 
		$('.image').cycle(3); 
		return false; 
	});
});