$(document).ready(function()
 {	
 
 var movedist = (300-((($(window).width())-960)*0.4));

	$('#sayhello').toggle(function() {
    $('#sayhello').animate({
        left: '+=300'
        }, 1000, 'easeOutBounce', function() {
        // Animation complete. CALLBACK?
    });
	$('#hello').animate({
        left: '+=300'
        }, 1000, 'easeOutBounce', function() {
        // Animation complete. CALLBACK?
    });
	
	$('#container').animate({
		
        left: movedist
        }, 1000, 'easeOutBounce', function() {
        // Animation complete. CALLBACK?
    });

	
}, function() {
    $('#container').animate({
        left: 0
        }, 1000, 'easeOutBounce', function() {
        // Animation complete. CALLBACK?
    });
		    $('#sayhello').animate({
        left: 0
        }, 1000, 'easeOutBounce', function() {
        // Animation complete. CALLBACK?
    });
		$('#hello').animate({
        left: '-=300'
        }, 1000, 'easeOutBounce', function() {
        // Animation complete. CALLBACK?
    });
	
});


});