$(document).ready(function() {
	
	// Objects
	var container = $('.click-through');
	var content = container.find('.click-through-content');
	var navigation = container.find('.click-through-nav');
	
	// Parameters
	var speed = 'fast';
	var rotation_speed = 12; // Seconds
	var total = content.find('li').size()
	
	setInterval(function() {
		navigation.find('a.right').trigger('click');
	}, rotation_speed*1000);
	
	// Button events
	navigation.find('a').live('click', function(event) {
		event.preventDefault();
		
		var action = $(this).attr('class');
		var selected = content.find('li:visible').index()
	
		if(action == 'left') {
			if(selected == 0) {
				selected = total-1;
			} else {
				selected = selected - 1;
			}
		}
		
		if(action == 'right') {
			if(selected == (total-1)) {
				selected = 0;
			} else {
				selected = selected + 1;
			}
		}
		
		content.find('li:visible').fadeOut(speed, function() {
			content.find('li').eq(selected).fadeIn(speed);
			return false;
		});
		
		// Change current
		container.find('.current').html((selected+1));
		
		return false;
	});
	
	// Set total
	container.find('.total').html(total);
	
});