$(function() {
	function setupBox(i) {
		var $box = $('#box' + i);
		function phase1() {
			$box.animate({ left: 150, top:550 }, 20000, 'swing', phase2);
		}
		function phase2() {
			$box.animate({ left:300, top:0 }, 20000, 'swing', phase3);
		}
		
		function phase3() {
			$box.animate({ left:450, top:550 }, 20000, 'swing', phase4);
		}
	 	function phase4() {
			$box.animate({ left:550, top:0 }, 20000, 'swing', phase5);
		}
		function phase5() {
			$box.animate({ left:450, top:550  }, 20000, 'swing', phase6);
		}
		function phase6() {
			$box.animate({left:300, top:0 }, 20000, 'swing', phase7);
		}
		function phase7() {
			$box.animate({left:150, top:550 }, 20000, 'swing', phase8);
		}
 function phase8() {
			$box.animate({left:0, top:0 }, 20000, 'swing', phase1);
		}
		
		
		$box.hover(function() {
			$box.pause();
		}, function() {
			$box.resume();
		});
		phase1();
	}
	setupBox(1);
	setupBox(2);
	setupBox(3);
});

$(document).ready(function() {

	
    $("#box1 .close").click(function(){
        $("#box1").hide("fast");
    });    
});