//*** $ entspricht $(document).ready und ist quasi der nachfolger von onLoad()
$(function() {
		
		//***grundsätzlich werden die elemente wie in einer css-datei adressiert. also (art)#(id).(klasse) (kind)
		
		
		//*** verstecke folgende bereiche
		$('#kallinich-inhalt').hide();
		$('#eltrado-inhalt').hide();
		$('#einblicke-inhalt').hide();
		$('#thl-inhalt').hide();
		$('#unternehmensgruppe-inhalt').hide();
		$('#impressum-inhalt').hide();

		//*** zeige bei klick
		$('a#zeige-kallinich').click(function() {					
			$('div#kallinich-inhalt').slideDown(500);
			return false;
		});
		
		$('a#zeige-eltrado').click(function() {					
			$('div#eltrado-inhalt').slideDown(500);
			return false;
		});	
		
		$('a#zeige-einblicke').click(function() {					
			$('div#einblicke-inhalt').slideDown(500);
			return false;
		});	
		
		$('a#zeige-thl').click(function() {					
			$('div#thl-inhalt').slideDown(500);
			return false;
		});	
		
		$('a#zeige-unternehmensgruppe').click(function() {					
			$('div#unternehmensgruppe-inhalt').slideDown(500);
			return false;
		});	

		$('a#zeige-impressum').click(function() {					
			$('div#impressum-inhalt').slideDown(500);
			return false;
		});	
		
		$('a.close-link').click(function() {
							
			//** verstecke folgende bereiche
			$('div#kallinich-inhalt').slideUp(500);
			$('div#eltrado-inhalt').slideUp(500);
			$('div#einblicke-inhalt').slideUp(500);
			$('div#thl-inhalt').slideUp(500);
			$('div#unternehmensgruppe-inhalt').slideUp(500);
			$('div#impressum-inhalt').slideUp(500);
			return false;
		});		
		
		/************** HOVER MITTE   *****************/
		$("div.box a").hover(
				function() {
					$(this).stop().animate({opacity:0},200, function() {
						$(this).addClass('m_over');
						$(this).animate({opacity:1},350);
						}
					);
					return false;
				},
				function() {
					$(this).stop().animate({opacity:0},100, function() {
						$(this).removeClass('m_over');
						$(this).animate({opacity:1},250);
						}
					);
					return false;
				}
		);
		

		
		
		//Callbacks brauchen wir erstmal nicht
		
		//$('#ug_content').addClass('newClass', 1000, callback);
		/*function callback(){
			setTimeout(function(){
				$('#effect').removeClass('newClass');
			}, 1500);
		}*/
	});