// 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 
	$("#matratzen").mouseover(function() { 
		$(".rolloverA").show();
	});
	$("#matratzen").mouseout(function() { 
		$(".rolloverA").hide();
	});
	$("#matratzen").click(function() { 
		$(".rolloverE").show();
		$(".rolloverF").hide();
		$(".rolloverG").hide();
		$(".rolloverH").hide();
		$("#sensoflex300").hide();
		$("#sensoflex400").hide();
		$("#sensoflex500").hide();
		$("#sensoflex600").hide();
		$("#sensoflex700").hide();
		$("#sensoflex800").hide();
		$("#sensoflex2000").hide();
		$("#sensoflex3000").hide();
		$("#sensoflex4000").hide();
		$("#sensoflex4000mit").hide();
		$("#anpassung").hide();
		$("#klima").hide();
		$("#hygiene").hide();
		$("#komfort").hide();
		$("#schlaf").hide();
	});
	
// Unterfederungen	
	$("#unter").mouseover(function() { 
		$(".rolloverB").show();
	});
	$("#unter").mouseout(function() { 
		$(".rolloverB").hide();
	});
	$("#unter").click(function() { 
		$(".rolloverE").hide();
		$(".rolloverF").show();
		$(".rolloverG").hide();
		$(".rolloverH").hide();
		$("#sensoflex300").hide();
		$("#sensoflex400").hide();
		$("#sensoflex500").hide();
		$("#sensoflex600").hide();
		$("#sensoflex700").hide();
		$("#sensoflex800").hide();
		$("#sensoflex2000").hide();
		$("#sensoflex3000").hide();
		$("#sensoflex4000").hide();
		$("#sensoflex4000mit").hide();
		$("#anpassung").hide();
		$("#klima").hide();
		$("#hygiene").hide();
		$("#komfort").hide();
		$("#schlaf").hide();
	})

// Bettsystem
	$("#systeme").mouseover(function() { 
		$(".rolloverC").show();
	});
	$("#systeme").mouseout(function() { 
		$(".rolloverC").hide();
	});
	$("#systeme").click(function() { 
		$(".rolloverE").hide();
		$(".rolloverF").hide();
		$(".rolloverG").show();
		$(".rolloverH").hide();
		$("#sensoflex300").hide();
		$("#sensoflex400").hide();
		$("#sensoflex500").hide();
		$("#sensoflex600").hide();
		$("#sensoflex700").hide();
		$("#sensoflex800").hide();
		$("#sensoflex2000").hide();
		$("#sensoflex3000").hide();
		$("#sensoflex4000").hide();
		$("#sensoflex4000mit").hide();
		$("#anpassung").hide();
		$("#klima").hide();
		$("#hygiene").hide();
		$("#komfort").hide();
		$("#schlaf").hide();
	})

//gute Ideen im Detail
	$("#ideen").mouseover(function() { 
		$(".rolloverD").show();
	});
	$("#ideen").mouseout(function() { 
		$(".rolloverD").hide();
	});
	$("#ideen").click(function() { 
		$(".rolloverE").hide();
		$(".rolloverF").hide();
		$(".rolloverG").hide();
		$(".rolloverH").show();
		$("#sensoflex300").hide();
		$("#sensoflex400").hide();
		$("#sensoflex500").hide();
		$("#sensoflex600").hide();
		$("#sensoflex700").hide();
		$("#sensoflex800").hide();
		$("#sensoflex2000").hide();
		$("#sensoflex3000").hide();
		$("#sensoflex4000").hide();
		$("#sensoflex4000mit").hide();
		$("#anpassung").hide();
		$("#klima").hide();
		$("#hygiene").hide();
		$("#komfort").hide();
		$("#schlaf").hide();
	})
});


// Ein  und ausblenden der kleinen Produktabbildungen
$(document).ready(function(){
  $("#matratzen")
	.click(function() {
		$("#naviMatratzen").fadeIn();
		$("#naviUnterfederungen").fadeOut();
		$("#naviBettsystem").fadeOut();
		$("#naviIdeen").fadeOut();
	});
});

$(document).ready(function(){
  $("#unter")
	.click(function() {
		$("#naviMatratzen").fadeOut();			
		$("#naviUnterfederungen").fadeIn();
		$("#naviBettsystem").fadeOut();
		$("#naviIdeen").fadeOut();
	});
});

$(document).ready(function(){
  $("#systeme")
	.click(function() {
		$("#naviMatratzen").fadeOut();			
		$("#naviUnterfederungen").fadeOut();
		$("#naviBettsystem").fadeIn();
		$("#naviIdeen").fadeOut();
	});
});

$(document).ready(function(){
  $("#ideen")
	.click(function() {
		$("#naviMatratzen").fadeOut();			
		$("#naviUnterfederungen").fadeOut();
		$("#naviBettsystem").fadeOut();
		$("#naviIdeen").fadeIn();
	});
});

// Rollover bei den Produktgruppen 
$(document).ready(function(){
	$(".transparent").css("opacity", 0.5);
  $(".transparent")
	.mouseover(function() { 
		$(this).css("opacity", 1);
	});
	 $(".transparent")
	.mouseout(function() { 
		$(this).css("opacity", 0.5);
	});
});