Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.chauffagiste-essonne.com/htdocs/ressources/js/
/srv/data/web/vhosts/www.chauffagiste-essonne.com/htdocs/ressources/js/script.js
 //Carousel 

// $(function() {
// 				$('#carousel').carouFredSel({
// 					width: 1140,
// 					height: 400,
// 					align: false,
// 					padding: [0, 650, 0, 0],
// 					items: {
// 						width: 50,
// 						height: 400,
// 						visible: 5,
// 						minimum: 1
// 					},
// 					scroll: {
// 						items: 1,
// 						duration: 750
// 					},
// 					auto: false
					
// 				});
// 				$('#carousel').children().click(function() {
// 					$('#carousel').trigger( 'slideTo', [this, -4, 'prev'] );
// 				});
// 			});

//Carousel 1
// $(function() {
// 				$('#carousel').carouFredSel({
// 					width: '100%',
// 					items: {
// 						visible: 3,
// 						start: -1
// 					},
// 					scroll: {
// 						items: 1,
// 						duration: 1000,
// 						timeoutDuration: 3000
// 					},
// 					prev: '#prev',
// 					next: '#next',
// 					pagination: {
// 						container: '#pager',
// 						deviation: 1
// 					}
// 				});
// 			});

//Carousel  2

   //      $(function() {
			// 	$('#wrapper').hover(
			// 		function() {
			// 			$('#carousel').trigger( 'pause' );
			// 			$('#thumbnails').parent().animate({
			// 				top: 280
			// 			});
			// 		}, function() {
						
			// 			$('#carousel').trigger( 'play' );
			// 			$('#thumbnails').parent().animate({
			// 				top: 375
			// 			});
			// 		}
			// 	);

			// 	$('#carousel').carouFredSel({
			// 		scroll: {
			// 			fx: 'crossfade',
			// 			onBefore: function( data ) {
			// 				$('#thumbnails').trigger( 'slideTo', [ $('#thumbnails img[alt='+ data.items.visible.attr( 'alt' ) +']'), -2 ] );
			// 			}
			// 		}
			// 	});

			// 	$('#thumbnails').carouFredSel({
			// 		auto: false,
			// 		items: {
			// 			start: -2
			// 		}
			// 	});

			// 	$('#thumbnails img').click(function() {
			// 		$('#carousel').trigger( 'slideTo', [ $('#carousel img[alt='+ $(this).attr( 'alt' ) +']') ] );

			// 	}).css( 'cursor', 'pointer' );
			// });

//Carousel  3

   //      $(function() {

			// 	//	you can change this number!
			// 	var curtains = 10;

			// 	//	but not this one!
			// 	var totalWidth = 1140;

			// 	//	set the width for the wrapper
			// 	$('#slides').css({
			// 		'width'		: totalWidth / curtains,
			// 		'height'	: 400,
			// 		'float'		: 'left'
			// 	});

			// 	$('#slides').children().each(function() {

			// 		//	wrap all images in a div
			// 		$div = $(this).wrap( '<div />' ).parent();
					
			// 		//	set the css for the div and image
			// 		$div.css({
			// 			'box-shadow': '0 0 5px rgba(0, 0, 0, 0.5)',
			// 			'width'		: totalWidth / curtains,
			// 			'height'	: 400,
			// 			'overflow'	: 'hidden',
			// 			'float'		: 'left',
			// 			'position'	: 'relative'
			// 		});
			// 		$(this).css({
			// 			'position'	: 'absolute',
			// 			'top'		: 0
			// 		});
			// 	});

			// 	//	create 9 copies to function as the curtains
			// 	for (var c = 1; c < curtains; c++) {
			// 		var clone = $('#slides').clone();
			// 		clone.addClass('slide').removeAttr('id');
			// 		clone.appendTo( $("#carousel") );
					
			// 		//	set the position of the image
			// 		clone.find( 'img' ).css({
			// 			'left'	: -(c * (totalWidth / curtains))
			// 		});
			// 	}

			// 	//	copies don't scroll automatically
			// 	$('.slide').carouFredSel({
			// 		items: 1,
			// 		auto: false,
			// 	});

			// 	//	original scrolls automatically and synchronises the copies
			// 	$('#slides').carouFredSel({
			// 		synchronise: '.slide',
			// 		items: 1,
			// 		auto: {
			// 			duration: 1000,
			// 			timeoutDuration: 4000
			// 		}
			// 	});
			// });

//Carousel  4

// $(function() {
// 		var thumbs = $('#thumbscarousel');

// 		$('#carousel').carouFredSel({
// 			items: 1,
// 			scroll: {
// 				fx: 'crossfade'
// 			},
// 			auto: {
// 				timeoutDuration: 5000,
// 				duration: 2000
// 			},
// 			pagination: {
// 				container: '#pager',
// 				duration: 300
// 			}
// 		});

// 		thumbs.carouFredSel({
// 			circular: false,
// 			auto: false,
// 			width: 150,
// 			height: 75,
// 			scroll: {
// 				duration: 200
// 			},
// 			items: {
// 				visible: 1,
// 				width: 150,
// 				height: 75
// 			}
// 		});

// 		$('#pager').hover(function() {
// 			var current = $('#carousel').triggerHandler( 'currentPosition' );
// 			thumbs.trigger( 'slideTo', [ current, 0, true, { fx: 'none' } ] );
// 			$('#thumbs').stop().fadeTo(300, 1);
// 		}, function() {
// 			$('#thumbs').stop().fadeTo(300, 0);
// 		});

// 		$('#pager a').mouseenter(function() {
// 			var index = $('#pager a').index( $(this) );

// 			//	clear the queue
// 			thumbs.trigger( 'queue', [[]] );

// 			//	scroll
// 			thumbs.trigger( 'slideTo', [index, { queue: true }] );
// 		});
// 	});

//Carousel  5

 //    $(function() {
	// 	$('#carousel').carouFredSel({
	// 		items: 1,
	// 		scroll: {
	// 			duration: 2500,
	// 			timeoutDuration: 1500,
	// 			easing: 'elastic'
	// 		}
	// 	});
	// });

//Carousel 6

// $(function() {
// 				var left = {
// 					imgFront	: -450,
// 					imgBack		: -350,
// 					h3			: -300,
// 					p			: -275,
// 					a			: -200
// 				}
// 				var current = {
// 					imgFront	: 30,
// 					imgBack		: 300,
// 					h3			: 675,
// 					p			: 675,
// 					a			: 700
// 				}
// 				var right = {
// 					imgFront	: 1140,
// 					imgBack		: 1140,
// 					h3			: 1140,
// 					p			: 1140,
// 					a			: 1140
// 				}
				
// 				var isScrolling = false;

// 				$('#carousel').carouFredSel({
// 					scroll	: {
// 						duration		: 0,
// 						timeoutDuration	: 100
// 					},
// 					auto	: false,
// 					prev	: {
// 						button		: '#prev',
// 						conditions	: function() {
// 							return (!isScrolling);
// 						},
// 						onBefore	: function( data ) {
// 							isScrolling = true;

// 							$(this).delay(900);

// 							data.items.old.find('img.img-front')
// 								.delay(400)
// 								.animate({
// 									left: right.imgFront
// 								});

// 							data.items.old.find('img.img-back')
// 								.delay(300)
// 								.animate({
// 									left: right.imgBack
// 								});

// 							data.items.old.find('h3')
// 								.delay(200)
// 								.animate({
// 									left: right.h3
// 								});

// 							data.items.old.find('p')
// 								.delay(100)
// 								.animate({
// 									left: right.p
// 								});

// 							data.items.old.find('a')
// 								.animate({
// 									left: right.a
// 								});
// 						},
// 						onAfter: function( data ) {
// 							data.items.old.find('img.img-front')
// 								.css({
// 									left: current.imgFront
// 								});

// 							data.items.old.find('img.img-back')
// 								.css({
// 									left: current.imgBack
// 								});

// 							data.items.old.find('h3')
// 								.animate({
// 									left: current.h3
// 								});

// 							data.items.old.find('p')
// 								.css({
// 									left: current.p
// 								});

// 							data.items.old.find('a')
// 								.css({
// 									left: current.a
// 								});

// 							data.items.visible.find('img.img-front')
// 								.css({
// 									left: left.imgFront
// 								}).delay(400)
// 								.animate({
// 									left: current.imgFront
// 								}, function() {
// 									isScrolling = false;
// 								});

// 							data.items.visible.find('img.img-back')
// 								.css({
// 									left: left.imgBack
// 								}).delay(300)
// 								.animate({
// 									left: current.imgBack
// 								});

// 							data.items.visible.find('h3')
// 								.css({
// 									left: left.h3
// 								}).delay(200)
// 								.animate({
// 									left: current.h3
// 								});

// 							data.items.visible.find('p')
// 								.css({
// 									left: left.p
// 								}).delay(100)
// 								.animate({
// 									left: current.p
// 								});

// 							data.items.visible.find('a')
// 								.css({
// 									left: left.a
// 								})
// 								.animate({
// 									left: current.a
// 								});
// 						}
// 					},
// 					next	: {
// 						button		: '#next',
// 						conditions	: function() {
// 							return (!isScrolling);
// 						},
// 						onBefore	: function( data ) {
// 							isScrolling = true;

// 							$(this).delay(900);	//	delay the onafter

// 							data.items.old.find('img.img-front')
// 								.animate({
// 									left: left.imgFront
// 								});

// 							data.items.old.find('img.img-back')
// 								.delay(100)
// 								.animate({
// 									left: left.imgBack
// 								});

// 							data.items.old.find('h3')
// 								.delay(200)
// 								.animate({
// 									left: left.h3
// 								});

// 							data.items.old.find('p')
// 								.delay(300)
// 								.animate({
// 									left: left.p
// 								});

// 							data.items.old.find('a')
// 								.delay(400)
// 								.animate({
// 									left: left.a
// 								});
// 						},
// 						onAfter: function( data ) {
// 							data.items.old.find('img.img-front')
// 								.css({
// 									left: current.imgFront
// 								});

// 							data.items.old.find('img.img-back')
// 								.css({
// 									left: current.imgBack
// 								});

// 							data.items.old.find('h3')
// 								.animate({
// 									left: current.h3
// 								});

// 							data.items.old.find('p')
// 								.css({
// 									left: current.p
// 								});

// 							data.items.old.find('a')
// 								.css({
// 									left: current.a
// 								});

// 							data.items.visible.find('img.img-front')
// 								.css({
// 									left: right.imgFront
// 								})
// 								.animate({
// 									left: current.imgFront
// 								});

// 							data.items.visible.find('img.img-back')
// 								.css({
// 									left: right.imgBack
// 								}).delay(100)
// 								.animate({
// 									left: current.imgBack
// 								});

// 							data.items.visible.find('h3')
// 								.css({
// 									left: right.h3
// 								}).delay(200)
// 								.animate({
// 									left: current.h3
// 								});

// 							data.items.visible.find('p')
// 								.css({
// 									left: right.p
// 								}).delay(300)
// 								.animate({
// 									left: current.p
// 								});

// 							data.items.visible.find('a')
// 								.css({
// 									left: right.a
// 								}).delay(400)
// 								.animate({
// 									left: current.a
// 								}, function() {
// 									isScrolling = false;
// 								});
// 						}
// 					}
// 				});
// 			});
//Carousel  7

// function prevTimers() {
// 	return allTimers().slice( 0, $('#pager a.selected').index() );
// }
// function allTimers() {
// 	return $('#pager a span');
// }

// $(function() {
// 	$('#carousel').carouFredSel({
// 		items: 1,
// 		auto: {
// 			pauseOnHover: 'resume',
// 			progress: {
// 				bar: '#pager a:first span'
// 			}
// 		},
// 		scroll: {
// 			fx: 'crossfade',
// 			duration: 300,
// 			timeoutDuration: 2000,
// 			onAfter: function() {
// 				allTimers().stop().width( 0 );
// 				prevTimers().width( 223 );
// 				$(this).trigger('configuration', [ 'auto.progress.bar', '#pager a.selected span' ]);
// 			}
// 		},
// 		pagination: {
// 			container: '#pager',
// 			anchorBuilder: false
// 		}
// 	});
// });

//Carousel  8

// function openItem( $item ) {
// 	$item.find( 'img[src*="-grey"]' ).stop().fadeTo( 1500, 0 );
// 	$item.addClass( 'selected' );
// 	$item.stop().animate({
// 		height: 363
// 	});
// 	$('body').css( 'backgroundColor', $item.css( 'backgroundColor' ) );
// }

// $(function() {
// 	$('#carousel').carouFredSel({
// 		circular: false,
// 		infinite: false,
// 		width: '100%',
// 		height: 405,
// 		items: 3,
// 		auto: false,
// 		prev: '#prev',
// 		next: '#next',
// 		scroll: {
// 			items: 1,
// 			duration: 1000,
// 			easing: 'quadratic',
// 			onBefore: function( data ) {
// 				data.items.old.find( 'img[src*="-grey"]' ).stop().fadeTo( 500, 1 );
// 				data.items.old.removeClass( 'selected' );
// 				data.items.old.stop().animate({
// 					height: 313
// 				});
// 				$('body').css( 'backgroundColor', '#ddd' );
// 			},
// 			onAfter: function( data ) {
// 				openItem( data.items.visible.eq( 1 ) );
// 			}
// 		},
// 		onCreate: function( data ) {
// 			openItem( data.items.eq( 1 ) );
// 		}
// 	});
// });

//Carousel 9

// $(function() {

// 	var dur = 1000;
// 	var pDur = 3000;

// 	$('.carousel').carouFredSel({
// 		items: {
// 			visible: 1,
// 			width: 1100,
// 			height: 410
// 		},
// 		scroll: {
// 			fx: 'fade',
// 			easing: 'linear',
// 			duration: dur,
// 			timeoutDuration: pDur,
// 			onBefore: function( data ) {
// 				animate( data.items.visible, pDur + ( dur * 3 ) );
// 			},
// 			onAfter: function( data ) {
// 				data.items.old.find( 'img' ).stop().css({
// 					width: 1100,
// 					height: 420,
// 					marginTop: 0,
// 					marginLeft: 0
// 				});
// 			}
// 		},
// 		onCreate: function( data ) {
// 			animate( data.items, pDur + ( dur *2 ) );
// 		}
// 	});
	
// 	function animate( item, dur ) {
// 		var obj = {
// 			width: 1400,
// 			height: 540
// 		};
// 		switch( Math.ceil( Math.random() * 2 ) ) {
// 			case 1:
// 				obj.marginTop = 0;
// 				break;
// 			case 2:
// 				obj.marginTop = -120
// 				break;
// 		}
// 		switch( Math.ceil( Math.random() * 2 ) ) {
// 			case 1:
// 				obj.marginLeft = 0;
// 				break;
// 			case 2:
// 				obj.marginLeft = -200
// 				break;
// 		}
// 		item.find( 'img' ).animate(obj, dur, 'linear' );
// 	}

// });

//Carousel 10

// $(function() {
// 	 $('#images').carouFredSel({
// 	 	items: 1,
// 		direction: 'up',
// 		auto: {
// 			duration: 750,
// 			timeoutDuration: 2000,
// 			easing: 'quadratic',
// 			onBefore: function() {
// 				var index = $(this).triggerHandler( 'currentPosition' );
// 				if ( index == 0 ) {
// 					index = $(this).children().length;
// 				}
// 				$('#texts').trigger('slideTo', [ index, {
// 					fx: 'directscroll'
// 				}, 'prev' ]);
// 			}
// 		}
// 	 });
// 	 $('#texts').carouFredSel({
// 		items: 1,
// 		direction: 'up',
// 		auto: {
// 			play: false,
// 			duration: 750,
// 			easing: 'quadratic'
// 		}
// 	 });
// });

//Carousel 11

// $(function() {
// 	$('.carousel').carouFredSel({
// 		items: 1,
// 		scroll: {
// 			onAfter: function() {
// 				setRandomFX( $(this) );
// 			}
// 		},
// 		onCreate: function() {
// 			setRandomFX( $(this) );
// 		}
// 	});
// });
// var allFXs = [ 'scroll', 'crossfade', 'cover', 'uncover' ];
// function setRandomFX( $elem ) {
// 	var newFX = Math.floor( Math.random() * allFXs.length );
// 	$elem.trigger( 'configuration', {
// 		auto: {
// 			fx: allFXs[ newFX ]
// 		}
// 	});
// }

//Carousel 12

// $(function() {
// 				//	cache first carousel
// 				var $org = $('.carousel');

// 				//	variables
// 				var width = 1140,
// 					height = 400,
// 					cols = 8,
// 					rows = 5,
// 					$img = $org.children()
// 					imgs = $img.length;

// 				//	duplicate carouesl
// 				for( a = 0; a < rows * cols; a++ ) {
// 					$('#wrapper').append( $org.clone() );
// 				}
				
// 				//	cache all carousls
// 				$all = $('.carousel');
// 				$all.each(function( i ) {
				
// 					//	current row and column
// 					var row = Math.floor( i / cols ),
// 						col = i % cols;

// 					var $t = $(this),
// 						i2 = i % imgs,
// 						$x = $img.eq( i2 ).clone();

// 					//	first image -> thumbnail
// 					$x.addClass( 'thumb' );
// 					$t.prepend( $x );

// 					var $d = $t.children();

// 					//	onClick start scrolling the first carousel
// 					$t.click(function() {
// 						var d = ( $t.triggerHandler( 'currentPosition' ) == 0 ) ? i2+1 : 0;
// 						$org.trigger( 'slideTo', d );
// 					});

// 					//	set width + height
// 					$t.add( $d ).css({
// 						width: width / cols,
// 						height: height / rows
// 					});
					
// 					//	position images
// 					$d.children().css({
// 						left: -(col * (width / cols)),
// 						top: -(row * (height / rows))
// 					});
// 				});
				
// 				//	create carousels
// 				$all.carouFredSel({
// 					circular: false,
// 					items: {
// 						visible: 1,
// 						width: width / cols,
// 						height: height / rows
// 					},
// 					scroll: {
// 						fx: 'directscroll',
// 						onBefore: function() {
// 							var $t = $(this);

// 							//	trigger next carousel to scroll after 25 ms.
// 							setTimeout(function() {
// 								$t.parent().next().children().trigger( 'slideTo', $t.triggerHandler( 'currentPosition' ) );
// 							}, 25);
// 						}
// 					}
// 				}).trigger( 'pause' );
// 			});


//Carousel 13

// $(function() {
// $('#carousel').carouFredSel({
// 	width: 1140,
// 	align: false,
// 	items: {
// 		visible: 1,
// 		width: 1140
// 	},
// 	auto: false,
// 	next: '#next',
// 	scroll: {
// 		onBefore: function( data ) {
// 			data.items.visible.animate({
// 				'marginLeft': 0
// 			}, data.scroll.duration);
// 		},
// 		onAfter: function( data ) {
// 			data.items.old.css({
// 				'zIndex': 0,
// 				'marginLeft': -300
// 			});
// 			data.items.visible.css( 'zIndex', 2 );
// 			data.items.visible.next().css( 'zIndex', 1 );
// 		}
// 	},
// 	onCreate: function( data ) {
// 		data.items.css({
// 			'marginLeft': 0,
// 			'zIndex': 2
// 		});
// 		data.items.next().css( 'zIndex', 1 );
// 	}
// });
// });

//Carousel 14

// $(function() {

// 	var defaultCss = {
// 		width: 240,
// 		height: 150,
// 		marginTop: 50,
// 		marginRight: 25,
// 		marginLeft: 25,
// 		opacity: 0.5
// 	};
// 	var selectedCss = {
// 		width: 400,
// 		height: 260,
// 		marginTop: 0,
// 		marginRight: -25,
// 		marginLeft: -25,
// 		opacity: 1
// 	};
// 	var aniOpts = {
// 		queue: false,
// 		duration: 1000,
// 		easing: 'elastic'
// 	};
// 	var $car = $('#carousel');
// 	for ( var a = 0; a < 3; a++ ) {
// 		$car.prepend( '<div />' );
// 	}
// 	for ( var a = 0; a < 3; a++ ) {
// 		$car.append( '<div />' );
// 	}
// 	$car.find('img').css('zIndex', 1).css( defaultCss );
// 	$car.find('img').eq(0).css('zIndex', 2).css( selectedCss );
// 	$car.carouFredSel({
// 		circular: false,
// 		infinite: false,
// 		width: '100%',
// 		height: 250,
// 		items: 7,
// 		prev: '#prev',
// 		next: '#next',
// 		auto: false,
// 		scroll: {
// 			items: 1,
// 			duration: 1000,
// 			easing: 'elastic',
// 			onBefore: function( data ) {
// 				data.items.old.eq(3).find('img').css('zIndex', 1).animate( defaultCss, aniOpts );
// 				data.items.visible.eq(3).find('img').css('zIndex', 2).animate( selectedCss, aniOpts );
// 			}
// 		}
// 	});
// });

//Carousel 15

// $(function() {
// 	$('#carousel').carouFredSel({
// 		width: 1140,
// 		height: '100%',
// 		direction: 'up',
// 		items: 1,
// 		scroll: {
// 			duration: 600,
// 			onBefore: function( data ) {
// 				data.items.visible.children().css( 'opacity', 0 ).delay( 200 ).fadeTo( 400, 1 );
// 				data.items.old.children().fadeTo( 400, 0 );
// 			}
// 		}
// 	});
// });


//Carousel  16

$(function() {
var $carousel = $('#carousel'),
	$pager = $('#pager');

//	gather the thumbnails
var $thumb = $( '<div class="thumb" />' );
$carousel.children().each(function() {
	var src = $(this).attr( 'src' );
	$thumb.append( '<img src="' + src.split('/large/').join('/small/') + '" />' );
});

//	duplicate the thumbnails
for (var a = 0; a < $carousel.children().length - 1; a++) {
	$pager.append( $thumb.clone() );
}

//	create large carousel
$carousel.carouFredSel({
	items: {
		visible: 1,
		width: 1030,
		height: 350
	},
	scroll: {
		fx: 'directscroll',
		onBefore: function( data ) {
			var oldSrc = data.items.old.attr('src').split('/large/').join('/small/'),
				newSrc = data.items.visible.attr('src').split('/large/').join('/small/'),
				$t = $thumbs.find('img:first-child[src="' + newSrc + '"]').parent();

			$t.trigger('slideTo', [$('img[src="' + oldSrc + '"]', $t), 'next']);
		}
	}
});

//	create thumb carousels
var $thumbs = $('.thumb');
$thumbs.each(function( i ) {
	$(this).carouFredSel({
		auto: false,
		scroll: {
			fx: 'directscroll'
		},
		items: {
			start: i+1,
			visible: 1,
			width: 100,
			height: 80
		}
	});

	//	click the carousel
	$(this).click(function() {
		var src = $(this).children().first().attr('src').split('/small/').join('/large/');
		$carousel.trigger('slideTo', [$('img[src="' + src + '"]', $carousel), 'next']);
	});
});
});

//Carousel  17
// $(function() {
// 	var $carousel = $('#carousel'),
// 		$prev = $('#prev'),
// 		$next = $('#next'),
// 		$prevArr = $('#prev-arrow'),
// 		$nextArr = $('#next-arrow');

// 	$carousel.carouFredSel({
// 		width: 1140,
// 		height: 400,
// 		items: {
// 			width: 1140,
// 			height: 400,
// 			visible: 3,
// 			start: -1
// 		},
// 		scroll: {
// 			items: 1,
// 			onBefore: function() {
// 				$carousel.animate({
// 					marginLeft: 0
// 				}, {
// 					queue: false
// 				});
// 			}
// 		},
// 		auto: false,
// 		prev: '#prev',
// 		next: '#next'
// 	});
// 	$prev.hover(
// 		function() {
// 			if ( !$carousel.triggerHandler('isScrolling') ) {
// 				$carousel.stop().animate({
// 					marginLeft: 100
// 				});
// 				$prevArr.stop().animate({
// 					left: 15
// 				});
// 			}
// 		},
// 		function() {
// 			$carousel.animate({
// 				marginLeft: 0
// 			}, {
// 				queue: false
// 			});
// 			$prevArr.stop().animate({
// 				left: -25
// 			});
// 		}
// 	);
// 	$next.hover(
// 		function() {
// 			if ( !$carousel.triggerHandler('isScrolling') ) {
// 				$carousel.stop().animate({
// 					marginLeft: -100
// 				});
// 				$nextArr.stop().animate({
// 					right: 15
// 				});
// 			}
// 		},
// 		function() {
// 			$carousel.animate({
// 				marginLeft: 0
// 			}, {
// 				queue: false
// 			});
// 			$nextArr.stop().animate({
// 				right: -25
// 			});
// 		}
// 	);
// });

//Carousel   18

// // the carousel
// var $carousel = null;

// //	the draggable wrapper
// var $wrapper = null;

// //	the width of one item
// var itemWidth = 1140;

// //	the duration of the scrolling
// var scrollDuration = 400;

// //	dragging-engine
// var startDragPosition = false;
// function startDrag( event ) {
// 	event.preventDefault();

// 	if ( $carousel.triggerHandler( 'isScrolling' ) ) {
// 		startDragPosition = false;
// 		return;
// 	}
// 	startDragPosition = event.pageX;
// 	$wrapper.bind(
// 		'mousemove',
// 		function( e ) {
// 			$wrapper.css({
// 				'marginLeft': -(itemWidth + startDragPosition - e.pageX)
// 			});
// 		}
// 	);
// }
// function stopDrag( event ) {
// 	event.preventDefault();
// 	$wrapper.unbind('mousemove');

// 	if ( startDragPosition ) {
// 		var currentDragPosition = event.pageX;
// 		var direction = false;
// 		if ( startDragPosition < currentDragPosition ) {
// 			direction = 'prev';
// 		} else if ( startDragPosition > currentDragPosition ) {
// 			direction = 'next';
// 		}
// 		if ( direction ) {
// 			$carousel.trigger( direction );
// 			$wrapper.animate({
// 				'marginLeft': -itemWidth
// 			}, scrollDuration);
// 		}
// 	}
// 	startDragPosition = false;
// }

// $(function() {

// 	//	the carousel
// 	$carousel = $('#carousel');
// 	$carousel.carouFredSel({
// 		width: 1140 * 3,
// 		height: 400,
// 		align: false,
// 		items: {
// 			visible: 3,
// 			start: -1
// 		},
// 		scroll: {
// 			items: 1,
// 			duration: scrollDuration
// 		},
// 		auto: false
// 	});

// 	//	make the wrapper draggable
// 	$wrapper = $carousel.parent();
// 	$wrapper.css({
// 		'cursor': 'move',
// 		'marginLeft': -itemWidth
// 	});
// 	$wrapper.bind('mousedown', startDrag)
// 	$wrapper.bind('mouseup', stopDrag)
// 	$wrapper.bind('mouseleave', stopDrag);
// });

//Carousel   19

// $(function() {
// var _center = {
// 	width: 600,
// 	height: 400,
// 	marginLeft: 0,
// 	marginTop: 0,
// 	marginRight: 0
// };
// var _left = {
// 	width: 300,
// 	height: 200,
// 	marginLeft: 0,
// 	marginTop: 150,
// 	marginRight: -150
// };
// var _right = {
// 	width: 300,
// 	height: 200,
// 	marginLeft: -150,
// 	marginTop: 150,
// 	marginRight: 0
// };
// var _outLeft = {
// 	width: 150,
// 	height: 100,
// 	marginLeft: 150,
// 	marginTop: 200,
// 	marginRight: -200
// };
// var _outRight = {
// 	width: 150,
// 	height: 100,
// 	marginLeft: -200,
// 	marginTop: 200,
// 	marginRight: 50
// };
// $('#carousel').carouFredSel({
// 	width: 900,
// 	height: 400,
// 	align: false,
// 	items: {
// 		visible: 3,
// 		width: 100
// 	},
// 	scroll: {
// 		items: 1,
// 		duration: 400,
// 		onBefore: function( data ) {
// 			data.items.old.eq( 0 ).animate(_outLeft);
// 			data.items.visible.eq( 0 ).animate(_left);
// 			data.items.visible.eq( 1 ).animate(_center);
// 			data.items.visible.eq( 2 ).animate(_right).css({ zIndex: 1 });
// 			data.items.visible.eq( 2 ).next().css(_outRight).css({ zIndex: 0 });

// 			setTimeout(function() {
// 				data.items.old.eq( 0 ).css({ zIndex: 1 });
// 				data.items.visible.eq( 0 ).css({ zIndex: 2 });
// 				data.items.visible.eq( 1 ).css({ zIndex: 3 });
// 				data.items.visible.eq( 2 ).css({ zIndex: 2 });
// 			}, 200);
// 		}
// 	}
// });
// $('#carousel').children().eq( 0 ).css(_left).css({ zIndex: 2 });
// $('#carousel').children().eq( 1 ).css(_center).css({ zIndex: 3 });
// $('#carousel').children().eq( 2 ).css(_right).css({ zIndex: 2 });
// $('#carousel').children().eq( 3 ).css(_outRight).css({ zIndex: 1 });
// });

//Carousel   20

// $(function() {
// var timer = $('#timer'),
// 	timerTop = $('.top img', timer),
// 	timerBottom = $('.bottom img', timer);

// $('#carousel').carouFredSel({
// 	auto: {
// 		pauseOnEvent: 'resume',
// 		button: '#play',
// 		progress: {
// 			bar: '#timer',
// 			updater: function( percentage ) {
// 				if ( percentage < 50 ) {
// 					var deg = 180 - ( percentage * 180 / 50 );
// 					timerTop.css( 'transform', 'rotate( -' + deg + 'deg )' );
// 					timerBottom.css( 'transform', 'rotate( 0deg )' );
					
// 				} else {
// 					var deg = ( ( percentage - 50 ) * 180 / 50 );
// 					timerTop.css( 'transform', 'rotate( 0deg )' );
// 					timerBottom.css( 'transform', 'rotate( ' + deg + 'deg )' );
// 				}
// 			}
// 		}
// 	},
// 	scroll: {
// 		fx: 'crossfade',
// 		duration: 300,
// 		timeoutDuration: 3000,
// 		onBefore: function() {
// 			timer.hide();
// 		},
// 		onAfter: function() {
// 			timer.show();
// 			timerTop.css( 'transform', 'rotate( 182deg )' );
// 			timerBottom.css( 'transform', 'rotate( 0deg )' );
// 		}
// 	}
// });
// });

//Carousel   21

$(function() {
var $l = $('#carousel-left'),
	$c = $('#carousel-center'),
	$r = $('#carousel-right');
	
$l.carouFredSel({
	auto: false,
	items: 1,
	direction: 'right',
	prev: {
		button: '#prev',
		fx: 'uncover',
		onBefore: function() {
			setTimeout(function() {
				$c.trigger( 'prev' );
			}, 100);
		}
	},
	next: {
		fx: 'cover'
	}
});
$c.carouFredSel({
	auto: false,
	items: 1,
	prev: {
		onBefore: function() {
			setTimeout(function() {
				$r.trigger( 'prev' );
			}, 100);
		}
	},
	next: {
		onBefore: function() {
			setTimeout(function() {
				$l.trigger( 'next' );
			}, 100);
		}
	}
});
$r.carouFredSel({
	auto: false,
	items: 1,
	prev: {
		fx: 'cover'
	},
	next: {
		button: '#next',
		fx: 'uncover',
		onBefore: function() {
			setTimeout(function() {
				$c.trigger( 'next' );
			}, 100);
		}
	}
});
});

//Carousel   22


//Carousel   23


//Carousel   24


//Carousel   25


//Carousel   26


//Carousel   27


//Carousel  28


//Carousel   29


//Carousel   30