var step = 0;

function realisation_scroll(domaine, next_step){

/*********************************************************************
	0 = accueil
	1 = page "Résidentiel" (grosse image, bout de texte à droite)
	2 = page "Vignettes"

	0=>1 : +1240
	1=>2 : +440
**********************************************************************/

	if (next_step==3) {
		alert('cliquez sur l\'une des vignettes');
		return;
	}

	// ne peut changer de domaine que si on est en step=0
	if (domaine) {
		switch (domaine) {
			case 'residentiel':
				jQuery('#residentiel').show();
				jQuery('#agricole').hide();
				jQuery('#industriel').hide();
				jQuery('#collectif').hide();

			break;
			case 'agricole':
				jQuery('#residentiel').hide();
				jQuery('#agricole').show();
				jQuery('#industriel').hide();
				jQuery('#collectif').hide();
			break;
			case 'industriel':
				jQuery('#residentiel').hide();
				jQuery('#agricole').hide();
				jQuery('#industriel').show();
				jQuery('#collectif').hide();
			break;
			case 'collectif':
				jQuery('#residentiel').hide();
				jQuery('#agricole').hide();
				jQuery('#industriel').hide();
				jQuery('#collectif').show();
			break;
		}
	}


	if (step == next_step) {
		return;
	}

	switch (next_step) {
		case 0:
			jQuery('#navigation').fadeOut('slow');
		break;

		case 1:
			jQuery('#navigation').fadeIn('slow');
			jQuery('.fleche_gauche').show();
			jQuery('.fleche_droite').show();
		break;

		case 2:
			jQuery('#navigation').fadeIn('slow');
			jQuery('.fleche_droite').hide();
		break;
	}

	switch (step+'.'+next_step) {
		case '0.1' :
			jQuery('#fleche_navigation').animate({'left': '+=30px'}, 'slow');
			jQuery('#scroll').animate({'left': '-=1240px'}, 'slow', function(){jQuery('.zone_navigation').show()}  );
		break;

		case '1.0' :
			jQuery('#fleche_navigation').animate({'left': '-=30px'}, 'slow');
			jQuery('#scroll').animate({'left': '+=1240px'}, 'slow');
		break;

		case '0.2' :
		case '2.0' :
			jQuery('#fleche_navigation').animate({'left': '-=60px'}, 'slow');
			jQuery('#scroll').animate({'left': '+='+(1240+440+100)+'px'}, 'slow');
			jQuery('#navigation').animate({'left': '+=400px'}, 'slow');
		break;

		case '1.2' :
			jQuery('#fleche_navigation').animate({'left': '+=30px'}, 'slow');
			jQuery('#scroll').animate({'left': '-='+(440+100)+'px'}, 'slow');
			jQuery('#navigation').animate({'left': '-=540px'}, 'slow');
		break;

		case '2.1' :
			jQuery('#fleche_navigation').animate({'left': '-=30px'}, 'slow');
			jQuery('#scroll').animate({'left': '+='+(440+100)+'px'}, 'slow');
			jQuery('#navigation').animate({'left': '+=540px'}, 'slow');
		break;
	}
	step = next_step;
}