$(function(){
	/**
	*   Wechsel der Bilder der Hauptnavigationspunkte oder der Buttons bei MouseOver
	*   Vorraussetzung ist, dass die Klasse class="overBtn" und das name-Attribut mit dem
	*   Dateinamen ohne Dateiendung im IMG-Tag (oder INPUT type="image") enthalten sind.
	*   Und die MouseOver-Bilder müssen "Over" heißen am Ende z.B. bildname.gif => bildnameOver.gif
*/
	$('.overBtn').mouseover(function(){

	    /* Nur wechseln, wenn nicht Klasse "active" schon aktiv */
	    if ( $(this).attr('class') != 'overBtn active')
	    {
	        /* Dateiendung ermitteln, damit die Funktion generisch ist für verschiedene 3-stellige Dateiendungen */
	        filetyp = $(this).attr('src').substring($(this).attr('src').length - 3, $(this).attr('src').length);

	        /* Dateipfad ermitteln */
	        path    = $(this).attr('src').substring(0, ($(this).attr('src').length - 4 - $(this).attr('name').length) );

	        // setzen des neuen SRC Attributs
	        $(this).attr('src', path + $(this).attr('name') + '_over.'+filetyp);
	    }

	}).mouseout(function(){

	    /* Nur zurücksetzen, wenn nicht Klasse "active" */
	    if ( $(this).attr('class') != 'overBtn active')
	    {
	        // rücksetzen des alten SRC Attributs
	        $(this).attr('src', path + $(this).attr('name') + '.' + filetyp);
	    }

	});

	/* Verlinkung des Firmenlogos */
	$('#logo').click(function(){

	    window.location.href='index.php';
	});
	
	$(".opaque").hover(function(){
	    $(this).addClass("opaque50");
	  }, function () {
	    $(this).removeClass("opaque50");
	  });
	
	// Hintergrundbild bei Klick wechseln
	$('.changeBg').click(function()
	{			
		$('#loading, #loadingNote').show();
		
		// alle Hintergrundfarben zurücksetzen
		$('#bgSwitch ul li div').css('background-color', '#000000').removeClass('active');
		

		// Hintergrundfarbe für dieses Element setzen
		$(this).prev().css( "background-color", "#005b41" ).addClass('active');
		
		$('#bgImg').load(function () 
		{
			// Loading GIF ausblenden
			$('#loading, #loadingNote').hide();
		}).error(function()
		{
			alert('Das Bild konnte nicht geladen werden.');
			$('#bgImg').attr('src', 'img/layout/bg.jpg');
		}).attr('src', 'img/layout/'+$(this).attr('name'));
		
	});
	
	//Contentbereich ein- und ausblenden
	$('#handleBtn').click(function()
	{	
		$("#content").animate({ "width": "toggle" }, "slow");
		$("#text").animate({ "width": "toggle" }, "slow");
	});
	
	// MouseOverEffekt Navigation
	$('#navi ul li a, #bgSwitch ul li p, #metaNavi ul li a').mouseover(function() 
	{		
		$(this).prev().css( "background-color", "#005b41" );
	}).mouseout(function()
	{
		if ( !$(this).prev().hasClass('active'))
	    {
	    	$(this).prev().css( "background-color", "#000000" );
		}
	});
		
});

/**
*	Diese Funktion gibt aus übergebenen Parametern eine verlinkte Mailadresse wieder.
*	Nach dem Aufruf sollte noch folgendes notiert werden:
*	<noscript>info (atZeichen) domain (punkt) de</noscript>
*/
function showCryptMailaddress(domainEnd, domainStart, userPlusAt, className, text)
{
	var a = new Array(domainEnd, domainStart, userPlusAt);
	
	// abweichender Text
	if (text != '')
	{
		document.write("<a href='mailto:"+a[2]+a[1]+a[0]+"' class='"+className+"'>"+text+"</a>");
	}
	else
	{
		document.write("<a href='mailto:"+a[2]+a[1]+a[0]+"' class='"+className+"'>"+a[2]+a[1]+a[0]+"</a>");
	}
}


// Hintergrundbild erst zeigen, wenn komplett geladen
$(window).load(function(){
	$('#bgSwitch ul li div.firstItem').css( "background-color", "#005b41" )
	$('#loading, #loadingNote').hide();
	$('#bgImg').show();
	<!--
		// You need to specify the size of your background image here (could be done automatically by some PHP code)
		var FullscreenrOptions = {  width: 1024, height: 683, bgID: '#bgImg' };
		// This will activate the full screen background!
		jQuery.fn.fullscreenr(FullscreenrOptions);
	//-->
});