$(function () {
		function ajaxify(file){
			$('#loading').slideUp(1,function(){$(this).remove();});
			$('<div id="loading"></div>').html('<img src="images/loading2.gif" alt="" /><br />Loading...').appendTo('#homeImageMove').show();
			$.get(file,function(data) {
				$("#homeImageMove").fadeOut(300,function(){
					$(this).html(data).fadeIn(700,function(){
						$('#loading').slideUp(1,function(){$(this).remove();});
					});
				});
			});
		}
$("#homeImage a").click(function(){
			ajaxify($(this).attr('href'));
return false;
		});						
ajaxify('homeImage1.php');			
});
$(document).ready(function(){
    $('.box1, .box2, .box3').hover(function () {
      $(this).addClass("highlight");},
	function () {
      $(this).removeClass("highlight");
	  });
	  $('.box1').click(function () { 
      $('.box2, .box3').animate({left: "671px"}, 90).removeClass("highlight2");
      $(this).animate({left: "657px"}, 90).addClass("highlight2"); 
	  });
	  $('.box2').click(function () { 
      $('.box3, .box1').animate({left: "671px"}, 90).removeClass("highlight2");
      $(this).animate({left: "657px"}, 90).addClass("highlight2");
	  });
	  $('.box3').click(function () { 
      $('.box2, .box1').animate({left: "671px"}, 90).removeClass("highlight2");
      $(this).animate({left: "657px"}, 90).addClass("highlight2");
	  });
	  
  });
$(document).ready(function(){
$('.box1').animate({left: "671px"}, 1100);
$('.box1').addClass("highlight2");
$('.box1').animate({left: "657px"}, 430);
  });



