// Rollover Bild
$(document).ready(function(){

	$("<div class=\"rolloverA\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverB\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverC\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverD\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverE\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverF\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverG\"></div>").insertAfter("#logo");
	$("<div class=\"rolloverH\"></div>").insertAfter("#logo");

$("#matratzen").ready(function() { 
		$(".rolloverD").show();
	});
$(document).ready(function() { 
		$("li.current").css("opacity", 1);
	});
// Rollover bei den Produktgruppen 
$(document).ready(function(){
	$(".transparent").css("opacity", 0.5);
	$("li.current").css("opacity", 1);
  $(".transparent")
	.mouseover(function() { 
		$(this).css("opacity", 1);
		//$("#texteA").fadeIn();
	});
	 $(".transparent")
	.mouseout(function() { 
		$(this).css("opacity", 0.5);
		$("li.current").css("opacity", 1);
		//$("#texteA").hide();
	});
});

// Matratzen 
	$("#matratzen").mouseover(function() { 
		$(".rolloverA").show();
	});
	$("#matratzen").mouseout(function() { 
		$(".rolloverA").hide();
	});

// Unterfederungen	
	$("#unter").mouseover(function() { 
		$(".rolloverB").show();
	});
	$("#unter").mouseout(function() { 
		$(".rolloverB").hide();
	});

// Bettsystem
	$("#systeme").mouseover(function() { 
		$(".rolloverC").show();
	});
	$("#systeme").mouseout(function() { 
		$(".rolloverC").hide();
	});

//gute Ideen im Detail
	$("#ideen").mouseover(function() { 
		$(".rolloverD").show();
	});
	$("#ideen").mouseout(function() { 
		$(".rolloverD").show();
	});
});