var bouton_actif="introonenav";


function lancer_boucler() {
	setTimeout("boucler();",10000);
}

function boucler() {
		clearTimeout();
		
		switch(bouton_actif) {
			case 'introonenav':
				jQuery('#introtwonav').click();
				bouton_actif='introtwonav';
				setTimeout("boucler();",10000);
			break;
			
			case 'introtwonav':
				jQuery('#introthreenav').click();
				bouton_actif='introthreenav';
				setTimeout("boucler();",10000);
			break;
			
			case 'introthreenav':
				//jQuery('#introonenav').click();
				bouton_actif='introonenav';
			break;
			
// 			default:
// 				jQuery('#introonenav').click();
// 				bouton_actif='introonenav';
// 				setTimeout("boucler();",10000);
// 			break;
		}
}


jQuery(function() {

	var windowwidth = jQuery(window).width();
	
	jQuery('#introonenav').bind('click', function() {
		
		bouton_actif='introonenav';
		
		jQuery('#introtwo').fadeOut(500, function () {
			jQuery('#introtwo').css('left', windowwidth + 'px');
		});
		
		jQuery('#introthree').fadeOut(500, function () {
			jQuery('#introthree').css('left', windowwidth + 'px');
						jQuery('#introone').fadeIn();
						jQuery('#introone').animate({
							left: '0px'
						}, 1000);
		});	
		
		
		
		
		jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle2.png)');
		jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle.png)');
		jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle.png)');
		
		
		jQuery('#introonenav').hover(
			function() {
				jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			}
		);
		
		jQuery('#introtwonav').hover(
			function() {
				jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle.png)');
			}
		);
		
		jQuery('#introthreenav').hover(
			function() {
				jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle.png)');
			}
		);
		
		
		return false;
	});
	
	
	
	
	
	
	
	
	
	jQuery('#introtwonav').bind('click', function() {
		
		  bouton_actif='introtwonav';
		
		
		
		jQuery('#introone').fadeOut(500, function () {
			jQuery('#introone').css('left', windowwidth + 'px');
			
			jQuery('#introtwo').fadeIn();
			jQuery('#introtwo').animate({
				left: '0px'
			}, 1000);
			
		});
		
		jQuery('#introthree').fadeOut(500, function () {jQuery('#introthree').css('left', windowwidth + 'px');});
		
		
		
		
		
		
		
		
		jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle.png)');
		jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle2.png)');
		jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle.png)');
		
		
		jQuery('#introonenav').hover(
			function() {
				jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle.png)');
			}
		);
		
		jQuery('#introtwonav').hover(
			function() {
				jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle2.png)');
			}
		);
		
		jQuery('#introthreenav').hover(
			function() {
				jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle.png)');
			}
		);
		
		return false;
	});
	
	
	
	
	
	
	
	jQuery('#introthreenav').bind('click', function() {
		
		 bouton_actif='introthreenav';
		
		
		
		jQuery('#introone').fadeOut(500, function () {
			jQuery('#introone').css('left', windowwidth + 'px');
		});
		
		jQuery('#introtwo').fadeOut(500, function () {
			
			jQuery('#introtwo').css('left', windowwidth + 'px');
			
			 jQuery('#introthree').fadeIn();
				jQuery('#introthree').animate({
					left: '0px'
				}, 1000);
		
		});
		
		
		
		
		
		
		
		jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle.png)');
		jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle.png)');
		jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle2.png)');
		
		
		
		 jQuery('#introonenav').hover(
			function() {
				jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introonenav').css('background-image', 'url(slide_accueil/cercle.png)');
			}
		);
		
		jQuery('#introtwonav').hover(
			function() {
				jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introtwonav').css('background-image', 'url(slide_accueil/cercle.png)');
			}
		);
		
		jQuery('#introthreenav').hover(
			function() {
				jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			},
			function(){
				jQuery('#introthreenav').css('background-image', 'url(slide_accueil/cercle2.png)');
			}
		);
		
		
		return false;
	});
	
});