// JavaScript Document

$(function() {

				$('#ca_banner1').banner({
					//  Step =>  Transition
					steps : [
						[
							// Transition 1
							
							//Pour cette transition, seulement la zone 1 et 3 effectuent une transition et montre la seconde image.
							// A chaque transition s'applique un effet => {"effect": "zoomOutRotated-zoomInRotated"}
							
							/* première zone => .ca_wrap1 */ [{"to" : "2"}, {"effect": "slideOutBottom-slideInTop"}],
							/* deuxieme zone => .ca_wrap2 */ [{"to" : "2"}, {"effect": "slideOutTop-slideInBottom"}]

						],
					],
					
					// nombre de transition
					total_steps	: 1,
					// temps entre chaques transition
					speed : 1000
				});
				
				$('#ca_banner2').banner({
					steps : [
						[
							//1 step:
							[{"to" : "2"}, {"effect": "slideOutTop-slideInTop"}]
						],
					],
					total_steps	: 1,
					speed 		: 2000
				});
							
				
            });