jQuery( document ).ready( function(){
        jQuery( '#flip' ).jcoverflip({
          current: 1,
          beforeCss: function( el, container, offset ){ //alert('before');
            return [
              $.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 195 - 110*offset + 20*offset )+'px', bottom: '20px' }, { } ),
              $.jcoverflip.animationElement( el.find( 'img' ), { width: Math.max(10,100-20*offset*offset) + 'px' }, {} )
            ];
          },
          afterCss: function( el, container, offset ){ //alert('after');
            return [
              $.jcoverflip.animationElement( el, { left: ( container.width( )/2 + 95 + 110*offset )+'px', bottom: '20px' }, { } ),
              $.jcoverflip.animationElement( el.find( 'img' ), { width: Math.max(10,100-20*offset*offset) + 'px' }, {} )
            ];
          },
          currentCss: function( el, container ){ //alert('current');
            return [
              $.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 85 )+'px', bottom: 0 }, { } ),
              $.jcoverflip.animationElement( el.find( 'img' ), { width: '170px' }, { } )
            ];
          },
          change: function(event, ui){ 
		  	//jQuery('#scrollbar').slider('value', ui.to*25);
			//alert('change '+ui.to);
			var $last = $('#flip li:last'); 
			var $first = $('#flip li:first');
			
			var indexLast = $('#flip li').index($last); 
			var indexFirst = $('#flip li').index($first);
			
			if(ui.to == indexLast){
				$('.cover_immagini').css('left', '100px');
				$('#flip .ui-jcoverflip--title').css('left','-100px');

			}else{
				if(ui.to == indexFirst){
					$('.cover_immagini').css('left', '-100px');
					$('#flip .ui-jcoverflip--title').css('left','100px');
				}else{
					$('.cover_immagini').css('left', '0px');
					$('#flip .ui-jcoverflip--title').css('left','0px');
					
				}
			}
          }
		  

        });
        
        
        jQuery('#scrollbar').slider({
          value: 50,
          stop: function(event, ui) {
            if(event.originalEvent) { 
              var newVal = Math.round(ui.value/25);
              jQuery( '#flip' ).jcoverflip( 'current', newVal );
              jQuery('#scrollbar').slider('value', newVal*25);
            }
          }
        });
      });