jQuery(document).ready(function(){
	jQuery('#slideshow ul').cycle({
			fx:     'fade', 
			speed:  500, 
			timeout: 7000, 
			pager:  '#thumbnails ul',
			next:   '#next', 
			prev:   '#prev',
			before:  onBefore, 
			after:   onAfter,
			pagerEvent: 'mouseover',					
			pause: 1,    
			pauseOnPagerHover: 1,
			pagerAnchorBuilder: function(idx, slide) { 
				if(idx>0){
					var li = jQuery('<li class="quadri_home" id="thumb_'+jQuery(slide).attr('id')+'"><a href="#"'+ (idx==5 ? ' class="ultimo"' : '') +'>' + jQuery('h2 a', slide).html() + '</a></li>');
					
					li.click(function(){
						document.location.href = jQuery('a:first', slide).attr('href');
					});
					
					return li;
				}
			}
				
		
		});
		function onBefore(currSlide, nextSlide) { 			
			/*jQuery('img', currSlide).fadeOut(5000);				
			jQuery('h2', currSlide).fadeOut(1500);
			jQuery('h3', currSlide).fadeOut(2500);
			jQuery('p', currSlide).fadeOut(3500);*/
			jQuery('#thumb_' + $(currSlide).attr('id')+' a').removeClass('selected');
			jQuery('#thumb_' + $(nextSlide).attr('id')+' a').addClass('selected');

//			jQuery('#thumb_'+jQuery(nextSlide).attr('id')+' a').animate({'marginTop': '-5px'}, 500);
//			jQuery('#thumb_'+jQuery(currSlide).attr('id')+' a').animate({'marginTop': '0'}, 500);

//			jQuery('#thumb_'+jQuery(nextSlide).attr('id')+'').hide().fadeIn(500);
		}
		function onAfter(currSlide, nextSlide) {
			
//			jQuery('#thumb_'+jQuery(nextSlide).attr('id')).fadeOut(500);
/*			jQuery('img', nextSlide).fadeIn(6000);									
			jQuery('h2', nextSlide).fadeIn(2000);
			jQuery('h3', nextSlide).fadeIn(3000);
			jQuery('p', nextSlide).fadeIn(4000);*/
		}



});