jQuery.noConflict();

// Put all your code in your document ready area
     jQuery(document).ready(function($){


$(document).ready(function(){
				$('#slideFade1').addClass('submenuItemActive');
				$('#slideFade2').addClass('submenuItem');
				$('#slideFade3').addClass('submenuItem');
				$("#text1").animate({ height: 'show', opacity: 'show'});
	            $("#text2").animate({ height: 'hide', opacity: 'hide'});
				$("#text3").animate({ height: 'hide', opacity: 'hide'});
				
	            /*Mehrer Effekte bestimmen*/
	            $("a#slideFade1").toggle(function(){
	                  /*CSS*/
					$('#slideFade1').removeClass('submenuItem').addClass('submenuItemActive');
					$('#slideFade2').removeClass('submenuItemActive').addClass('submenuItem');
					$('#slideFade3').removeClass('submenuItemActive').addClass('submenuItem');
	                $("#text1").animate({ height: 'show', opacity: 'show' }, 'slow');
					$("#text2").animate({ height: 'hide', opacity: 'hide' }, 'slow');
					$("#text3").animate({ height: 'hide', opacity: 'hide' }, 'slow');
	            },function(){
					/*Sliding*/
					$("#text1").animate({ height: 'hide', opacity: 'hide' }, 'slow');
					$("#text2").animate({ height: 'show', opacity: 'show' }, 'slow');
					$("#text3").animate({ height: 'hide', opacity: 'hide' }, 'slow');
	            })
				
				$("a#slideFade2").toggle(function(){
	               	/*CSS*/
					$('#slideFade2').removeClass('submenuItem').addClass('submenuItemActive');
					$('#slideFade1').removeClass('submenuItemActive').addClass('submenuItem');
					$('#slideFade3').removeClass('submenuItemActive').addClass('submenuItem');
	                $("#text2").animate({ height: 'show', opacity: 'show' }, 'slow');
					$("#text1").animate({ height: 'hide', opacity: 'hide' }, 'slow');
					$("#text3").animate({ height: 'hide', opacity: 'hide' }, 'slow');
	            },function(){
					$("#text2").animate({ height: 'hide', opacity: 'hide' }, 'slow');
					$("#text1").animate({ height: 'hide', opacity: 'show' }, 'slow');
					$("#text3").animate({ height: 'show', opacity: 'hide' }, 'slow');
	            })
				
				$("a#slideFade3").toggle(function(){	
	                $('#slideFade3').removeClass('submenuItem').addClass('submenuItemActive');
					$('#slideFade1').removeClass('submenuItemActive').addClass('submenuItem');
					$('#slideFade2').removeClass('submenuItemActive').addClass('submenuItem');
	                $("#text3").animate({ height: 'show', opacity: 'show' }, 'slow');
					$("#text1").animate({ height: 'hide', opacity: 'hide' }, 'slow');
					$("#text2").animate({ height: 'hide', opacity: 'hide' }, 'slow');
	            },function(){				
					$("#text1").animate({ height: 'show', opacity: 'hide' }, 'slow');
					$("#text3").animate({ height: 'hide', opacity: 'show' }, 'slow');
					$("#text2").animate({ height: 'hide', opacity: 'hide' }, 'slow');
	            })
	});
});