$(document).ready(function() {
////////////////////////////BEGIN slide////////////////////////////

var infoActive = false;

	$('#logo2').click(function() {
	if (!infoActive)
		{
			$("#info").animate({right: '500px'}, 150, 'easeOutQuad');
			$("#logo").animate({right: '40px'}, 150, 'easeOutQuad');
			$("#logo2").animate({right: '-40px'}, 150, 'easeOutQuad');
			$("#icon").animate({right: '10px'}, 150, 'easeOutQuad');
			infoActive = true;
		} else { // active when you click logo2
			$("#info").animate({right: '0px'}, 150, 'easeOutQuad');
			$("#logo").animate({right: '40px'}, 150, 'easeOutQuad');
			$("#logo2").animate({right: '-40px'}, 150, 'easeOutQuad');
			
			infoActive = false;
		}
	});
	
	$('#logo').click(function() {// active when you click logo
		
			$("#info").animate({right: '-500px'}, 150, 'easeOutQuad');
			$("#logo").animate({right: '-40px'}, 150, 'easeOutQuad');
			$("#logo2").animate({right: '40px'}, 150, 'easeOutQuad');
			
			infoActive = true;
	
	});
			

	
});