( function ( $ ) {

	$.extend ( {
		
		topanimation : function ()
		{
			
			$( ".TopMainImg .Logo3" ).animate(
				
				{ opacity : 1 },
				{
					duration : 1000,
					easing : "swing",
					complete : function() { setTimeout( ImgLogoMove, 2000 ); }
				}
				
			);
			
			function ImgLogoMove () {
			
				$( ".TopMainImg .Logo3" ).animate(
				
					{ opacity : 0 },
					{
						duration : 1000,
						easing : "swing",
						complete : function() { setTimeout( ImgTxtMove, 50 ); }
					}
				
				);
			
			}
			
			function ImgTxtMove () {
				
				$( ".TopMainImg .MainImgTxtBG" ).animate(
				
					{ opacity : 0.8 },
					{
						duration : 500,
						easing : "swing"
					}
				
				);
				
				setTimeout (
					
					function () {
					
						$( ".TopMainImg .MainImgTxt" ).animate(
				
							{ opacity : 1 },
							{
								duration : 500,
								easing : "swing",
								complete : function() { Img1Move() }
							}
				
						);
						
					},
					60
					
				);
			
			}
			
			function ImgTxtMove2 () {
			
				$( ".TopMainImg .MainImgTxt" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : Img1Move
					}
				
				);
			
			}
			
			function Img1Move () {
				
				$( ".TopMainImg .MainImg1" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : function() { setTimeout( Img2Move, 1000 ); }
					}
				
				);
			
			}
			
			function Img2Move () {
				
				$( ".TopMainImg .MainImg2" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : function() { setTimeout( Img3Move, 1000 ); }
					}
				
				);
			
			}
			
			function Img3Move () {
				
				$( ".TopMainImg .MainImg1" ).css( { opacity : "0" } );
				$( ".TopMainImg .MainImg3" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : function() { setTimeout( Img4Move, 1500 ); }
					}
				
				);
			
			}
			
			function Img4Move () {
				
				$( ".TopMainImg .MainImg2" ).css( { opacity : "0" } );
				$( ".TopMainImg .MainImg4" ).animate(
				
					{ opacity : 1 },
					{
						duration : 300,
						easing : "swing",
						complete : function() { Img4_1Move(); }
					}
				
				);
				
			}
			
			function Img4_1Move() {
				
				$( ".TopMainImg .MainImg4_1" ).css( "left", "870px" );
				$( ".TopMainImg .MainImg4_1" ).delay( 300 ).animate(
					
					{
						opacity : 1,
						"left" : "676px"
					},
					{
						duration : 1000,
						easing : "easeOutCubic"
					}
					
				)
				
				Img4_2Move();
				Img4_3Move();
				Img4_4Move();
				
			}
			
			function Img4_2Move() {
				
				$( ".TopMainImg .MainImg4_2" ).css( "left", "870px" );
				$( ".TopMainImg .MainImg4_2" ).animate(
					
					{
						opacity : 1,
						"left" : "416px"
					},
					{
						duration : 1000,
						easing : "easeOutCubic"
					}
					
				)
				
			}
			
			function Img4_3Move() {
				
				$( ".TopMainImg .MainImg4_3" ).css( "left", "-188px" );
				$( ".TopMainImg .MainImg4_3" ).animate(
					
					{
						opacity : 1,
						"left" : "263px"
					},
					{
						duration : 1000,
						easing : "easeOutCubic",
						complete : function() { setTimeout( Img4_1Del, 1000 ); }
					}
					
				)
				
			}
			
			function Img4_4Move() {
				
				$( ".TopMainImg .MainImg4_4" ).css( "left", "-188px" );
				$( ".TopMainImg .MainImg4_4" ).delay( 300 ).animate(
					
					{
						opacity : 1,
						"left" : "38px"
					},
					{
						duration : 1000,
						easing : "easeOutCubic"
					}
					
				)
				
			}
			
			function Img4_1Del() {
				
				$( ".TopMainImg .MainImg4_1" ).animate(
				
					{
						opacity : 0,
						"left" : "870px"
					},
					{
						duration : 1000,
						easing : "easeInCubic"
					}
				
				);
				
				Img4_2Del();
				Img4_3Del();
				Img4_4Del();
				
			}
			
			function Img4_2Del() {
				
				$( ".TopMainImg .MainImg4_2" ).delay( 400 ).animate(
				
					{
						opacity : 0,
						"left" : "870px"
					},
					{
						duration : 1000,
						easing : "easeInCubic"
					}
				
				);
				
			}
			
			function Img4_3Del() {
				
				$( ".TopMainImg .MainImg4_3" ).delay( 400 ).animate(
				
					{
						opacity : 0,
						"left" : "-188px"
					},
					{
						duration : 1000,
						easing : "easeInCubic"
					}
				
				);
				
			}
			
			function Img4_4Del() {
				
				$( ".TopMainImg .MainImg4_4" ).animate(
				
					{
						opacity : 0,
						"left" : "-188px"
					},
					{
						duration : 1000,
						easing : "easeInCubic",
						delay : 500,
						complete : function() { setTimeout( Img5Move, 0 ); }
					}
				
				);
				
			}
			
			function Img5Move () {
				
				$( ".TopMainImg .MainImg3" ).css( { opacity : "0" } );
				$( ".TopMainImg .MainImg5" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : function() { setTimeout( Img6Move, 1500 ); }
					}
				
				);
			
			}
			
			function Img6Move () {
				
				$( ".TopMainImg .MainImg4" ).css( { opacity : "0" } );
				$( ".TopMainImg .MainImg6" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : function() { setTimeout( Img7Move, 1500 ); }
					}
				
				);
			
			}
			
			function Img7Move () {
				
				
				$( ".TopMainImg .MainImg5" ).css( { opacity : "0" } );
				$( ".TopMainImg .MainImg7" ).animate(
				
					{ opacity : 1 },
					{
						duration : 500,
						easing : "swing",
						complete : function() { setTimeout( ImgDelete, 1500 ); }
					}
				
				);
			
			}
			
			function ImgDelete () {
				
				
				$( ".TopMainImg .MainImgW" ).animate (
				
					{ opacity : 1 },
					{
						duration : 1000,
						easing : "swing",
						complete : function() { setTimeout( ImgLogoMove2, 50 ); }
					}
				
				);
				
			}
			
			function ImgLogoMove2 () {
				
				
				$( ".TopMainImg .Logo3" ).animate (
				
					{ opacity : 1 },
					{
						duration : 1000,
						easing : "swing",
						complete : function() { setTimeout( ImgLogoMove3, 1000 ); }
					}
				
				);
				
			}
			
			function ImgLogoMove3 () {
				
				$( ".TopMainImg .DImg" ).css( { opacity : "0" } );
				
				$( ".TopMainImg .Logo3" ).animate (
				
					{ opacity : 0 },
					{
						duration : 1000,
						easing : "swing",
						complete : function() { setTimeout( ImgTxtMove, 50 ); }
					}
					
				);
				
			}
			
		}
		
	} );

} )( jQuery );