jQuery(document).ready(function(){

	jQuery('.home').click(function(){/*home*/
		jQuery('#wraper_home').animate({marginLeft: 0}, 'slow', 'easeOutQuart');
		jQuery('#wraper_direct').css('display', 'none').animate({marginLeft: 10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_lyon').css('display', 'none').animate({marginLeft: 20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_marseille').css('display', 'none').animate({marginLeft: 30000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_livemap').css('display', 'none').animate({marginLeft: 40000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_media').css('display', 'none').animate({marginLeft: 50000}, 'slow', 'easeOutQuart');
	});
	
	jQuery('.direct').click(function(){/*vols reels*/
		jQuery('#wraper_direct').css('display', 'block').animate({marginLeft: 0}, 'slow', 'easeOutQuart');
		jQuery('#wraper_home').animate({marginLeft: -10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_lyon').css('display', 'none').animate({marginLeft: 10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_marseille').css('display', 'none').animate({marginLeft: 20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_livemap').css('display', 'none').animate({marginLeft: 30000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_media').css('display', 'none').animate({marginLeft: 40000}, 'slow', 'easeOutQuart');
	});
	
	jQuery('.ivao_lyon').click(function(){/*vols lyon*/
		jQuery('#wraper_ivao_lyon').css('display', 'block').animate({marginLeft: 0}, 'slow', 'easeOutQuart');
		jQuery('#wraper_home').animate({marginLeft: -20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_direct').css('display', 'none').animate({marginLeft: -10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_marseille').css('display', 'none').animate({marginLeft: 10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_livemap').css('display', 'none').animate({marginLeft: 20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_media').css('display', 'none').animate({marginLeft: 30000}, 'slow', 'easeOutQuart');
	});
	
	jQuery('.ivao_marseille').click(function(){/*vols marseille*/
		jQuery('#wraper_ivao_marseille').css('display', 'block').animate({marginLeft: 0}, 'slow', 'easeOutQuart');
		jQuery('#wraper_home').animate({marginLeft: -30000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_direct').css('display', 'none').animate({marginLeft: -20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_lyon').css('display', 'none').animate({marginLeft: -10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_livemap').css('display', 'none').animate({marginLeft: 10000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_media').css('display', 'none').animate({marginLeft: 20000}, 'slow', 'easeOutQuart');		
	});
	
	jQuery('.livemap').click(function(){/*media*/	
		jQuery('#wraper_livemap').css('display', 'block').animate({marginLeft: 0}, 'slow', 'easeOutQuart');			
		jQuery('#wraper_home').animate({marginLeft: -40000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_direct').css('display', 'none').animate({marginLeft: -30000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_lyon').css('display', 'none').animate({marginLeft: -20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_marseille').css('display', 'none').animate({marginLeft: -10000}, 'slow', 'easeOutQuart');		
		jQuery('#wraper_media').css('display', 'none').animate({marginLeft: 10000}, 'slow', 'easeOutQuart');	
	});
	
	jQuery('.media').click(function(){
		jQuery('#wraper_media').css('display', 'block').animate({marginLeft: 0}, 'slow', 'easeOutQuart');
		jQuery('#wraper_home').animate({marginLeft: -50000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_direct').css('display', 'none').animate({marginLeft: -40000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_lyon').css('display', 'none').animate({marginLeft: -30000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_ivao_marseille').css('display', 'none').animate({marginLeft: -20000}, 'slow', 'easeOutQuart');
		jQuery('#wraper_livemap').css('display', 'none').animate({marginLeft: -10000}, 'slow', 'easeOutQuart');
		
	});
});