// JavaScript Document



$(document).ready(function(){
	
	jQuery.fn.center = function () {
		this.css("position","absolute");
		this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
		this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
		return this;
	}
	
	
	//PUSH TEXT OFF THE FRAME
	var textWidth = $("#animationText1").width();
	var value = '-' + textWidth + 'px';
	console.log(value);
	$("#animationText1").css({ left: value });
	
	//HIDE THE LOGO AND FADE IT IN
	//$originalWidth = $("#logo").width();
	
	//$('#logo').center();
	
	$("#logo").hide();
	$("#logo").delay(7000).fadeIn('slow');
		
	//manorAnimation();
	//delay(20000).setInterval(manorAnimation(), 21000);
	
	
	var animFunc = function(){
		//ANIMATE BLUE SHADE UP
		$("#animationBlueShade").delay(2000).animate({
			backgroundPosition : '0 0'
		}, 800, function() {
			
			
			//ANIMATE TEXT IN AND OUT
			$("#animationText1").animate({ left: 450 }, 1200 );
			$("#animationText1").animate({ left: 300 }, 4200 );
			//var textPosition = $("#animationText1").position();
			//var moveText = ($("#animationText1").width() - textPosition.left) - $("#animationText1").width();
			$("#animationText1").delay(300).animate({ 
				left: 927
			}, 400, function() {
					
					//ANIMATE SHADE OFF THE SCREEN RESET VALUES FOR NEXT ANIMATION 
					$("#animationBlueShade").delay(100).animate({
						backgroundPosition : '0 -256px'
					}, 700, function() {
						$("#animationBlueShade").css({
							 backgroundPosition : '0 256px'
						});
						
						$("#animationText1").html('A Place To Call Home');
						
						//ANIMATE BLUE SHADE UP
						$("#animationBlueShade").delay(400).animate({
							backgroundPosition : '0 0'
						}, 800, function() {
							
							var textPosition = $("#animationText1").position();
							//alert(textPosition.left);
							
							//ANIMATE TEXT IN AND OUT
							$("#animationText1").animate({ left: 550 }, 1200 );
							$("#animationText1").animate({ left: 300 }, 5200 );
							$("#animationText1").delay(500).animate({ 
								left: 1000
							}, 400, function() {
								
								//ANIMATE SHADE OFF THE SCREEN RESET VALUES FOR NEXT ANIMATION 
								$("#animationBlueShade").delay(500).animate({
									backgroundPosition : '0 -256px'
								}, 700, function() {
									$("#animationBlueShade").css({
										 backgroundPosition : '0 256px'
									});
									
									$("#animationText1").html('Come Visit Manor Grove');
									
									var textReposition = $("#animationContainer").position().left;
									var resetTextWidth = $("#animationText1").width();
									
									
									$("#animationText1").css({
										 left : -367
									});
									
									animFunc();
									
								});
								
							});
									
						});
						
					});
					
			});
			
		});		
	};
	
	//setTimeout(animFunc, 7000);
	
	
	
	
	
});