document.write('<link rel="stylesheet" type="text/css" href="http://staab.kiapartner.de/common/modules/energy/energy.css" />');
	
$(document).ready(function() {

	$('div.efficiencyclass').each(function() {

		// Anzuzeigende Klasse ermitteln (steht im Attribut rel="")
		eclass = $(this).attr('rel');

		if (eclass != undefined) {
		
			eclass = eclass.toLowerCase();

			// Inhalt des Containers loeschen (wird angezeigt, wenn JS deaktiviert ist)
			$(this).html(''); 
			
			// Grafiken hinzufuegen (Thumbnail & Detail)
			$(this).append('<img src="http://staab.kiapartner.de/common/modules/energy/images/236x100/'+eclass+'.jpg" class="efc-thumb" />');
			$(this).append('<img src="http://staab.kiapartner.de/common/modules/energy/images/500x308/'+eclass+'.jpg" width="360" class="efc-detail" />');			
		}
	});
	
	// Bei Mouseover auf Thumnbail: Details anzeigen
	$('div.efficiencyclass img.efc-thumb').bind('mouseover', function() {
		$(this).siblings("img.efc-detail").show(200);
	});
	
	// Bei Mouseout von Details: Details ausblenden
	$('div.efficiencyclass img.efc-detail').bind('mouseout', function() {
		$(this).hide(200);
	});
	
	// z-Index im IE7 reparieren
	// siehe http://css-tricks.com/snippets/jquery/fixing-ie-z-index/
	$(function() {
		var zIndexNumber = 50000;
		$('div').each(function() {
			$(this).css('zIndex', zIndexNumber);
			zIndexNumber -= 5;
		});
	});

});