$(function() {
	
	// dichiaro variabili
	var $path = $('#textpage_sidebar_contenuto'); // percorso base
		$next = $path.find('.next'); // bottone successivo
		$prev = $path.find('.prev'); // bottone precedente
		$first = $path.find('li:first'); // prima pagina
		$last = $path.find('li:last'); // seconda pagina
		$length = $path.find('li').length; // numero delle pagine
	
	// abilito hover sulle immagini
	$path.find('.image').removeClass('image').each(function() {
		$(this).css({
			'opacity': 0.5,
			border: '3px solid #999'
		});
		$(this).hover(function () {
			// on hover
			$(this).stop().fadeTo(250, 1);
			$(this).css({border: '3px solid #333'});
		}, function () {
			// off hover
			$(this).stop().fadeTo(250, 0.5);
			$(this).css({border: '3px solid #999'});
		});
	});
	
	if ($length > 1) {
	
		// nascondo seconda pagina
		$last.css('display', 'none');
		
		// nascondo bottone precedente
		$prev.css('display', 'none');
		
		// azione bottone successivo
		$next.click(function() {
			$first.stop().fadeTo(250, 0 , function() {
				$(this).css('display', 'none')
				$next.fadeTo(250, 0, function() { $(this).css('display', 'none') });
				$prev.fadeTo(250, 1, function() { $(this).css('display', 'block') });
			})
			$last.css('display', 'block').fadeTo(250, 1)
		});
		
		// azione bottone precedente
		$prev.click(function() {
			$last.stop().fadeTo(250, 0 , function() {
				$(this).css('display', 'none')
				$prev.fadeTo(250, 0, function() { $(this).css('display', 'none') });
				$next.fadeTo(250, 1, function() { $(this).css('display', 'block') });
			})
			$first.css('display', 'block').fadeTo(250, 1)
		});
		
	} else {
		
		// nascondo seconda pagina
		$next.css('display', 'none');
		
		// nascondo bottone precedente
		$prev.css('display', 'none');
	}
});