jQuery(document).ready(function(){
	jQuery('#slideshow ul').cycle({
		fx:     'fade', 
		speed:  3000, 
//			timeout: 7000, 
		timeout: 5000, 
		pager:  '#thumbnails ul',
		next:   '#next', 
		prev:   '#prev',
		before:  onBefore,
//		after:   onAfter,
		pagerEvent: 'mouseover',
		pause: 1,
		pauseOnPagerHover: 1,
		pagerAnchorBuilder: function(idx, slide) {

		var li = jQuery('<li id="thumb_'+jQuery(slide).attr('id')+'"><a href="#"'+ (idx==6 ? '' : '') +'><img src="http://'+document.domain+'/view/templates/default/pic/slide/'+jQuery(slide).attr('id')+'p.png" border="0"/></a></li>');
		return li;
		}

	});
	
	function onBefore(currSlide, nextSlide){
		jQuery('#thumb_' + jQuery(currSlide).attr('id')+' a').removeClass('selected_' + jQuery(nextSlide).attr('id')).addClass('ciao');
		jQuery('#thumb_' + jQuery(nextSlide).attr('id')+' a').removeClass('ciao').addClass('selected_' + jQuery(nextSlide).attr('id'));
	}
	function onAfter(currSlide, nextSlide){
/*		jQuery('#thumb_' + $(nextSlide).attr('id')+' a').addClass('selected_' + $(nextSlide).attr('id'));*/
	}

});