function SloganAnimation(){

	var spanStyles = "position:absolute; right: 128px; opacity: 0;filter: alpha(opacity=0); line-height: 90px;bottom: -25px";
	
	var animateOptions = {
		"opacity":"0.3",
		"right": "60px",
		"line-height": "100px",		
		"font-size":"500%"
	};

	
	if(jQuery.browser.msie){
		spanStyles = "position:absolute; text-align:right; right: 128px; opacity: 0;filter: alpha(opacity=0); line-height:90px; bottom: -25px; line-height: 90px;";
		animateOptions = {
			"opacity":"0.3",
			"right": "60px",
			"font-size":"500%",
			"line-height": "100px"		
		};			
	}

	// split each word of slogan into array.
	var text = jQuery("#site-slogan").html().split(" ");
	// Put the word Echt in a span with id echt and give its correct css settings
	var echt = "<span id='echt' style='" + spanStyles + "'>" + text[2] + "</span>";
	// Attach it to the slogan container	
	jQuery("#site-slogan").append(echt);
	// Reset slogan css.
	jQuery("#site-slogan").css({
		"right": 0,
		"opacity": 0
	});
	
	// Start the animation.
	jQuery("#site-slogan").animate({
			// Fade in the text in 2 seconds.
			"opacity":1
		}, 2000, function() {
			
			// When fading is complete. Display the word Echt with fade and increasing size in 2 seconds.
			jQuery("#echt").animate(animateOptions, 600, function(){
				// If the word Echt is big on the screen hide it in 1 seconds
				
				jQuery("#echt").animate({
				"opacity":0
				} , 400);
			});
			// simultaneously move the text to the left in 6 seconds.
			jQuery("#site-slogan").animate({
				"right": +200
			}, 10000)
			// Move the text quickly to the far left of the screen and hide it in the progress.
			.animate({
				"right":"600px",
				"opacity":0
			},300, function(){
			// At the end of the function, clean up the created span and start it over in 10 seconds.
				jQuery("#echt").remove();
				setTimeout("SloganAnimation()", 6000);
			});
		}
	) // End of animation
};
jQuery(document).ready(function(){
	SloganAnimation()
});