// Rollover-Effekt fuer grafische Navigationen, die nicht von TYPO3 generiert werden

$(document).ready(function() {

// Metanavigation

// Vorladen der Bilder in den Browser um Nachladeverzoegerung beim mouseover zu vermeiden
// active-Bilder mit 30 Prozent hoeherer Helligkeit der Textfarbe
var ladeBilder = ['fileadmin/gfx/metanavi/home_active.gif',
				  'fileadmin/gfx/metanavi/ueber_uns_active.gif',
				  'fileadmin/gfx/metanavi/service_active.gif',
				  'fileadmin/gfx/metanavi/kontakt_active.gif',
				  'fileadmin/gfx/metanavi/impressum_active.gif'];
var bilder = [];
for (var i = 0; i < ladeBilder.lenght;i++) {
	bilder[i] = new Image();
	bilder[i].src = ladeBilder[i];
}

// Austauschen der Bilder beim mouseover und mouseout
$('#metanavi_h').hover(
					   function() {
						   $(this).attr('src', ladeBilder[0]);
					   },
					   function() {
						   $(this).attr('src', 'fileadmin/gfx/metanavi/home.gif');
					   }); 

$('#metanavi_ue').hover(
					   function() {
						   $(this).attr('src', ladeBilder[1]);
					   },
					   function() {
						   $(this).attr('src', 'fileadmin/gfx/metanavi/ueber_uns.gif');
					   }); 

$('#metanavi_s').hover(
					   function() {
						   $(this).attr('src', ladeBilder[2]);
					   },
					   function() {
						   $(this).attr('src', 'fileadmin/gfx/metanavi/service.gif');
					   }); 

$('#metanavi_k').hover(
					   function() {
						   $(this).attr('src', ladeBilder[3]);
					   },
					   function() {
						   $(this).attr('src', 'fileadmin/gfx/metanavi/kontakt.gif');
					   }); 

$('#metanavi_i').hover(
					   function() {
						   $(this).attr('src', ladeBilder[4]);
					   },
					   function() {
						   $(this).attr('src', 'fileadmin/gfx/metanavi/impressum.gif');
					   }); 


// Imagemap Direkter Kontakt

// Transparenz des Bildes beim mouseover und mouseout ueber die maparea veraendern
$('map#bleistift_map area').hover(
					   function() {
						   $('img.bleistift_kontakt').css('filter', 'Alpha(opacity=70)');
						   $('img.bleistift_kontakt').css('opacity', 0.7);
						   $('img.bleistift_kontakt').css('-khtml-opacity', 0.7);
						   $('img.bleistift_kontakt').css('-webkit-opacity', 0.7);
						   $('img.bleistift_kontakt').css('-moz-opacity', 0.7);
					   },
					   function() {
						   $('img.bleistift_kontakt').css('filter', 'Alpha(opacity=100)');
						   $('img.bleistift_kontakt').css('opacity', 1);
						   $('img.bleistift_kontakt').css('-khtml-opacity', 1);
						   $('img.bleistift_kontakt').css('-webkit-opacity', 1);
						   $('img.bleistift_kontakt').css('-moz-opacity', 1);
						}); 

}); // ende ready