$(document).ready(function(){

	$(".step1").hoverIntent(step1,nostep);
	$(".step2").hoverIntent(step2,nostep);
	$(".step3").hoverIntent(step3,nostep);
	$("#presentation").mouseleave(step0);
	function step0() {
		$('.step2').delay('1000').animate( { width:"614px"}, 200 );
		$('.step1').delay('1000').animate( { width:"464px"}, 200 );
		$('.step1 .text').delay('1200').fadeIn('fast');
	};
  	function step1() {
		$('.step2').animate( { width:"654px"}, 300 );
		$('.step1').animate( { width:"564px"}, 300 );
		$('.step1 .text').delay('60').fadeIn('fast');
	};
	function step2() {
		$('.step1').animate( { width:"110px"}, 300 );
		$('.step2').animate( { width:"684px"}, 300 );
		$('.step1 .text').fadeOut('fast');
		$('.step2 .text').fadeIn('fast');
	};
	function step3() {
		$('.step1').animate( { width:"130px"}, 300 );
		$('.step2').animate( { width:"190px"}, 300 );
		$('.step1 .text').fadeOut('fast');
		$('.step2 .text').fadeOut('fast');
		$('.step3 .text').fadeIn('fast');
	};
	function nostep() {};
});